PageSourceSearch

https://www.via-mobi.com/

html via-mobi.com collected 2026-10-06 07:02:08 UTC 1,148,921 bytes, 22,835 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head>
4    <meta charset="utf-8"/>
5    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
6    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
7    <title>ViaMobi</title>
8    <meta name="format-detection" content="telephone=no"/>
9    <link rel="icon" type="image/png" sizes="32x32" href="/images/v2/fav/white.png"
10          media="(prefers-color-scheme: light)"/>
11    <link rel="icon" type="image/png" sizes="32x32"
12          href="/images/v2/fav/white.png" media="(prefers-color-scheme: dark)"/>
13    <link rel="apple-touch-icon" type="image/png" href="/images/v2/fav/white.png">
14    <!-- Assets -->
15    
15<script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script>
15
16    <link rel="stylesheet" href="/css/v2/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/>
17    <link rel="stylesheet" href="/css/v2/tilda-blocks-page38287326.min.css?t=1696033796" type="text/css" media="all"
18          onerror="this.loaderr='y';"/>
19    <link rel="stylesheet" href="/css/v2/tilda-animation-2.0.min.css" type="text/css" media="all"
20          onerror="this.loaderr='y';"/>
21    <link rel="stylesheet" href="/css/v2/tilda-slds-1.4.min.css" type="text/css" media="print" onload="this.media='all';"
22          onerror="this.loaderr='y';"/>
23    <noscript>
24        <link rel="stylesheet" href="/css/v2/tilda-slds-1.4.min.css" type="text/css" media="all"/>
25    </noscript>
26    <link rel="stylesheet" href="/css/v2/tilda-cover-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/>
27    <link rel="stylesheet" href="/css/v2/tilda-forms-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/>
28    <link rel="stylesheet"
29          href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Raleway:wght@300;400;500;600;700;800;900&display=swap"
30          type="text/css"/>
31    
31<script nomodule src="/js/v2/tilda-polyfill-1.0.min.js" charset="utf-8"></script>
31
32    
32<script type="text/javascript">function t_onReady(func) {
33            if (document.readyState != 'loading') {
34                func();
35            } else {
36                document.addEventListener('DOMContentLoaded', func);
37            }
38        }
39
40        function t_onFuncLoad(funcName, okFunc, time) {
41            if (typeof window[funcName] === 'function') {
42                okFunc();
43            } else {
44                setTimeout(function () {
45                    t_onFuncLoad(funcName, okFunc, time);
46                }, (time || 100));
47            }
48        }
49
50        function t396_initialScale(t) {
51            var e = document.getElementById("rec" + t);
52            if (e) {
53                var r = e.querySelector(".t396__artboard");
54                if (r) {
55                    var a, i = document.documentElement.clientWidth, l = [],
56                        d = r.getAttribute("data-artboard-screens");
57                    if (d) {
58                        d = d.split(",");
59                        for (var o = 0; o < d.length; o++) l[o] = parseInt(d[o], 10)
60                    } else l = [320, 480, 640, 960, 1200];
61                    for (o = 0; o < l.length; o++) {
62                        var n = l[o];
63                        n <= i && (a = n)
64                    }
65                    var g = "edit" === window.allrecords.getAttribute("data-tilda-mode"),
66                        u = "center" === t396_getFieldValue(r, "valign", a, l),
67                        c = "grid" === t396_getFieldValue(r, "upscale", a, l),
68                        t = t396_getFieldValue(r, "height_vh", a, l), f = t396_getFieldValue(r, "height", a, l),
69                        e = !!window.opr && !!window.opr.addons || !!window.opera || -1 !== navigator.userAgent.indexOf(" OPR/");
70                    if (!g && u && !c && !t && f && !e) {
71                        for (var s = parseFloat((i / a).toFixed(3)), _ = [r, r.querySelector(".t396__carrier"), r.querySelector(".t396__filter")], o = 0; o < _.length; o++) _[o].style.height = parseInt(f, 10) * s + "px";
72                        for (var h = r.querySelectorAll(".t396__elem"), o = 0; o < h.length; o++) h[o].style.zoom = s
73                    }
74                }
75            }
76        }
77
78        function t396_getFieldValue(t, e, r, a) {
79            var i = a[a.length - 1],
80                l = r === i ? t.getAttribute("data-artboard-" + e) : t.getAttribute("data-artboard-" + e + "-res-" + r);
81            if (!l) for (var d = 0; d < a.length; d++) {
82                var o = a[d];
83                if (!(o <= r) && (l = o === i ? t.getAttribute("data-artboard-" + e) : t.getAttribute("data-artboard-" + e + "-res-" + o))
83) break
84            }
85            return l
86        }</script>
86
87    
87<script src="/js/v2/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script>
87
88    
88<script src="/js/v2/tilda-scripts-3.0.min.js" charset="utf-8" defer onerror="this.loaderr='y';"></script>
88
89    
89<script src="/js/v2/tilda-blocks-page38287326.min.js?t=1696033796" charset="utf-8" async
90            onerror="this.loaderr='y';"></script>
90
91    
91<script src="/js/v2/lazyload-1.3.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
91
92    
92<script src="/js/v2/tilda-animation-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
92
93    
93<script src="/js/v2/tilda-zero-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
93
94    
94<script src="/js/v2/tilda-menu-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
94
95    
95<script src="/js/v2/tilda-slds-1.4.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
95
96    
96<script src="/js/v2/hammer.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
96
97    
97<script src="/js/v2/tilda-cover-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
97
98    
98<script src="/js/v2/tilda-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
98
99    
99<script src="/js/v2/tilda-zero-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
99
100    
100<script src="/js/v2/tilda-animation-sbs-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
100
101    
101<script src="/js/v2/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
101
102    
102<script src="/js/v2/tilda-skiplink-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
102
103    
103<script src="/js/v2/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
103
104    
104<script type="text/javascript">window.dataLayer = window.dataLayer || [];</script>
104
105    
105<script type="text/javascript">(function () {
106            if ((/bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(navigator.userAgent)) === false && typeof (sessionStorage) != 'undefined' && sessionStorage.getItem('visited') !== 'y' && document.visibilityState) {
107                var style = document.createElement('style');
108                style.type = 'text/css';
109                style.innerHTML = '@media  screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}';
110                document.getElementsByTagName('head')[0].appendChild(style);
111
112                function t_setvisRecs() {
113                    var alr = document.querySelectorAll('.t-records');
114                    Array.prototype.forEach.call(alr, function (el) {
115                        el.classList.add("t-records_animated");
116                    });
117                    setTimeout(function () {
118                        Array.prototype.forEach.call(alr, function (el) {
119                            el.classList.add("t-records_visible");
120                        });
121                        sessionStorage.setItem("visited", "y");
122                    }, 400);
123                }
124
125                document.addEventListener('DOMContentLoaded', t_setvisRecs);
126            }
127        })();</script>
127
128</head>
129
130
131<body class="t-body" style="margin:0;"><!--allrecords-->
132<div id="allrecords" data-tilda-export="yes" class="t-records" data-hook="blocks-collection-content-node"
133     data-tilda-project-id="7599218" data-tilda-page-id="38287326" data-tilda-page-alias="preview"
134     data-tilda-formskey="0ac62dfb3c7b3b7ad8bfdc9a37599218" data-tilda-cookie="no" data-tilda-lazy="yes">
135    <div id="rec620150496" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"><!-- T123 -->
136        <div class="t123">
137            <div class="t-container_100 ">
138                <div class="t-width t-width_100 ">
139
140                    
140<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"
141                            integrity="sha256-huW7yWl7tNfP7lGk46XE+Sp0nCotjzYodhVKlwaNeco="
142                            crossorigin="anonymous"></script>
142
143                    
143<script>
144                        SmoothScroll({
145                            // Время скролла 400 = 0.4 секунды
146                            animationTime: 850,
147                            // Размер шага в пикселях
148                            stepSize: 70,
149                            // Дополнительные настройки:
150
151                            // Ускорение
152                            accelerationDelta: 30,
153                            // Максимальное ускорение
154                            accelerationMax: 2,
155                            // Поддержка клавиатуры
156                            keyboardSupport: true,
157                            // Шаг скролла стрелками на клавиатуре в пикселях
158                            arrowScroll: 50,
159                            // Pulse (less tweakable)
160                            // ratio of "tail" to "acceleration"
161                            pulseAlgorithm: true,
162                            pulseScale: 4,
163                            pulseNormalize: 1,
164                            // Поддержка тачпада
165                            touchpadSupport: true,
166                        })
167                    </script>
167
168                    <style>
169                        ::-webkit-scrollbar {
170                            width: 8px;
171                        }
172
173                        ::-webkit-scrollbar:vertical {
174                            width: 8px;
175                        }
176
177                        ::-webkit-scrollbar:horizontal {
178                            height: 8px;
179                        }
180
181                        ::-webkit-scrollbar-track {
182                            background: #121313;
183                        }
184
185                        ::-webkit-scrollbar-thumb {
186                            border-radius: 12px 0px 0px 12px;
187                            background: #444444aa;
188                        }
189
190                        ::-webkit-scrollbar-thumb:horizontal {
191                            border-radius: 12px 12px 0px 0px;
192                        }
193
194                        ::-webkit-scrollbar-thumb:hover {
195                            background: #44444466;
196                        }
197                    </style>
198
199
200                </div>
201            </div>
202        </div>
203    </div>
204
205
206    <div id="rec618796836" class="r t-rec uc-header" style=" " data-animationappear="off" data-record-type="396">
207        <!-- T396 -->
208        <style>#rec618796836 .t396__artboard {
209                height: 68px;
210                overflow: visible;
211            }
212
213            #rec618796836 .t396__filter {
214                height: 68px;
215            }
216
217            #rec618796836 .t396__carrier {
218                height: 68px;
219                background-position: center center;
220                background-attachment: scroll;
221                background-size: cover;
222                background-repeat: no-repeat;
223            }
224
225            @media  screen and (max-width: 1199px) {
226                #rec618796836 .t396__artboard {
227                }
228
229                #rec618796836 .t396__filter {
230                }
231
232                #rec618796836 .t396__carrier {
233                    background-attachment: scroll;
234                }
235            }
236
237            @media  screen and (max-width: 959px) {
238                #rec618796836 .t396__artboard {
239                }
240
241                #rec618796836 .t396__filter {
242                }
243
244                #rec618796836 .t396__carrier {
245                    background-attachment: scroll;
246                }
247            }
248
249            @media  screen and (max-width: 639px) {
250                #rec618796836 .t396__artboard {
251                }
252
253                #rec618796836 .t396__filter {
254                }
255
256                #rec618796836 .t396__carrier {
257                    background-attachment: scroll;
258                }
259            }
260
261            #rec618796836 .tn-elem[data-elem-id="1690236839124"] {
262                z-index: 2;
263                top: 0px;
264                left: calc(50% - 600px + 0px);
265                width: 1200px;
266                height: 88px;
267            }
268
269            #rec618796836 .tn-elem[data-elem-id="1690236839124"] .tn-atom {
270                background-image: linear-gradient(0turn, rgba(18, 19, 19, 0) 0%, rgba(18, 19, 19, 1) 100%);
271                border-color: transparent;
272                border-style: solid;
273            }
274
275            @media  screen and (max-width: 1199px) {
276                #rec618796836 .tn-elem[data-elem-id="1690236839124"] {
277                    left: calc(50% - 480px + -120px);
278                }
279            }
280
281            @media  screen and (max-width: 959px) {
282                #rec618796836 .tn-elem[data-elem-id="1690236839124"] {
283                    top: 0px;
284                    left: calc(50% - 320px + -120px);
285                }
286            }
287
288            @media  screen and (max-width: 639px) {
289                #rec618796836 .tn-elem[data-elem-id="1690236839124"] {
290                    left: calc(50% - 160px + 0px);
291                    width: 320px;
292                }
293            }
294
295            #rec618796836 .tn-elem[data-elem-id="1689899296920"] {
296                z-index: 3;
297                top: 24px;
298                left: calc(50% - 600px + 40px);
299                width: 110px;
300                height: 21px;
301            }
302
303            #rec618796836 .tn-elem[data-elem-id="1689899296920"] .tn-atom {
304                background-position: center center;
305                background-size: cover;
306                background-repeat: no-repeat;
307                border-color: transparent;
308                border-style: solid;
309            }
310
311            @media  screen and (max-width: 1199px) {
312            }
313
314            @media  screen and (max-width: 959px) {
315                #rec618796836 .tn-elem[data-elem-id="1689899296920"] {
316                    width: 100px;
317                    height: 19px;
318                }
319            }
320
321            @media  screen and (max-width: 639px) {
322                #rec618796836 .tn-elem[data-elem-id="1689899296920"] {
323                    top: 25px;
324                    left: calc(50% - 160px + 20px);
325                    width: 93px;
326                    height: 19px;
327                }
328            }
329
330            #rec618796836 .tn-elem[data-elem-id="1689899296923"] {
331                color: #f4f4f4;
332                text-align: center;
333                z-index: 4;
334                top: 20px;
335                left: calc(50% - 600px + 204px);
336                width: 125px;
337                height: 28px;
338            }
339
340            #rec618796836 .tn-elem[data-elem-id="1689899296923"] .tn-atom {
341                color: #f4f4f4;
342                font-size: 12px;
343                font-family: 'Manrope', Arial, sans-serif;
344                line-height: 1.00;
345                font-weight: 400;
346                border-width: 0px;
347                border-radius: 9px;
348                background-position: center center;
349                border-color: transparent;
350                border-style: solid;
351                transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
352            }
353
354            @media (hover), (min-width: 0\0
355            ) {
356                #rec618796836 .tn-elem[data-elem-id="1689899296923"] .tn-atom:hover {
357                    background-color: #282929;
358                    background-image: none;
359                }
360            }
361
362            @media  screen and (max-width: 1199px) {
363            }
364
365            @media  screen and (max-width: 959px) {
366                #rec618796836 .tn-elem[data-elem-id="1689899296923"] {
367                    left: calc(50% - 320px + 206px);
368                }
369            }
370
371            @media  screen and (max-width: 639px) {
372                #rec618796836 .tn-elem[data-elem-id="1689899296923"] {
373                    top: 96px;
374                    left: calc(50% - 160px + 349px);
375                }
376            }
377
378            #rec618796836 .tn-elem[data-elem-id="1689899296930"] {
379                color: #f4f4f4;
380                text-align: center;
381                z-index: 5;
382                top: 20px;
383                left: calc(50% - 600px + 341px);
384                width: 117px;
385                height: 28px;
386            }
387
388            #rec618796836 .tn-elem[data-elem-id="1689899296930"] .tn-atom {
389                color: #f4f4f4;
390                font-size: 12px;
391                font-family: 'Manrope', Arial, sans-serif;
392                line-height: 1.00;
393                font-weight: 400;
394                border-width: 0px;
395                border-radius: 9px;
396                background-position: center center;
397                border-color: transparent;
398                border-style: solid;
399                transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
400            }
401
402            @media (hover), (min-width: 0\0
403            ) {
404                #rec618796836 .tn-elem[data-elem-id="1689899296930"] .tn-atom:hover {
405                    background-color: #282929;
406                    background-image: none;
407                }
408            }
409
410            @media  screen and (max-width: 1199px) {
411            }
412
413            @media  screen and (max-width: 959px) {
414                #rec618796836 .tn-elem[data-elem-id="1689899296930"] {
415                    left: calc(50% - 320px + 343px);
416                }
417            }
418
419            @media  screen and (max-width: 639px) {
420            }
421
422            #rec618796836 .tn-elem[data-elem-id="1689899296935"] {
423                color: #f4f4f4;
424                text-align: center;
425                z-index: 6;
426                top: 20px;
427                left: calc(50% - 600px + 1032px);
428                width: 128px;
429                height: 28px;
430            }
431
432            #rec618796836 .tn-elem[data-elem-id="1689899296935"] .tn-atom {
433                color: #f4f4f4;
434                font-size: 12px;
435                font-family: 'Manrope', Arial, sans-serif;
436                line-height: 1.00;
437                font-weight: 400;
438                border-width: 1px;
439                border-radius: 9px;
440                background-position: center center;
441                border-color: #4a4b4b;
442                border-style: solid;
443                transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
444            }
445
446            @media (hover), (min-width: 0\0
447            ) {
448                #rec618796836 .tn-elem[data-elem-id="1689899296935"] .tn-atom:hover {
449                    background-color: #f4f4f4;
450                    background-image: none;
451                    border-color: #f4f4f4;
452                    color: #121313;
453                }
454            }
455
456            @media  screen and (max-width: 1199px) {
457                #rec618796836 .tn-elem[data-elem-id="1689899296935"] {
458                    left: calc(50% - 480px + 792px);
459                }
460            }
461
462            @media  screen and (max-width: 959px) {
463                #rec618796836 .tn-elem[data-elem-id="1689899296935"] {
464                    top: 20px;
465                    left: calc(50% - 320px + 472px);
466                }
467            }
468
469            @media  screen and (max-width: 639px) {
470            }
471
472            #rec618796836 .tn-elem[data-elem-id="1694519315620"] {
473                z-index: 8;
474                top: -35px;
475                left: calc(50% - 600px + 1227px);
476                width: 20px;
477                height: 2px;
478            }
479
480            #rec618796836 .tn-elem[data-elem-id="1694519315620"] .tn-atom {
481                background-position: center center;
482                background-size: cover;
483                background-repeat: no-repeat;
484                border-color: transparent;
485                border-style: solid;
486            }
487
488            @media  screen and (max-width: 1199px) {
489            }
490
491            @media  screen and (max-width: 959px) {
492            }
493
494            @media  screen and (max-width: 639px) {
495                #rec618796836 .tn-elem[data-elem-id="1694519315620"] {
496                    top: 20px;
497                    left: calc(50% - 160px + 271px);
498                    width: 28px;
499                    height: 28px;
500                }
501            }
502
503            #rec618796836 .tn-elem[data-elem-id="1696250508260"] {
504                color: #f4f4f4;
505                text-align: center;
506                z-index: 9;
507                top: 20px;
508                left: calc(50% - 600px + 470px);
509                width: 124px;
510                height: 28px;
511            }
512
513            #rec618796836 .tn-elem[data-elem-id="1696250508260"] .tn-atom {
514                color: #f4f4f4;
515                font-size: 12px;
516                font-family: 'Manrope', Arial, sans-serif;
517                line-height: 1.00;
518                font-weight: 400;
519                border-width: 0px;
520                border-radius: 9px;
521                background-position: center center;
522                border-color: transparent;
523                border-style: solid;
524                transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
525            }
526
527            @media (hover), (min-width: 0\0
528            ) {
529                #rec618796836 .tn-elem[data-elem-id="1696250508260"] .tn-atom:hover {
530                    background-color: #282929;
531                    background-image: none;
532                }
533            }
534
535            @media  screen and (max-width: 1199px) {
536            }
537
538            @media  screen and (max-width: 959px) {
539                #rec618796836 .tn-elem[data-elem-id="1696250508260"] {
540                    left: calc(50% - 320px + 353pxpx);
541                }
542            }
543
544            @media  screen and (max-width: 639px) {
545            }</style>
546        <div class="t396">
547            <div class="t396__artboard rendered t396__artboard_scale" data-artboard-recid="618796836"
548                 data-artboard-screens="320,640,960,1200" data-artboard-height="68" data-artboard-valign="center"
549                 data-artboard-upscale="window" data-artboard-ovrflw="visible" style=""
550                 data-artboard-proxy-min-offset-top="0" data-artboard-proxy-min-height="68"
551                 data-artboard-proxy-max-height="68">
552                <div class="t396__carrier" data-artboard-recid="618796836" style=""></div>
553                <div class="t396__filter" data-artboard-recid="618796836" style=""></div>
554                <div class="t396__elem tn-elem tn-elem__6187968361690236839124" data-elem-id="1690236839124"
555                     data-elem-type="shape" data-field-top-value="0" data-field-left-value="0"
556                     data-field-height-value="88" data-field-width-value="1200" data-field-axisy-value="top"
557                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
558                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
559                     data-field-left-res-320-value="0" data-field-width-res-320-value="320"
560                     data-field-top-res-640-value="0" data-field-left-res-640-value="-120"
561                     data-field-left-res-960-value="-120"
562                     style="width: 320px; left: 0px; top: 0px; height: 88px; zoom: 1.219;"
563                     data-fields="width,height,top,left,container,axisx,axisy,widthunits,heightunits,leftunits,topunits">
564                    <div class="tn-atom" style="transform-origin: center center;"></div>
565                </div>
566                <div class="t396__elem tn-elem tn-elem__6187968361689899296920" data-elem-id="1689899296920"
567                     data-elem-type="shape" data-field-top-value="24" data-field-left-value="40"
568                     data-field-height-value="21" data-field-width-value="110" data-field-axisy-value="top"
569                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
570                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
571                     data-field-top-res-320-value="25" data-field-left-res-320-value="20"
572                     data-field-height-res-320-value="19" data-field-width-res-320-value="93"
573                     data-field-height-res-640-value="19" data-field-width-res-640-value="100"
574                     style="width: 93px; left: 20px; top: 25px; height: 19px; zoom: 1.219;"
575                     data-fields="width,height,top,left,container,axisx,axisy,widthunits,heightunits,leftunits,topunits">
576                    <a class="tn-atom t-bgimg loaded" href="#top"
577                       data-original="https://static.tildacdn.com/tild6433-6563-4638-a138-663661383165/Logo.svg"
578                       style="background-image: url(&quot;https://static.tildacdn.com/tild6433-6563-4638-a138-663661383165/Logo.svg&quot;); transform-origin: center center;"></a>
579                </div>
580                <div class="t396__elem tn-elem tn-elem__6187968361689899296923" data-elem-id="1689899296923"
581                     data-elem-type="button" data-field-top-value="20" data-field-left-value="204"
582                     data-field-height-value="28" data-field-width-value="125" data-field-axisy-value="top"
583                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
584                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
585                     data-field-top-res-320-value="96" data-field-left-res-320-value="349"
586                     data-field-left-res-640-value="206"
587                     style="top: 96px; left: 349px; width: 125px; height: 28px; zoom: 1.219;"
588                     data-fields="top,left,width,height,container,axisx,axisy,caption,leftunits,topunits"><a
589                        class="tn-atom" href="#products" style="transform-origin: center center;">Наши продукты</a>
590                </div>
591                <div class="t396__elem tn-elem tn-elem__6187968361689899296930" data-elem-id="1689899296930"
592                     data-elem-type="button" data-field-top-value="20" data-field-left-value="341"
593                     data-field-height-value="28" data-field-width-value="117" data-field-axisy-value="top"
594                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
595                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
596                     data-field-left-res-640-value="343"
597                     style="top: 20px; left: 343px; width: 117px; height: 28px; zoom: 1.219;"
598                     data-fields="top,left,width,height,container,axisx,axisy,caption,leftunits,topunits"><a
599                        class="tn-atom" href="#team" style="transform-origin: center center;">Наша команда</a></div>
600                <div class="t396__elem tn-elem tn-elem__6187968361689899296935" data-elem-id="1689899296935"
601                     data-elem-type="button" data-field-top-value="20" data-field-left-value="1032"
602                     data-field-height-value="28" data-field-width-value="128" data-field-axisy-value="top"
603                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
604                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
605                     data-field-top-res-640-value="20" data-field-left-res-640-value="472"
606                     data-field-left-res-960-value="792"
607                     style="top: 20px; left: 472px; width: 128px; height: 28px; zoom: 1.219;"
608                     data-fields="top,left,width,height,container,axisx,axisy,caption,leftunits,topunits"><a
609                        class="tn-atom" href="https://hh.ru/employer/3805641" target="_blank"
610                        style="transform-origin: center center;" rel="noopener">
610Наши вакансии</a></div>
611                <div class="t396__elem tn-elem tn-elem__6187968361694519315620" data-elem-id="1694519315620"
612                     data-elem-type="shape" data-field-top-value="-35" data-field-left-value="1227"
613                     data-field-height-value="2" data-field-width-value="20" data-field-axisy-value="top"
614                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
615                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
616                     data-field-top-res-320-value="20" data-field-left-res-320-value="271"
617                     data-field-height-res-320-value="28" data-field-width-res-320-value="28"
618                     style="width: 28px; left: 271px; top: 20px; height: 28px; zoom: 1.219;"
619                     data-fields="width,height,top,left,container,axisx,axisy,widthunits,heightunits,leftunits,topunits">
620                    <a class="tn-atom t-bgimg loaded" href="#menuopen"
621                       data-original="https://static.tildacdn.com/tild6434-6534-4062-a362-623039656337/via_button.svg"
622                       style="background-image: url(&quot;https://static.tildacdn.com/tild6434-6534-4062-a362-623039656337/via_button.svg&quot;); transform-origin: center center;"></a>
623                </div>
624                <div class="t396__elem tn-elem tn-elem__6187968361696250508260" data-elem-id="1696250508260"
625                     data-elem-type="button" data-field-top-value="20" data-field-left-value="470"
626                     data-field-height-value="28" data-field-width-value="124" data-field-axisy-value="top"
627                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
628                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
629                     data-field-left-res-640-value="353px"
630                     style="top: 20px; left: 353px; width: 124px; height: 28px; zoom: 1.219;"
631                     data-fields="top,left,width,height,container,axisx,axisy,caption,leftunits,topunits"><a
632                        class="tn-atom" href="#form" style="transform-origin: center center;">Связаться с нами</a></div>
633                <style class="t396__scale-style">.t-rec#rec618796836 {
634                        overflow: visible;
635                    }
636
637                    #rec618796836 .t396__carrier, #rec618796836 .t396__filter, #rec618796836 .t396__artboard {
638                        height: 82px !important;
639                        width: 100vw !important;
640                        max-width: 100%;
641                    }</style>
642            </div>
643        </div>
644        
644<script>t_onFuncLoad('t396_initialScale', function () {
645                t396_initialScale('618796836');
646            });
647            t_onReady(function () {
648                t_onFuncLoad('t396_init', function () {
649                    t396_init('618796836');
650                });
651            });</script>
651<!-- /T396 --></div>
652
653    <div id="rec639123531" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; "
654         data-animationappear="off" data-record-type="450"><!-- t450 -->
655        <div id="nav639123531marker"></div>
656        <div class="t450__overlay">
657            <div class="t450__overlay_bg"
658                 style="background-color:#000000; opacity:0.30;"></div>
659        </div>
660        <div id="nav639123531" class="t450" data-tooltip-hook="#menuopen" style="max-width: 260px;">
661            <button type="button" class="t450__close-button t450__close t450_opened " aria-label="Закрыть меню">
662                <div class="t450__close_icon"><span style="background-color:#ffffff;"></span><span
663                        style="background-color:#ffffff;"></span><span style="background-color:#ffffff;"></span><span
664                        style="background-color:#ffffff;"></span></div>
665            </button>
666            <div class="t450__container t-align_left">
667                <div class="t450__top">
668                    <nav class="t450__menu" aria-label="Основная навигация">
669                        <ul role="list" class="t450__list t-menu__list">
670                            <li class="t450__list_item"><a class="t-menu__link-item" href="#rec620149621"
671                                                           data-menu-submenu-hook="" data-menu-item-number="1"
672                                                           style="color:#ffffff;font-size:20px;font-family:'Manrope';">Наши
673                                    продукты</a></li>
674                            <li class="t450__list_item"><a class="t-menu__link-item" href="#rec620897585"
675                                                           data-menu-submenu-hook="" data-menu-item-number="2"
676                                                           style="color:#ffffff;font-size:20px;font-family:'Manrope';">Наша
677                                    команда</a></li>
678                            <li class="t450__list_item"><a class="t-menu__link-item" href="#rec620918460"
679                                                           data-menu-submenu-hook="" data-menu-item-number="3"
680                                                           style="color:#ffffff;font-size:20px;font-family:'Manrope';">Связаться
681                                    с нами</a></li>
682                        </ul>
683                    </nav>
684                </div>
685                <div class="t450__rightside">
686                    <div class="t450__rightcontainer">
687                        <div class="t450__right_buttons">
688                            <div class="t450__right_buttons_wrap">
689                                <div class="t450__right_buttons_but "><a href="https://hh.ru/employer/3805641"
690                                                                         target="_blank" class="t-btn t-btn_sm "
691                                                                         style="color:#ffffff;border:1px solid #ffffff;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;"
692                                                                         rel="noopener">
693                                        <table role="presentation" style="width:100%; height:100%;">
694                                            <tbody>
695                                            <tr>
696                                                <td>Наши вакансии</td>
697                                            </tr>
698                                            </tbody>
699                                        </table>
700                                    </a></div>
701                            </div>
702                        </div>
703                    </div>
704                </div>
705            </div>
706        </div>
707
708        
708<script>t_onReady(function () {
709                var rec = document.querySelector('#rec639123531');
710                if (!rec) return;
711                rec.setAttribute('data-animationappear', 'off');
712                rec.style.opacity = 1;
713                t_onFuncLoad('t450_initMenu', function () {
714                    t450_initMenu('639123531');
715                });
716            });</script>
716
717        <style>#rec639123531 .t-menu__link-item {
718                -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
719                transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
720            }
721
722            #rec639123531 .t-menu__link-item.t-active:not(.t978__menu-link) {
723                opacity: 0.30 !important;
724            }
725
726            @supports (overflow:-webkit-marquee) and (justify-content:inherit) {
727                #rec639123531 .t-menu__link-item,
728                #rec639123531 .t-menu__link-item.t-active {
729                    opacity: 1 !important;
730                }
731            }</style>
732    </div>
733    <div id="rec624274078" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off"
734         data-record-type="396"><!-- T396 -->
735        <style>#rec624274078 .t396__artboard {
736                height: 510px;
737                background-color: #121313;
738            }
739
740            #rec624274078 .t396__filter {
741                height: 510px;
742            }
743
744            #rec624274078 .t396__carrier {
745                height: 510px;
746                background-position: center center;
747                background-attachment: scroll;
748                background-size: cover;
749                background-repeat: no-repeat;
750            }
751
752            @media  screen and (max-width: 1199px) {
753                #rec624274078 .t396__artboard {
754                    height: 450px;
755                }
756
757                #rec624274078 .t396__filter {
758                    height: 450px;
759                }
760
761                #rec624274078 .t396__carrier {
762                    height: 450px;
763                    background-attachment: scroll;
764                }
765            }
766
767            @media  screen and (max-width: 959px) {
768                #rec624274078 .t396__artboard {
769                    height: 350px;
770                }
771
772                #rec624274078 .t396__filter {
773                    height: 350px;
774                }
775
776                #rec624274078 .t396__carrier {
777                    height: 350px;
778                    background-attachment: scroll;
779                }
780            }
781
782            @media  screen and (max-width: 639px) {
783                #rec624274078 .t396__artboard {
784                    height: 300px;
785                }
786
787                #rec624274078 .t396__filter {
788                    height: 300px;
789                }
790
791                #rec624274078 .t396__carrier {
792                    height: 300px;
793                    background-attachment: scroll;
794                }
795            }
796
797            #rec624274078 .tn-elem[data-elem-id="1694085070190"] {
798                z-index: 13;
799                top: calc(255px - 0px + 422px);
800                left: calc(50% - 600px + 40px);
801                width: 1252px;
802                pointer-events: none;
803            }
804
805            #rec624274078 .tn-elem[data-elem-id="1694085070190"] .tn-atom {
806                background-position: center center;
807                border-color: transparent;
808                border-style: solid;
809            }
810
811            @media  screen and (max-width: 1199px) {
812                #rec624274078 .tn-elem[data-elem-id="1694085070190"] {
813                    left: calc(50% - 480px + -146px);
814                }
815            }
816
817            @media  screen and (max-width: 959px) {
818                #rec624274078 .tn-elem[data-elem-id="1694085070190"] {
819                    top: calc(255px - 0px + 392px);
820                    left: calc(50% - 320px + -306px);
821                }
822            }
823
824            @media  screen and (max-width: 639px) {
825                #rec624274078 .tn-elem[data-elem-id="1694085070190"] {
826                    top: calc(255px - 0px + 359px);
827                    left: calc(50% - 160px + -466px);
828                }
829            }
830
831            #rec624274078 .tn-elem[data-elem-id="1694083513270"] {
832                color: #f4f4f4;
833                text-align: LEFT;
834                z-index: 14;
835                top: calc(255px - 0px + 80px);
836                left: calc(50% - 600px + 30px);
837                width: 770px;
838            }
839
840            #rec624274078 .tn-elem[data-elem-id="1694083513270"] .tn-atom {
841                color: #f4f4f4;
842                font-size: 128px;
843                font-family: 'Raleway', Arial, sans-serif;
844                line-height: 1.15;
845                font-weight: 600;
846                letter-spacing: -2px;
847                background-position: center center;
848                border-color: transparent;
849                border-style: solid;
850            }
851
852            @media  screen and (max-width: 1199px) {
853                #rec624274078 .tn-elem[data-elem-id="1694083513270"] {
854                    top: calc(255px - 0px + 70px);
855                    width: 424px;
856                }
857
858                #rec624274078 .tn-elem[data-elem-id="1694083513270"] .tn-atom {
859                    font-size: 96px;
860                }
861            }
862
863            @media  screen and (max-width: 959px) {
864                #rec624274078 .tn-elem[data-elem-id="1694083513270"] {
865                    top: calc(255px - 0px + -24px);
866                }
867            }
868
869            @media  screen and (max-width: 639px) {
870                #rec624274078 .tn-elem[data-elem-id="1694083513270"] {
871                    top: calc(255px - 0px + 18px);
872                    left: calc(50% - 160px + 30px);
873                }
874
875                #rec624274078 .tn-elem[data-elem-id="1694083513270"] .tn-atom {
876                    font-size: 48px;
877                }
878            }
879
880            #rec624274078 .tn-elem[data-elem-id="1694083583653"] {
881                color: #755ffc;
882                text-align: LEFT;
883                z-index: 15;
884                top: calc(255px - 0px + 92px);
885                left: calc(50% - 600px + 630px);
886                width: 614px;
887            }
888
889            #rec624274078 .tn-elem[data-elem-id="1694083583653"] .tn-atom {
890                color: #755ffc;
891                font-size: 36px;
892                font-family: 'Manrope', Arial, sans-serif;
893                line-height: 1.1;
894                font-weight: 500;
895                letter-spacing: -1px;
896                background-position: center center;
897                border-color: transparent;
898                border-style: solid;
899            }
900
901            @media  screen and (max-width: 1199px) {
902                #rec624274078 .tn-elem[data-elem-id="1694083583653"] {
903                    top: calc(255px - 0px + 80px);
904                    left: calc(50% - 480px + 472px);
905                    width: 430px;
906                }
907
908                #rec624274078 .tn-elem[data-elem-id="1694083583653"] .tn-atom {
909                    font-size: 32px;
910                }
911            }
912
913            @media  screen and (max-width: 959px) {
914                #rec624274078 .tn-elem[data-elem-id="1694083583653"] {
915                    top: calc(255px - 0px + 71px);
916                    left: calc(50% - 320px + 30px);
917                }
918            }
919
920            @media  screen and (max-width: 639px) {
921                #rec624274078 .tn-elem[data-elem-id="1694083583653"] {
922                    top: calc(255px - 0px + 79px);
923                    left: calc(50% - 160px + 30px);
924                    width: 259px;
925                }
926
927                #rec624274078 .tn-elem[data-elem-id="1694083583653"] .tn-atom {
928                    font-size: 20px;
929                }
930            }</style>
931        <div class='t396'>
932            <div class="t396__artboard" data-artboard-recid="624274078" data-artboard-screens="320,640,960,1200"
933                 data-artboard-height="510" data-artboard-valign="stretch" data-artboard-upscale="window"
934                 data-artboard-height-res-320="300" data-artboard-height_vh-res-320=""
935                 data-artboard-height-res-640="350" data-artboard-height-res-960="450"
936            >
937                <div class="t396__carrier" data-artboard-recid="624274078"></div>
938                <div class="t396__filter" data-artboard-recid="624274078"></div>
939                <div class='t396__elem tn-elem tn-elem__6242740781694085070190' data-elem-id='1694085070190'
940                     data-elem-type='image' data-field-top-value="422" data-field-left-value="40"
941                     data-field-width-value="1252" data-field-axisy-value="center" data-field-axisx-value="left"
942                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
943                     data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="916"
944                     data-field-fileheight-value="393" data-field-top-res-320-value="359"
945                     data-field-left-res-320-value="-466" data-field-top-res-640-value="392"
946                     data-field-left-res-640-value="-306" data-field-left-res-960-value="-146"
947                >
948                    <div class='tn-atom'><img class='tn-atom__img t-img'
949                                              data-original='/images/v2/tild6132-6239-4232-b033-343334353231__frame_23.svg'
950                                              alt='' imgfield='tn_img_1694085070190'></div>
951                </div>
952                <div class='t396__elem tn-elem tn-elem__6242740781694083513270' data-elem-id='1694083513270'
953                     data-elem-type='text' data-field-top-value="80" data-field-left-value="30"
954                     data-field-width-value="770" data-field-axisy-value="center" data-field-axisx-value="left"
955                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
956                     data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="18"
957                     data-field-left-res-320-value="30" data-field-top-res-640-value="-24"
958                     data-field-top-res-960-value="70" data-field-width-res-960-value="424"
959                >
960                    <div class='tn-atom' field='tn_text_1694083513270'>ВиаМоби</div>
961                </div>
962                <div class='t396__elem tn-elem head-logo tn-elem__6242740781694083583653' data-elem-id='1694083583653'
963                     data-elem-type='text' data-field-top-value="92" data-field-left-value="630"
964                     data-field-width-value="614" data-field-axisy-value="center" data-field-axisx-value="left"
965                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
966                     data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="79"
967                     data-field-left-res-320-value="30" data-field-width-res-320-value="259"
968                     data-field-top-res-640-value="71" data-field-left-res-640-value="30"
969                     data-field-top-res-960-value="80" data-field-left-res-960-value="472"
970                     data-field-width-res-960-value="430"
971                >
972                    <div class='tn-atom' field='tn_text_1694083583653'>Разработка мобильных web‑приложений и&nbsp;сервисов</div>
973                </div>
974            </div>
975        </div>
976        
976<script>t_onFuncLoad('t396_initialScale', function () {
977                t396_initialScale('624274078');
978            });
979            t_onReady(function () {
980                t_onFuncLoad('t396_init', function () {
981                    t396_init('624274078');
982                });
983            });</script>
983<!-- /T396 --></div>
984    <div id="rec620993209" class="r t-rec" style="background-color:#755ffc; " data-record-type="215"
985         data-bg-color="#755ffc"><a name="top" style="font-size:0;"></a></div>
986    <!-- <div style="font-size: 24px;" data-customstyle="yes"><p style="text-align: left;">В блоке нижен размещён код - это анимация цветных элементов с физикой.</p><p style="text-align: left;">Можно заметить, что на сайте анимация во всю ширину экрана, а в конструкторе нет.</p><br /><p style="text-align: left;">Связано это с тем, что на блоке размещена Step-By-Step анимация растягивающая ширину блока с кодом до ширины экрана.</p><br /><p style="text-align: left;"><strong>В адаптиве размеры блока с кодом задаются</strong> также <strong>только через анимацию</strong>. </p><p style="text-align: left;"><u>Размеры блока с кодом до анимации должны сохраняться как есть.</u></p></div> -->
987    <div id="rec636372574" class="r t-rec uc-lead" style="background-color:#121313; " data-animationappear="off"
988         data-record-type="396" data-bg-color="#121313"><!-- T396 -->
989        <style>#rec636372574 .t396__artboard {
990                height: 640px;
991                background-color: #1b1e20;
992            }
993
994            #rec636372574 .t396__filter {
995                height: 640px;
996            }
997
998            #rec636372574 .t396__carrier {
999                height: 640px;
1000                background-position: center center;
1001                background-attachment: scroll;
1002                background-size: cover;
1003                background-repeat: no-repeat;
1004            }
1005
1006            @media  screen and (max-width: 1199px) {
1007                #rec636372574 .t396__artboard {
1008                    height: 640px;
1009                    background-color: #1b1e20;
1010                }
1011
1012                #rec636372574 .t396__filter {
1013                    height: 640px;
1014                }
1015
1016                #rec636372574 .t396__carrier {
1017                    height: 640px;
1018                    background-attachment: scroll;
1019                }
1020            }
1021
1022            @media  screen and (max-width: 959px) {
1023                #rec636372574 .t396__artboard {
1024                    height: 500px;
1025                    background-color: #1b1e20;
1026                }
1027
1028                #rec636372574 .t396__filter {
1029                    height: 500px;
1030                }
1031
1032                #rec636372574 .t396__carrier {
1033                    height: 500px;
1034                    background-attachment: scroll;
1035                }
1036            }
1037
1038            @media  screen and (max-width: 639px) {
1039                #rec636372574 .t396__artboard {
1040                    height: 270px;
1041                    background-color: #1b1e20;
1042                }
1043
1044                #rec636372574 .t396__filter {
1045                    height: 270px;
1046                }
1047
1048                #rec636372574 .t396__carrier {
1049                    height: 270px;
1050                    background-attachment: scroll;
1051                }
1052            }
1053
1054            #rec636372574 .tn-elem[data-elem-id="1689874402875"] {
1055                z-index: 2;
1056                top: 40px;
1057                left: calc(50% - 600px + 110px);
1058                width: 980px;
1059                height: 600px;
1060            }
1061
1062            #rec636372574 .tn-elem.t396__elem--anim-hidden[data-elem-id="1689874402875"] {
1063                opacity: 0;
1064            }
1065
1066            #rec636372574 .tn-elem[data-elem-id="1689874402875"] .tn-atom {
1067                background-position: center center;
1068                border-color: transparent;
1069                border-style: solid;
1070            }
1071
1072            @media  screen and (max-width: 1199px) {
1073                #rec636372574 .tn-elem[data-elem-id="1689874402875"] {
1074                    top: 0px;
1075                    left: calc(50% - 480px + -10px);
1076                }
1077            }
1078
1079            @media  screen and (max-width: 959px) {
1080                #rec636372574 .tn-elem[data-elem-id="1689874402875"] {
1081                    left: calc(50% - 320px + -170px);
1082                }
1083            }
1084
1085            @media  screen and (max-width: 639px) {
1086                #rec636372574 .tn-elem[data-elem-id="1689874402875"] {
1087                    top: -165px;
1088                    left: calc(50% - 160px + -330px);
1089                }
1090            }
1091
1092            #rec636372574 .tn-elem[data-elem-id="1689898920061"] {
1093                color: #f4f4f4;
1094                text-align: LEFT;
1095                z-index: 3;
1096                top: calc(640px + -477px);
1097                left: calc(50% - 600px + 100px);
1098                width: 24px;
1099            }
1100
1101            #rec636372574 .tn-elem[data-elem-id="1689898920061"] .tn-atom {
1102                color: #f4f4f4;
1103                font-size: 12px;
1104                font-family: 'Manrope', Arial, sans-serif;
1105                line-height: 1.00;
1106                font-weight: 500;
1107                background-position: center center;
1108                border-color: transparent;
1109                border-style: solid;
1110            }
1111
1112            @media  screen and (max-width: 1199px) {
1113                #rec636372574 .tn-elem[data-elem-id="1689898920061"] {
1114                    top: calc(640px + -478px);
1115                    left: calc(50% - 480px + 100px);
1116                }
1117            }
1118
1119            @media  screen and (max-width: 959px) {
1120                #rec636372574 .tn-elem[data-elem-id="1689898920061"] {
1121                    top: calc(640px + -378px);
1122                }
1123            }
1124
1125            @media  screen and (max-width: 639px) {
1126                #rec636372574 .tn-elem[data-elem-id="1689898920061"] {
1127                    top: calc(640px + -224px);
1128                    left: calc(50% - 160px + 100px);
1129                }
1130            }
1131
1132            #rec636372574 .tn-elem[data-elem-id="1689898920064"] {
1133                color: #f4f4f4;
1134                text-align: LEFT;
1135                z-index: 4;
1136                top: calc(640px + -477px);
1137                left: calc(50% - 600px + 132px);
1138                width: 24px;
1139            }
1140
1141            #rec636372574 .tn-elem[data-elem-id="1689898920064"] .tn-atom {
1142                color: #f4f4f4;
1143                font-size: 12px;
1144                font-family: 'Manrope', Arial, sans-serif;
1145                line-height: 1.00;
1146                font-weight: 500;
1147                background-position: center center;
1148                border-color: transparent;
1149                border-style: solid;
1150            }
1151
1152            @media  screen and (max-width: 1199px) {
1153                #rec636372574 .tn-elem[data-elem-id="1689898920064"] {
1154                    top: calc(640px + -478px);
1155                    left: calc(50% - 480px + 132px);
1156                }
1157            }
1158
1159            @media  screen and (max-width: 959px) {
1160                #rec636372574 .tn-elem[data-elem-id="1689898920064"] {
1161                    top: calc(640px + -378px);
1162                }
1163            }
1164
1165            @media  screen and (max-width: 639px) {
1166                #rec636372574 .tn-elem[data-elem-id="1689898920064"] {
1167                    top: calc(640px + -224px);
1168                    left: calc(50% - 160px + 132px);
1169                }
1170            }
1171
1172            #rec636372574 .tn-elem[data-elem-id="1689898920066"] {
1173                color: #f4f4f4;
1174                text-align: LEFT;
1175                z-index: 5;
1176                top: calc(640px + -477px);
1177                left: calc(50% - 600px + 164px);
1178                width: 24px;
1179            }
1180
1181            #rec636372574 .tn-elem[data-elem-id="1689898920066"] .tn-atom {
1182                color: #f4f4f4;
1183                font-size: 12px;
1184                font-family: 'Manrope', Arial, sans-serif;
1185                line-height: 1.00;
1186                font-weight: 500;
1187                background-position: center center;
1188                border-color: transparent;
1189                border-style: solid;
1190            }
1191
1192            @media  screen and (max-width: 1199px) {
1193                #rec636372574 .tn-elem[data-elem-id="1689898920066"] {
1194                    top: calc(640px + -478px);
1195                    left: calc(50% - 480px + 164px);
1196                }
1197            }
1198
1199            @media  screen and (max-width: 959px) {
1200                #rec636372574 .tn-elem[data-elem-id="1689898920066"] {
1201                    top: calc(640px + -378px);
1202                }
1203            }
1204
1205            @media  screen and (max-width: 639px) {
1206                #rec636372574 .tn-elem[data-elem-id="1689898920066"] {
1207                    top: calc(640px + -224px);
1208                    left: calc(50% - 160px + 164px);
1209                }
1210            }
1211
1212            #rec636372574 .tn-elem[data-elem-id="1689898920069"] {
1213                color: #f4f4f4;
1214                text-align: LEFT;
1215                z-index: 6;
1216                top: calc(640px + -477px);
1217                left: calc(50% - 600px + 196px);
1218                width: 24px;
1219            }
1220
1221            #rec636372574 .tn-elem[data-elem-id="1689898920069"] .tn-atom {
1222                color: #f4f4f4;
1223                font-size: 12px;
1224                font-family: 'Manrope', Arial, sans-serif;
1225                line-height: 1.00;
1226                font-weight: 500;
1227                background-position: center center;
1228                border-color: transparent;
1229                border-style: solid;
1230            }
1231
1232            @media  screen and (max-width: 1199px) {
1233                #rec636372574 .tn-elem[data-elem-id="1689898920069"] {
1234                    top: calc(640px + -478px);
1235                    left: calc(50% - 480px + 196px);
1236                }
1237            }
1238
1239            @media  screen and (max-width: 959px) {
1240                #rec636372574 .tn-elem[data-elem-id="1689898920069"] {
1241                    top: calc(640px + -378px);
1242                }
1243            }
1244
1245            @media  screen and (max-width: 639px) {
1246                #rec636372574 .tn-elem[data-elem-id="1689898920069"] {
1247                    top: calc(640px + -224px);
1248                    left: calc(50% - 160px + 196px);
1249                }
1250            }
1251
1252            #rec636372574 .tn-elem[data-elem-id="1694083553047"] {
1253                color: #f4f4f4;
1254                text-align: LEFT;
1255                z-index: 17;
1256                top: 190px;
1257                left: calc(50% - 600px + 90px);
1258                width: 641px;
1259            }
1260
1261            #rec636372574 .tn-elem[data-elem-id="1694083553047"] .tn-atom {
1262                color: #f4f4f4;
1263                font-size: 64px;
1264                font-family: 'Raleway', Arial, sans-serif;
1265                line-height: 1.07;
1266                font-weight: 500;
1267                letter-spacing: -2px;
1268                background-position: center center;
1269                border-color: transparent;
1270                border-style: solid;
1271            }
1272
1273            @media  screen and (max-width: 1199px) {
1274                #rec636372574 .tn-elem[data-elem-id="1694083553047"] {
1275                    top: 189px;
1276                    width: 604px;
1277                }
1278
1279                #rec636372574 .tn-elem[data-elem-id="1694083553047"] .tn-atom {
1280                    font-size: 54px;
1281                }
1282            }
1283
1284            @media  screen and (max-width: 959px) {
1285                #rec636372574 .tn-elem[data-elem-id="1694083553047"] {
1286                    top: 149px;
1287                    width: 439px;
1288                }
1289
1290                #rec636372574 .tn-elem[data-elem-id="1694083553047"] .tn-atom {
1291                    font-size: 40px;
1292                }
1293            }
1294
1295            @media  screen and (max-width: 639px) {
1296                #rec636372574 .tn-elem[data-elem-id="1694083553047"] {
1297                    top: 72px;
1298                    left: calc(50% - 160px + 16px);
1299                    width: 281px;
1300                }
1301
1302                #rec636372574 .tn-elem[data-elem-id="1694083553047"] .tn-atom {
1303                    font-size: 28px;
1304                }
1305            }
1306
1307            #rec636372574 .tn-elem[data-elem-id="1694083553051"] {
1308                color: #f4f4f4;
1309                text-align: LEFT;
1310                z-index: 18;
1311                top: 190px;
1312                left: calc(50% - 600px + 90px);
1313                width: 788px;
1314            }
1315
1316            #rec636372574 .tn-elem[data-elem-id="1694083553051"] .tn-atom {
1317                color: #f4f4f4;
1318                font-size: 64px;
1319                font-family: 'Raleway', Arial, sans-serif;
1320                line-height: 1.07;
1321                font-weight: 500;
1322                letter-spacing: -2px;
1323                background-position: center center;
1324                border-color: transparent;
1325                border-style: solid;
1326            }
1327
1328            @media  screen and (max-width: 1199px) {
1329                #rec636372574 .tn-elem[data-elem-id="1694083553051"] {
1330                    top: 189px;
1331                    width: 671px;
1332                }
1333
1334                #rec636372574 .tn-elem[data-elem-id="1694083553051"] .tn-atom {
1335                    font-size: 54px;
1336                }
1337            }
1338
1339            @media  screen and (max-width: 959px) {
1340                #rec636372574 .tn-elem[data-elem-id="1694083553051"] {
1341                    top: 149px;
1342                    width: 439px;
1343                }
1344
1345                #rec636372574 .tn-elem[data-elem-id="1694083553051"] .tn-atom {
1346                    font-size: 40px;
1347                }
1348            }
1349
1350            @media  screen and (max-width: 639px) {
1351                #rec636372574 .tn-elem[data-elem-id="1694083553051"] {
1352                    top: 72px;
1353                    left: calc(50% - 160px + 16px);
1354                    width: 275px;
1355                }
1356
1357                #rec636372574 .tn-elem[data-elem-id="1694083553051"] .tn-atom {
1358                    font-size: 28px;
1359                }
1360            }
1361
1362            #rec636372574 .tn-elem[data-elem-id="1694083553056"] {
1363                color: #f4f4f4;
1364                text-align: LEFT;
1365                z-index: 19;
1366                top: 190px;
1367                left: calc(50% - 600px + 90px);
1368                width: 663px;
1369            }
1370
1371            #rec636372574 .tn-elem[data-elem-id="1694083553056"] .tn-atom {
1372                color: #f4f4f4;
1373                font-size: 64px;
1374                font-family: 'Raleway', Arial, sans-serif;
1375                line-height: 1.07;
1376                font-weight: 500;
1377                letter-spacing: -2px;
1378                background-position: center center;
1379                border-color: transparent;
1380                border-style: solid;
1381            }
1382
1383            @media  screen and (max-width: 1199px) {
1384                #rec636372574 .tn-elem[data-elem-id="1694083553056"] {
1385                    top: 189px;
1386                    width: 604px;
1387                }
1388
1389                #rec636372574 .tn-elem[data-elem-id="1694083553056"] .tn-atom {
1390                    font-size: 54px;
1391                }
1392            }
1393
1394            @media  screen and (max-width: 959px) {
1395                #rec636372574 .tn-elem[data-elem-id="1694083553056"] {
1396                    top: 149px;
1397                    width: 439px;
1398                }
1399
1400                #rec636372574 .tn-elem[data-elem-id="1694083553056"] .tn-atom {
1401                    font-size: 40px;
1402                }
1403            }
1404
1405            @media  screen and (max-width: 639px) {
1406                #rec636372574 .tn-elem[data-elem-id="1694083553056"] {
1407                    top: 72px;
1408                    left: calc(50% - 160px + 16px);
1409                    width: 275px;
1410                }
1411
1412                #rec636372574 .tn-elem[data-elem-id="1694083553056"] .tn-atom {
1413                    font-size: 28px;
1414                }
1415            }
1416
1417            #rec636372574 .tn-elem[data-elem-id="1694083553059"] {
1418                color: #f4f4f4;
1419                text-align: LEFT;
1420                z-index: 20;
1421                top: 190px;
1422                left: calc(50% - 600px + 90px);
1423                width: 969px;
1424            }
1425
1426            #rec636372574 .tn-elem[data-elem-id="1694083553059"] .tn-atom {
1427                color: #f4f4f4;
1428                font-size: 64px;
1429                font-family: 'Raleway', Arial, sans-serif;
1430                line-height: 1.07;
1431                font-weight: 500;
1432                letter-spacing: -2px;
1433                background-position: center center;
1434                border-color: transparent;
1435                border-style: solid;
1436            }
1437
1438            @media  screen and (max-width: 1199px) {
1439                #rec636372574 .tn-elem[data-elem-id="1694083553059"] {
1440                    top: 189px;
1441                    left: calc(50% - 480px + 90px);
1442                    width: 797px;
1443                }
1444
1445                #rec636372574 .tn-elem[data-elem-id="1694083553059"] .tn-atom {
1446                    font-size: 54px;
1447                }
1448            }
1449
1450            @media  screen and (max-width: 959px) {
1451                #rec636372574 .tn-elem[data-elem-id="1694083553059"] {
1452                    top: 149px;
1453                    width: 460px;
1454                }
1455
1456                #rec636372574 .tn-elem[data-elem-id="1694083553059"] .tn-atom {
1457                    font-size: 40px;
1458                }
1459            }
1460
1461            @media  screen and (max-width: 639px) {
1462                #rec636372574 .tn-elem[data-elem-id="1694083553059"] {
1463                    top: 72px;
1464                    left: calc(50% - 160px + 16px);
1465                    width: 281px;
1466                }
1467
1468                #rec636372574 .tn-elem[data-elem-id="1694083553059"] .tn-atom {
1469                    font-size: 28px;
1470                }
1471            }
1472
1473            #rec636372574 .tn-elem[data-elem-id="1694085559361"] {
1474                z-index: 21;
1475                top: 0px;
1476                left: calc(50% - 600px + 0px);
1477                width: 100%;
1478                height: 100%;
1479                pointer-events: none;
1480            }
1481
1482            #rec636372574 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694085559361"] {
1483                opacity: 0;
1484            }
1485
1486            #rec636372574 .tn-elem[data-elem-id="1694085559361"] .tn-atom {
1487                background-color: #242729;
1488                background-position: center center;
1489                border-color: transparent;
1490                border-style: solid;
1491            }
1492
1493            @media  screen and (max-width: 1199px) {
1494                #rec636372574 .tn-elem[data-elem-id="1694085559361"] {
1495                    top: 0px;
1496                    left: calc(50% - 480px + 0px);
1497                }
1498            }
1499
1500            @media  screen and (max-width: 959px) {
1501            }
1502
1503            @media  screen and (max-width: 639px) {
1504                #rec636372574 .tn-elem[data-elem-id="1694085559361"] {
1505                    top: 0px;
1506                    left: calc(50% - 160px + 0px);
1507                }
1508            }</style>
1509        <div class='t396'>
1510            <div class="t396__artboard" data-artboard-recid="636372574" data-artboard-screens="320,640,960,1200"
1511                 data-artboard-height="640" data-artboard-valign="stretch" data-artboard-upscale="window"
1512                 data-artboard-height-res-320="270" data-artboard-height_vh-res-320=""
1513                 data-artboard-height-res-640="500" data-artboard-height-res-960="640"
1514            >
1515                <div class="t396__carrier" data-artboard-recid="636372574"></div>
1516                <div class="t396__filter" data-artboard-recid="636372574"></div>
1517                <div class='t396__elem tn-elem tn-elem__6363725741689874402875 ' data-elem-id='1689874402875'
1518                     data-elem-type='html' data-field-top-value="40" data-field-left-value="110"
1519                     data-field-height-value="600" data-field-width-value="980" data-field-axisy-value="top"
1520                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
1521                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
1522                     data-animate-mobile="y" data-animate-sbs-event="blockintoview" data-animate-sbs-trg="1"
1523                     data-animate-sbs-trgofst="0"
1524                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':0,'my':-70,'sx':1.23,'sy':1.23,'op':'1','ro':'0','bl':'0','ea':'','dt':'0'}]"
1525                     data-field-top-res-320-value="-165" data-field-left-res-320-value="-330"
1526                     data-animate-sbs-opts-res-320="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':0,'my':37,'sx':0.33,'sy':0.33,'op':'1','ro':'0','bl':'0','ea':'','dt':'0'}]"
1527                     data-field-left-res-640-value="-170"
1528                     data-animate-sbs-opts-res-640="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':0,'my':0,'sx':0.65,'sy':0.65,'op':'1','ro':'0','bl':'0','ea':'','dt':'0'}]"
1529                     data-field-top-res-960-value="0" data-field-left-res-960-value="-10"
1530                >
1531                    <div class='tn-atom tn-atom__html'>
1532                        
1532<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js"></script>
1532
1533                        <style>.matter-box {
1534                                width: 100%;
1535                                height: 100%;
1536                                position: relative;
1537                            }</style>
1538                        <div class="matter-box"></div>
1539                    </div>
1540                </div>
1541                <div class='t396__elem tn-elem trigger-1 tn-elem__6363725741689898920061' data-elem-id='1689898920061'
1542                     data-elem-type='text' data-field-top-value="-477" data-field-left-value="100"
1543                     data-field-width-value="24" data-field-axisy-value="bottom" data-field-axisx-value="left"
1544                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
1545                     data-field-heightunits-value="" data-field-widthunits-value="px"
1546                     data-field-top-res-320-value="-224" data-field-left-res-320-value="100"
1547                     data-field-top-res-640-value="-378" data-field-top-res-960-value="-478"
1548                     data-field-left-res-960-value="100"
1549                >
1550                    <div class='tn-atom' field='tn_text_1689898920061'>01</div>
1551                </div>
1552                <div class='t396__elem tn-elem trigger-2 tn-elem__6363725741689898920064' data-elem-id='1689898920064'
1553                     data-elem-type='text' data-field-top-value="-477" data-field-left-value="132"
1554                     data-field-width-value="24" data-field-axisy-value="bottom" data-field-axisx-value="left"
1555                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
1556                     data-field-heightunits-value="" data-field-widthunits-value="px"
1557                     data-field-top-res-320-value="-224" data-field-left-res-320-value="132"
1558                     data-field-top-res-640-value="-378" data-field-top-res-960-value="-478"
1559                     data-field-left-res-960-value="132"
1560                >
1561                    <div class='tn-atom' field='tn_text_1689898920064'>02</div>
1562                </div>
1563                <div class='t396__elem tn-elem trigger-3 tn-elem__6363725741689898920066' data-elem-id='1689898920066'
1564                     data-elem-type='text' data-field-top-value="-477" data-field-left-value="164"
1565                     data-field-width-value="24" data-field-axisy-value="bottom" data-field-axisx-value="left"
1566                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
1567                     data-field-heightunits-value="" data-field-widthunits-value="px"
1568                     data-field-top-res-320-value="-224" data-field-left-res-320-value="164"
1569                     data-field-top-res-640-value="-378" data-field-top-res-960-value="-478"
1570                     data-field-left-res-960-value="164"
1571                >
1572                    <div class='tn-atom' field='tn_text_1689898920066'>03</div>
1573                </div>
1574                <div class='t396__elem tn-elem trigger-4 tn-elem__6363725741689898920069' data-elem-id='1689898920069'
1575                     data-elem-type='text' data-field-top-value="-477" data-field-left-value="196"
1576                     data-field-width-value="24" data-field-axisy-value="bottom" data-field-axisx-value="left"
1577                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
1578                     data-field-heightunits-value="" data-field-widthunits-value="px"
1579                     data-field-top-res-320-value="-224" data-field-left-res-320-value="196"
1580                     data-field-top-res-640-value="-378" data-field-top-res-960-value="-478"
1581                     data-field-left-res-960-value="196"
1582                >
1583                    <div class='tn-atom' field='tn_text_1689898920069'>04</div>
1584                </div>
1585                <div class='t396__elem tn-elem head-1-d tn-elem__6363725741694083553047' data-elem-id='1694083553047'
1586                     data-elem-type='text' data-field-top-value="190" data-field-left-value="90"
1587                     data-field-width-value="641" data-field-axisy-value="top" data-field-axisx-value="left"
1588                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
1589                     data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="72"
1590                     data-field-left-res-320-value="16" data-field-width-res-320-value="281"
1591                     data-field-top-res-640-value="149" data-field-width-res-640-value="439"
1592                     data-field-top-res-960-value="189" data-field-width-res-960-value="604"
1593                >
1594                    <div class='tn-atom' field='tn_text_1694083553047'>Более 10 лет успешного опыта создания продуктов
1595                    </div>
1596                </div>
1597                <div class='t396__elem tn-elem head-2-d tn-elem__6363725741694083553051' data-elem-id='1694083553051'
1598                     data-elem-type='text' data-field-top-value="190" data-field-left-value="90"
1599                     data-field-width-value="788" data-field-axisy-value="top" data-field-axisx-value="left"
1600                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
1601                     data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="72"
1602                     data-field-left-res-320-value="16" data-field-width-res-320-value="275"
1603                     data-field-top-res-640-value="149" data-field-width-res-640-value="439"
1604                     data-field-top-res-960-value="189" data-field-width-res-960-value="671"
1605                >
1606                    <div class='tn-atom' field='tn_text_1694083553051'>20+ инновационных сервисов собственной
1607                        разработки
1608                    </div>
1609                </div>
1610                <div class='t396__elem tn-elem head-3-d tn-elem__6363725741694083553056' data-elem-id='1694083553056'
1611                     data-elem-type='text' data-field-top-value="190" data-field-left-value="90"
1612                     data-field-width-value="663" data-field-axisy-value="top" data-field-axisx-value="left"
1613                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
1614                     data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="72"
1615                     data-field-left-res-320-value="16" data-field-width-res-320-value="275"
1616                     data-field-top-res-640-value="149" data-field-width-res-640-value="439"
1617                     data-field-top-res-960-value="189" data-field-width-res-960-value="604"
1618                >
1619                    <div class='tn-atom' field='tn_text_1694083553056'>7 000 000 людей пользуются нашими сервисами</div>
1620                </div>
1621                <div class='t396__elem tn-elem head-4-d tn-elem__6363725741694083553059' data-elem-id='1694083553059'
1622                     data-elem-type='text' data-field-top-value="190" data-field-left-value="90"
1623                     data-field-width-value="969" data-field-axisy-value="top" data-field-axisx-value="left"
1624                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
1625                     data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="72"
1626                     data-field-left-res-320-value="16" data-field-width-res-320-value="281"
1627                     data-field-top-res-640-value="149" data-field-width-res-640-value="460"
1628                     data-field-top-res-960-value="189" data-field-left-res-960-value="90"
1629                     data-field-width-res-960-value="797"
1630                >
1631                    <div class='tn-atom' field='tn_text_1694083553059'>Применяем все доступные методы использования
1632                        технологии<br>Direct Carrier Billing
1633                    </div>
1634                </div>
1635                <div class='t396__elem tn-elem tn-elem__6363725741694085559361 ' data-elem-id='1694085559361'
1636                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="0"
1637                     data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top"
1638                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
1639                     data-field-leftunits-value="px" data-field-heightunits-value="%" data-field-widthunits-value="%"
1640                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
1641                     data-animate-sbs-trgofst="0"
1642                     data-animate-sbs-opts="[{'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ti':'0'},{'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ti':400}]"
1643                     data-field-top-res-320-value="0" data-field-left-res-320-value="0" data-field-top-res-960-value="0"
1644                     data-field-left-res-960-value="0"
1645                >
1646                    <div class='tn-atom'></div>
1647                </div>
1648            </div>
1649        </div>
1650        
1650<script>t_onFuncLoad('t396_initialScale', function () {
1651                t396_initialScale('636372574');
1652            });
1653            t_onReady(function () {
1654                t_onFuncLoad('t396_init', function () {
1655                    t396_init('636372574');
1656                });
1657            });</script>
1657<!-- /T396 --></div>
1658    <div id="rec620992728" class="r t-rec" style="background-color:#755ffc; " data-record-type="215"
1659         data-bg-color="#755ffc"><a name="products" style="font-size:0;"></a></div>
1660    <div id="rec620149621" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
1661        <style>#rec620149621 .t396__artboard {
1662                height: 220px;
1663                background-color: #121313;
1664            }
1665
1666            #rec620149621 .t396__filter {
1667                height: 220px;
1668            }
1669
1670            #rec620149621 .t396__carrier {
1671                height: 220px;
1672                background-position: center center;
1673                background-attachment: scroll;
1674                background-size: cover;
1675                background-repeat: no-repeat;
1676            }
1677
1678            @media  screen and (max-width: 1199px) {
1679                #rec620149621 .t396__artboard {
1680                    height: 180px;
1681                }
1682
1683                #rec620149621 .t396__filter {
1684                    height: 180px;
1685                }
1686
1687                #rec620149621 .t396__carrier {
1688                    height: 180px;
1689                    background-attachment: scroll;
1690                }
1691            }
1692
1693            @media  screen and (max-width: 959px) {
1694                #rec620149621 .t396__artboard {
1695                    height: 140px;
1696                }
1697
1698                #rec620149621 .t396__filter {
1699                    height: 140px;
1700                }
1701
1702                #rec620149621 .t396__carrier {
1703                    height: 140px;
1704                    background-attachment: scroll;
1705                }
1706            }
1707
1708            @media  screen and (max-width: 639px) {
1709                #rec620149621 .t396__artboard {
1710                    height: 100px;
1711                }
1712
1713                #rec620149621 .t396__filter {
1714                    height: 100px;
1715                }
1716
1717                #rec620149621 .t396__carrier {
1718                    height: 100px;
1719                    background-attachment: scroll;
1720                }
1721            }
1722
1723            #rec620149621 .tn-elem[data-elem-id="1690295999757"] {
1724                z-index: 2;
1725                top: -176px;
1726                left: calc(50% - 600px + 467px);
1727                width: 1333px;
1728            }
1729
1730            #rec620149621 .tn-elem[data-elem-id="1690295999757"] .tn-atom {
1731                background-position: center center;
1732                border-color: transparent;
1733                border-style: solid;
1734            }
1735
1736            @media  screen and (max-width: 1199px) {
1737                #rec620149621 .tn-elem[data-elem-id="1690295999757"] {
1738                    top: 137px;
1739                    left: calc(50% - 480px + 316px);
1740                }
1741            }
1742
1743            @media  screen and (max-width: 959px) {
1744                #rec620149621 .tn-elem[data-elem-id="1690295999757"] {
1745                    top: 135px;
1746                    left: calc(50% - 320px + 180px);
1747                }
1748            }
1749
1750            @media  screen and (max-width: 639px) {
1751                #rec620149621 .tn-elem[data-elem-id="1690295999757"] {
1752                    top: -54px;
1753                    left: calc(50% - 160px + 127px);
1754                    width: 486px;
1755                }
1756            }
1757
1758            #rec620149621 .tn-elem[data-elem-id="1690237930870"] {
1759                color: #f4f4f4;
1760                text-align: LEFT;
1761                z-index: 3;
1762                top: 128px;
1763                left: calc(50% - 600px + 36px);
1764                width: 518px;
1765            }
1766
1767            #rec620149621 .tn-elem[data-elem-id="1690237930870"] .tn-atom {
1768                color: #f4f4f4;
1769                font-size: 64px;
1770                font-family: 'Raleway', Arial, sans-serif;
1771                line-height: 1.15;
1772                font-weight: 600;
1773                letter-spacing: -1px;
1774                background-position: center center;
1775                border-color: transparent;
1776                border-style: solid;
1777            }
1778
1779            @media  screen and (max-width: 1199px) {
1780                #rec620149621 .tn-elem[data-elem-id="1690237930870"] {
1781                    top: 110px;
1782                    left: calc(50% - 480px + 36px);
1783                }
1784
1785                #rec620149621 .tn-elem[data-elem-id="1690237930870"] .tn-atom {
1786                    font-size: 48px;
1787                }
1788            }
1789
1790            @media  screen and (max-width: 959px) {
1791                #rec620149621 .tn-elem[data-elem-id="1690237930870"] {
1792                    top: 84px;
1793                }
1794
1795                #rec620149621 .tn-elem[data-elem-id="1690237930870"] .tn-atom {
1796                    font-size: 48px;
1797                }
1798            }
1799
1800            @media  screen and (max-width: 639px) {
1801                #rec620149621 .tn-elem[data-elem-id="1690237930870"] {
1802                    top: 63px;
1803                    left: calc(50% - 160px + 40px);
1804                }
1805
1806                #rec620149621 .tn-elem[data-elem-id="1690237930870"] .tn-atom {
1807                    font-size: 32px;
1808                }
1809            }</style>
1810        <div class='t396'>
1811            <div class="t396__artboard" data-artboard-recid="620149621" data-artboard-screens="320,640,960,1200"
1812                 data-artboard-height="220" data-artboard-valign="center" data-artboard-upscale="window"
1813                 data-artboard-height-res-320="100" data-artboard-height-res-640="140"
1814                 data-artboard-height-res-960="180"
1815            >
1816                <div class="t396__carrier" data-artboard-recid="620149621"></div>
1817                <div class="t396__filter" data-artboard-recid="620149621"></div>
1818                <div class='t396__elem tn-elem tn-elem__6201496211690295999757' data-elem-id='1690295999757'
1819                     data-elem-type='image' data-field-top-value="-176" data-field-left-value="467"
1820                     data-field-width-value="1333" data-field-axisy-value="top" data-field-axisx-value="left"
1821                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
1822                     data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="916"
1823                     data-field-fileheight-value="393" data-field-top-res-320-value="-54"
1824                     data-field-left-res-320-value="127" data-field-width-res-320-value="486"
1825                     data-field-widthunits-res-320-value="px" data-field-top-res-640-value="135"
1826                     data-field-left-res-640-value="180" data-field-top-res-960-value="137"
1827                     data-field-left-res-960-value="316"
1828                >
1829                    <div class='tn-atom'><img class='tn-atom__img t-img'
1830                                              data-original='/images/v2/tild6132-6239-4232-b033-343334353231__frame_23.svg'
1831                                              alt='' imgfield='tn_img_1690295999757'></div>
1832                </div>
1833                <div class='t396__elem tn-elem tn-elem__6201496211690237930870 t-animate' data-elem-id='1690237930870'
1834                     data-elem-type='text' data-field-top-value="128" data-field-left-value="36"
1835                     data-field-width-value="518" data-field-axisy-value="top" data-field-axisx-value="left"
1836                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
1837                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
1838                     data-animate-duration="0.8" data-animate-delay="0.2" data-animate-distance="15"
1839                     data-animate-mobile="y" data-field-top-res-320-value="63" data-field-left-res-320-value="40"
1840                     data-field-top-res-640-value="84" data-field-top-res-960-value="110"
1841                     data-field-left-res-960-value="36"
1842                >
1843                    <div class='tn-atom' field='tn_text_1690237930870'>Наши продукты</div>
1844                </div>
1845            </div>
1846        </div>
1847        
1847<script>t_onFuncLoad('t396_initialScale', function () {
1848                t396_initialScale('620149621');
1849            });
1850            t_onReady(function () {
1851                t_onFuncLoad('t396_init', function () {
1852                    t396_init('620149621');
1853                });
1854            });</script>
1854<!-- /T396 --></div>
1855    <div id="rec620157642" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
1856        <style>#rec620157642 .t396__artboard {
1857                height: 126px;
1858                background-color: #121313;
1859            }
1860
1861            #rec620157642 .t396__filter {
1862                height: 126px;
1863            }
1864
1865            #rec620157642 .t396__carrier {
1866                height: 126px;
1867                background-position: center center;
1868                background-attachment: scroll;
1869                background-size: cover;
1870                background-repeat: no-repeat;
1871            }
1872
1873            @media  screen and (max-width: 1199px) {
1874                #rec620157642 .t396__artboard {
1875                    height: 86px;
1876                }
1877
1878                #rec620157642 .t396__filter {
1879                    height: 86px;
1880                }
1881
1882                #rec620157642 .t396__carrier {
1883                    height: 86px;
1884                    background-attachment: scroll;
1885                }
1886            }
1887
1888            @media  screen and (max-width: 959px) {
1889                #rec620157642 .t396__artboard {
1890                    height: 60px;
1891                }
1892
1893                #rec620157642 .t396__filter {
1894                    height: 60px;
1895                }
1896
1897                #rec620157642 .t396__carrier {
1898                    height: 60px;
1899                    background-attachment: scroll;
1900                }
1901            }
1902
1903            @media  screen and (max-width: 639px) {
1904                #rec620157642 .t396__artboard {
1905                    height: 65px;
1906                }
1907
1908                #rec620157642 .t396__filter {
1909                    height: 65px;
1910                }
1911
1912                #rec620157642 .t396__carrier {
1913                    height: 65px;
1914                    background-attachment: scroll;
1915                }
1916            }
1917
1918            #rec620157642 .tn-elem[data-elem-id="1690243358586"] {
1919                color: #f4f4f4;
1920                text-align: LEFT;
1921                z-index: 2;
1922                top: 64px;
1923                left: calc(50% - 600px + 40px);
1924                width: 110px;
1925            }
1926
1927            #rec620157642 .tn-elem[data-elem-id="1690243358586"] .tn-atom {
1928                color: #f4f4f4;
1929                font-size: 28px;
1930                font-family: 'Manrope', Arial, sans-serif;
1931                line-height: 1.00;
1932                font-weight: 400;
1933                opacity: 0.6;
1934                background-position: center center;
1935                border-color: transparent;
1936                border-style: solid;
1937            }
1938
1939            @media  screen and (max-width: 1199px) {
1940                #rec620157642 .tn-elem[data-elem-id="1690243358586"] {
1941                    top: 40px;
1942                }
1943
1944                #rec620157642 .tn-elem[data-elem-id="1690243358586"] .tn-atom {
1945                    font-size: 24px;
1946                }
1947            }
1948
1949            @media  screen and (max-width: 959px) {
1950                #rec620157642 .tn-elem[data-elem-id="1690243358586"] {
1951                    top: 15px;
1952                }
1953
1954                #rec620157642 .tn-elem[data-elem-id="1690243358586"] .tn-atom {
1955                    font-size: 20px;
1956                }
1957            }
1958
1959            @media  screen and (max-width: 639px) {
1960                #rec620157642 .tn-elem[data-elem-id="1690243358586"] {
1961                    top: 35px;
1962                }
1963
1964                #rec620157642 .tn-elem[data-elem-id="1690243358586"] .tn-atom {
1965                    font-size: 16px;
1966                }
1967            }</style>
1968        <div class='t396'>
1969            <div class="t396__artboard" data-artboard-recid="620157642" data-artboard-screens="320,640,960,1200"
1970                 data-artboard-height="126" data-artboard-valign="center" data-artboard-upscale="window"
1971                 data-artboard-height-res-320="65" data-artboard-height-res-640="60" data-artboard-height-res-960="86"
1972            >
1973                <div class="t396__carrier" data-artboard-recid="620157642"></div>
1974                <div class="t396__filter" data-artboard-recid="620157642"></div>
1975                <div class='t396__elem tn-elem tn-elem__6201576421690243358586 t-animate' data-elem-id='1690243358586'
1976                     data-elem-type='text' data-field-top-value="64" data-field-left-value="40"
1977                     data-field-width-value="110" data-field-axisy-value="top" data-field-axisx-value="left"
1978                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
1979                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
1980                     data-animate-duration="0.8" data-animate-delay="0.2" data-animate-distance="15"
1981                     data-animate-mobile="y" data-field-top-res-320-value="35" data-field-top-res-640-value="15"
1982                     data-field-top-res-960-value="40"
1983                >
1984                    <div class='tn-atom' field='tn_text_1690243358586'>Edutainment</div>
1985                </div>
1986            </div>
1987        </div>
1988        
1988<script>t_onFuncLoad('t396_initialScale', function () {
1989                t396_initialScale('620157642');
1990            });
1991            t_onReady(function () {
1992                t_onFuncLoad('t396_init', function () {
1993                    t396_init('620157642');
1994                });
1995            });</script>
1995<!-- /T396 --></div>
1996    <!-- <div style="font-size: 28px;" data-customstyle="yes"><p style="text-align: center;"><strong>EDUTAINMENT PC</strong></p></div> -->
1997    <div id="rec641488184" class="r t-rec t-rec_pt_0 t-screenmin-980px" style="padding-top:0px; "
1998         data-animationappear="off" data-record-type="396" data-screen-min="980px"><!-- T396 -->
1999        <style>#rec641488184 .t396__artboard {
2000                height: 280px;
2001                background-color: #121313;
2002                overflow-x: hidden;
2003                overflow-y: hidden;
2004            }
2005
2006            #rec641488184 .t396__filter {
2007                height: 280px;
2008            }
2009
2010            #rec641488184 .t396__carrier {
2011                height: 280px;
2012                background-position: center center;
2013                background-attachment: scroll;
2014                background-size: cover;
2015                background-repeat: no-repeat;
2016            }
2017
2018            @media  screen and (max-width: 1199px) {
2019                #rec641488184 .t396__artboard {
2020                    height: 220px;
2021                    background-color: #121313;
2022                }
2023
2024                #rec641488184 .t396__filter {
2025                    height: 220px;
2026                }
2027
2028                #rec641488184 .t396__carrier {
2029                    height: 220px;
2030                    background-attachment: scroll;
2031                }
2032            }
2033
2034            @media  screen and (max-width: 959px) {
2035                #rec641488184 .t396__artboard {
2036                    height: 290px;
2037                    background-color: #121313;
2038                }
2039
2040                #rec641488184 .t396__filter {
2041                    height: 290px;
2042                }
2043
2044                #rec641488184 .t396__carrier {
2045                    height: 290px;
2046                    background-attachment: scroll;
2047                }
2048            }
2049
2050            @media  screen and (max-width: 639px) {
2051                #rec641488184 .t396__artboard {
2052                    height: 125px;
2053                    background-color: #121313;
2054                }
2055
2056                #rec641488184 .t396__filter {
2057                    height: 125px;
2058                }
2059
2060                #rec641488184 .t396__carrier {
2061                    height: 125px;
2062                    background-attachment: scroll;
2063                }
2064            }
2065
2066            #rec641488184 .tn-elem[data-elem-id="1690241109137"] {
2067                z-index: 3;
2068                top: 0px;
2069                left: calc(50% - 600px + 40px);
2070                width: 540px;
2071                height: 280px;
2072            }
2073
2074            #rec641488184 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
2075                opacity: 0;
2076            }
2077
2078            #rec641488184 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
2079                border-width: 0px;
2080                border-radius: 14px;
2081                background-color: #755ffc;
2082                background-position: center center;
2083                border-color: transparent;
2084                border-style: solid;
2085            }
2086
2087            @media  screen and (max-width: 1199px) {
2088                #rec641488184 .tn-elem[data-elem-id="1690241109137"] {
2089                    top: 0px;
2090                    left: calc(50% - 480px + 40px);
2091                    width: 424px;
2092                    height: 220px;
2093                }
2094            }
2095
2096            @media  screen and (max-width: 959px) {
2097                #rec641488184 .tn-elem[data-elem-id="1690241109137"] {
2098                    top: 0px;
2099                    left: calc(50% - 320px + 660px);
2100                    width: 560px;
2101                    height: 290px;
2102                }
2103            }
2104
2105            @media  screen and (max-width: 639px) {
2106                #rec641488184 .tn-elem[data-elem-id="1690241109137"] {
2107                    top: 0px;
2108                    left: calc(50% - 160px + 40px);
2109                    width: 240px;
2110                    height: 125px;
2111                }
2112            }
2113
2114            #rec641488184 .tn-elem[data-elem-id="1690239578729"] {
2115                z-index: 4;
2116                top: 0px;
2117                left: calc(50% - 600px + 40px);
2118                width: 540px;
2119                height: 280px;
2120                pointer-events: none;
2121            }
2122
2123            #rec641488184 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
2124                opacity: 0;
2125            }
2126
2127            #rec641488184 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
2128                border-radius: 13px;
2129                background-position: center top;
2130                background-size: cover;
2131                background-repeat: no-repeat;
2132                border-color: transparent;
2133                border-style: solid;
2134            }
2135
2136            @media  screen and (max-width: 1199px) {
2137                #rec641488184 .tn-elem[data-elem-id="1690239578729"] {
2138                    top: 0px;
2139                    left: calc(50% - 480px + 40px);
2140                    width: 424px;
2141                    height: 220px;
2142                }
2143            }
2144
2145            @media  screen and (max-width: 959px) {
2146                #rec641488184 .tn-elem[data-elem-id="1690239578729"] {
2147                    top: 0px;
2148                    left: calc(50% - 320px + 660px);
2149                    width: 560px;
2150                    height: 290px;
2151                }
2152            }
2153
2154            @media  screen and (max-width: 639px) {
2155                #rec641488184 .tn-elem[data-elem-id="1690239578729"] {
2156                    top: 0px;
2157                    left: calc(50% - 160px + 40px);
2158                    width: 240px;
2159                    height: 125px;
2160                }
2161            }
2162
2163            #rec641488184 .tn-elem[data-elem-id="1690239670103"] {
2164                z-index: 5;
2165                top: 0px;
2166                left: calc(50% - 600px + 40px);
2167                width: 540px;
2168                height: 280px;
2169                pointer-events: none;
2170            }
2171
2172            #rec641488184 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
2173                opacity: 0;
2174            }
2175
2176            #rec641488184 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
2177                border-radius: 13px;
2178                background-position: center top;
2179                background-size: cover;
2180                background-repeat: no-repeat;
2181                border-color: transparent;
2182                border-style: solid;
2183            }
2184
2185            @media  screen and (max-width: 1199px) {
2186                #rec641488184 .tn-elem[data-elem-id="1690239670103"] {
2187                    top: 0px;
2188                    left: calc(50% - 480px + 40px);
2189                    width: 424px;
2190                    height: 220px;
2191                }
2192            }
2193
2194            @media  screen and (max-width: 959px) {
2195                #rec641488184 .tn-elem[data-elem-id="1690239670103"] {
2196                    top: 0px;
2197                    left: calc(50% - 320px + 660px);
2198                    width: 560px;
2199                    height: 290px;
2200                }
2201            }
2202
2203            @media  screen and (max-width: 639px) {
2204                #rec641488184 .tn-elem[data-elem-id="1690239670103"] {
2205                    top: 0px;
2206                    left: calc(50% - 160px + 40px);
2207                    width: 240px;
2208                    height: 125px;
2209                }
2210            }
2211
2212            #rec641488184 .tn-elem[data-elem-id="1690239682409"] {
2213                z-index: 6;
2214                top: 0px;
2215                left: calc(50% - 600px + 40px);
2216                width: 540px;
2217                height: 280px;
2218                pointer-events: none;
2219            }
2220
2221            #rec641488184 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
2222                opacity: 0;
2223            }
2224
2225            #rec641488184 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
2226                border-radius: 13px;
2227                background-position: center top;
2228                background-size: cover;
2229                background-repeat: no-repeat;
2230                border-color: transparent;
2231                border-style: solid;
2232            }
2233
2234            @media  screen and (max-width: 1199px) {
2235                #rec641488184 .tn-elem[data-elem-id="1690239682409"] {
2236                    top: 0px;
2237                    left: calc(50% - 480px + 40px);
2238                    width: 424px;
2239                    height: 220px;
2240                }
2241            }
2242
2243            @media  screen and (max-width: 959px) {
2244                #rec641488184 .tn-elem[data-elem-id="1690239682409"] {
2245                    top: 0px;
2246                    left: calc(50% - 320px + 660px);
2247                    width: 560px;
2248                    height: 290px;
2249                }
2250            }
2251
2252            @media  screen and (max-width: 639px) {
2253                #rec641488184 .tn-elem[data-elem-id="1690239682409"] {
2254                    top: 0px;
2255                    left: calc(50% - 160px + 40px);
2256                    width: 240px;
2257                    height: 125px;
2258                }
2259            }
2260
2261            #rec641488184 .tn-elem[data-elem-id="1690238351796"] {
2262                z-index: 7;
2263                top: 0px;
2264                left: calc(50% - 600px + 40px);
2265                width: 540px;
2266                height: 280px;
2267            }
2268
2269            #rec641488184 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
2270                opacity: 0;
2271            }
2272
2273            #rec641488184 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
2274                border-radius: 13px;
2275                background-color: #1b1e20;
2276                background-position: center center;
2277                border-color: transparent;
2278                border-style: solid;
2279            }
2280
2281            @media  screen and (max-width: 1199px) {
2282                #rec641488184 .tn-elem[data-elem-id="1690238351796"] {
2283                    top: 0px;
2284                    left: calc(50% - 480px + 40px);
2285                    width: 424px;
2286                    height: 220px;
2287                }
2288            }
2289
2290            @media  screen and (max-width: 959px) {
2291                #rec641488184 .tn-elem[data-elem-id="1690238351796"] {
2292                    top: 0px;
2293                    left: calc(50% - 320px + 660px);
2294                    width: 560px;
2295                    height: 290px;
2296                }
2297            }
2298
2299            @media  screen and (max-width: 639px) {
2300                #rec641488184 .tn-elem[data-elem-id="1690238351796"] {
2301                    top: 0px;
2302                    left: calc(50% - 160px + 40px);
2303                    width: 240px;
2304                    height: 125px;
2305                }
2306            }
2307
2308            #rec641488184 .tn-elem[data-elem-id="1690238538450"] {
2309                z-index: 8;
2310                top: 0px;
2311                left: calc(50% - 600px + 40px);
2312                width: 540px;
2313                height: 280px;
2314                pointer-events: none;
2315            }
2316
2317            #rec641488184 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
2318                opacity: 0;
2319            }
2320
2321            #rec641488184 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
2322                border-radius: 13px;
2323                background-position: center top;
2324                background-size: cover;
2325                background-repeat: no-repeat;
2326                border-color: transparent;
2327                border-style: solid;
2328            }
2329
2330            @media  screen and (max-width: 1199px) {
2331                #rec641488184 .tn-elem[data-elem-id="1690238538450"] {
2332                    top: 0px;
2333                    left: calc(50% - 480px + 40px);
2334                    width: 424px;
2335                    height: 220px;
2336                }
2337            }
2338
2339            @media  screen and (max-width: 959px) {
2340                #rec641488184 .tn-elem[data-elem-id="1690238538450"] {
2341                    top: 0px;
2342                    left: calc(50% - 320px + 660px);
2343                    width: 560px;
2344                    height: 290px;
2345                }
2346            }
2347
2348            @media  screen and (max-width: 639px) {
2349                #rec641488184 .tn-elem[data-elem-id="1690238538450"] {
2350                    top: 0px;
2351                    left: calc(50% - 160px + 40px);
2352                    width: 240px;
2353                    height: 125px;
2354                }
2355            }
2356
2357            #rec641488184 .tn-elem[data-elem-id="1690238351801"] {
2358                color: #f4f4f4;
2359                text-align: LEFT;
2360                z-index: 9;
2361                top: 22px;
2362                left: calc(50% - 600px + 64px);
2363                width: 230px;
2364                pointer-events: none;
2365            }
2366
2367            #rec641488184 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
2368                color: #f4f4f4;
2369                font-size: 18px;
2370                font-family: 'Manrope', Arial, sans-serif;
2371                line-height: 1.00;
2372                font-weight: 500;
2373                background-position: center center;
2374                border-color: transparent;
2375                border-style: solid;
2376            }
2377
2378            @media  screen and (max-width: 1199px) {
2379                #rec641488184 .tn-elem[data-elem-id="1690238351801"] {
2380                    top: 20px;
2381                    left: calc(50% - 480px + 60px);
2382                }
2383
2384                #rec641488184 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
2385                    font-size: 18px;
2386                }
2387            }
2388
2389            @media  screen and (max-width: 959px) {
2390                #rec641488184 .tn-elem[data-elem-id="1690238351801"] {
2391                    top: 40px;
2392                    left: calc(50% - 320px + 825px);
2393                    width: 302px;
2394                }
2395
2396                #rec641488184 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
2397                    font-size: 18px;
2398                }
2399            }
2400
2401            @media  screen and (max-width: 639px) {
2402                #rec641488184 .tn-elem[data-elem-id="1690238351801"] {
2403                    top: 10px;
2404                    left: calc(50% - 160px + 82px);
2405                    width: 198px;
2406                }
2407
2408                #rec641488184 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
2409                    font-size: 12px;
2410                }
2411            }
2412
2413            #rec641488184 .tn-elem[data-elem-id="1695029034899"] {
2414                z-index: 11;
2415                top: 0px;
2416                left: calc(50% - 600px + 620px);
2417                width: 540px;
2418                height: 280px;
2419            }
2420
2421            #rec641488184 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034899"] {
2422                opacity: 0;
2423            }
2424
2425            #rec641488184 .tn-elem[data-elem-id="1695029034899"] .tn-atom {
2426                border-width: 0px;
2427                border-radius: 14px;
2428                background-color: #f4435c;
2429                background-position: center center;
2430                border-color: transparent;
2431                border-style: solid;
2432            }
2433
2434            @media  screen and (max-width: 1199px) {
2435                #rec641488184 .tn-elem[data-elem-id="1695029034899"] {
2436                    top: 0px;
2437                    left: calc(50% - 480px + 496px);
2438                    width: 424px;
2439                    height: 220px;
2440                }
2441            }
2442
2443            @media  screen and (max-width: 959px) {
2444                #rec641488184 .tn-elem[data-elem-id="1695029034899"] {
2445                    top: -1px;
2446                    left: calc(50% - 320px + 40px);
2447                    width: 560px;
2448                    height: 290px;
2449                }
2450            }
2451
2452            @media  screen and (max-width: 639px) {
2453                #rec641488184 .tn-elem[data-elem-id="1695029034899"] {
2454                    top: 0px;
2455                    left: calc(50% - 160px + 408px);
2456                    width: 240px;
2457                    height: 125px;
2458                }
2459            }
2460
2461            #rec641488184 .tn-elem[data-elem-id="1695029034902"] {
2462                z-index: 12;
2463                top: 0px;
2464                left: calc(50% - 600px + 620px);
2465                width: 540px;
2466                height: 280px;
2467                pointer-events: none;
2468            }
2469
2470            #rec641488184 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034902"] {
2471                opacity: 0;
2472            }
2473
2474            #rec641488184 .tn-elem[data-elem-id="1695029034902"] .tn-atom {
2475                border-radius: 13px;
2476                background-position: center top;
2477                background-size: cover;
2478                background-repeat: no-repeat;
2479                border-color: transparent;
2480                border-style: solid;
2481            }
2482
2483            @media  screen and (max-width: 1199px) {
2484                #rec641488184 .tn-elem[data-elem-id="1695029034902"] {
2485                    top: 0px;
2486                    left: calc(50% - 480px + 496px);
2487                    width: 424px;
2488                    height: 220px;
2489                }
2490            }
2491
2492            @media  screen and (max-width: 959px) {
2493                #rec641488184 .tn-elem[data-elem-id="1695029034902"] {
2494                    top: -1px;
2495                    left: calc(50% - 320px + 40px);
2496                    width: 560px;
2497                    height: 290px;
2498                }
2499            }
2500
2501            @media  screen and (max-width: 639px) {
2502                #rec641488184 .tn-elem[data-elem-id="1695029034902"] {
2503                    top: 0px;
2504                    left: calc(50% - 160px + 408px);
2505                    width: 240px;
2506                    height: 125px;
2507                }
2508            }
2509
2510            #rec641488184 .tn-elem[data-elem-id="1695029034905"] {
2511                z-index: 13;
2512                top: 0px;
2513                left: calc(50% - 600px + 620px);
2514                width: 540px;
2515                height: 280px;
2516                pointer-events: none;
2517            }
2518
2519            #rec641488184 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034905"] {
2520                opacity: 0;
2521            }
2522
2523            #rec641488184 .tn-elem[data-elem-id="1695029034905"] .tn-atom {
2524                border-radius: 13px;
2525                background-position: center top;
2526                background-size: cover;
2527                background-repeat: no-repeat;
2528                border-color: transparent;
2529                border-style: solid;
2530            }
2531
2532            @media  screen and (max-width: 1199px) {
2533                #rec641488184 .tn-elem[data-elem-id="1695029034905"] {
2534                    top: 0px;
2535                    left: calc(50% - 480px + 496px);
2536                    width: 424px;
2537                    height: 220px;
2538                }
2539            }
2540
2541            @media  screen and (max-width: 959px) {
2542                #rec641488184 .tn-elem[data-elem-id="1695029034905"] {
2543                    top: -1px;
2544                    left: calc(50% - 320px + 40px);
2545                    width: 560px;
2546                    height: 290px;
2547                }
2548            }
2549
2550            @media  screen and (max-width: 639px) {
2551                #rec641488184 .tn-elem[data-elem-id="1695029034905"] {
2552                    top: 0px;
2553                    left: calc(50% - 160px + 408px);
2554                    width: 240px;
2555                    height: 125px;
2556                }
2557            }
2558
2559            #rec641488184 .tn-elem[data-elem-id="1695029034909"] {
2560                z-index: 14;
2561                top: 0px;
2562                left: calc(50% - 600px + 620px);
2563                width: 540px;
2564                height: 280px;
2565                pointer-events: none;
2566            }
2567
2568            #rec641488184 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034909"] {
2569                opacity: 0;
2570            }
2571
2572            #rec641488184 .tn-elem[data-elem-id="1695029034909"] .tn-atom {
2573                border-radius: 13px;
2574                background-position: center top;
2575                background-size: cover;
2576                background-repeat: no-repeat;
2577                border-color: transparent;
2578                border-style: solid;
2579            }
2580
2581            @media  screen and (max-width: 1199px) {
2582                #rec641488184 .tn-elem[data-elem-id="1695029034909"] {
2583                    top: 0px;
2584                    left: calc(50% - 480px + 496px);
2585                    width: 424px;
2586                    height: 220px;
2587                }
2588            }
2589
2590            @media  screen and (max-width: 959px) {
2591                #rec641488184 .tn-elem[data-elem-id="1695029034909"] {
2592                    top: -1px;
2593                    left: calc(50% - 320px + 40px);
2594                    width: 560px;
2595                    height: 290px;
2596                }
2597            }
2598
2599            @media  screen and (max-width: 639px) {
2600                #rec641488184 .tn-elem[data-elem-id="1695029034909"] {
2601                    top: 0px;
2602                    left: calc(50% - 160px + 408px);
2603                    width: 240px;
2604                    height: 125px;
2605                }
2606            }
2607
2608            #rec641488184 .tn-elem[data-elem-id="1695029034912"] {
2609                z-index: 15;
2610                top: 0px;
2611                left: calc(50% - 600px + 620px);
2612                width: 540px;
2613                height: 280px;
2614            }
2615
2616            #rec641488184 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034912"] {
2617                opacity: 0;
2618            }
2619
2620            #rec641488184 .tn-elem[data-elem-id="1695029034912"] .tn-atom {
2621                border-radius: 13px;
2622                background-color: #1b1e20;
2623                background-position: center center;
2624                border-color: transparent;
2625                border-style: solid;
2626            }
2627
2628            @media  screen and (max-width: 1199px) {
2629                #rec641488184 .tn-elem[data-elem-id="1695029034912"] {
2630                    top: 0px;
2631                    left: calc(50% - 480px + 496px);
2632                    width: 424px;
2633                    height: 220px;
2634                }
2635            }
2636
2637            @media  screen and (max-width: 959px) {
2638                #rec641488184 .tn-elem[data-elem-id="1695029034912"] {
2639                    top: -1px;
2640                    left: calc(50% - 320px + 40px);
2641                    width: 560px;
2642                    height: 290px;
2643                }
2644            }
2645
2646            @media  screen and (max-width: 639px) {
2647                #rec641488184 .tn-elem[data-elem-id="1695029034912"] {
2648                    top: 0px;
2649                    left: calc(50% - 160px + 408px);
2650                    width: 240px;
2651                    height: 125px;
2652                }
2653            }
2654
2655            #rec641488184 .tn-elem[data-elem-id="1695029034916"] {
2656                z-index: 16;
2657                top: 0px;
2658                left: calc(50% - 600px + 620px);
2659                width: 540px;
2660                height: 280px;
2661                pointer-events: none;
2662            }
2663
2664            #rec641488184 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034916"] {
2665                opacity: 0;
2666            }
2667
2668            #rec641488184 .tn-elem[data-elem-id="1695029034916"] .tn-atom {
2669                border-radius: 13px;
2670                background-position: center top;
2671                background-size: cover;
2672                background-repeat: no-repeat;
2673                border-color: transparent;
2674                border-style: solid;
2675            }
2676
2677            @media  screen and (max-width: 1199px) {
2678                #rec641488184 .tn-elem[data-elem-id="1695029034916"] {
2679                    top: 0px;
2680                    left: calc(50% - 480px + 496px);
2681                    width: 424px;
2682                    height: 220px;
2683                }
2684            }
2685
2686            @media  screen and (max-width: 959px) {
2687                #rec641488184 .tn-elem[data-elem-id="1695029034916"] {
2688                    top: -1px;
2689                    left: calc(50% - 320px + 40px);
2690                    width: 560px;
2691                    height: 290px;
2692                }
2693            }
2694
2695            @media  screen and (max-width: 639px) {
2696                #rec641488184 .tn-elem[data-elem-id="1695029034916"] {
2697                    top: 0px;
2698                    left: calc(50% - 160px + 408px);
2699                    width: 240px;
2700                    height: 125px;
2701                }
2702            }
2703
2704            #rec641488184 .tn-elem[data-elem-id="1695029034919"] {
2705                color: #f4f4f4;
2706                text-align: LEFT;
2707                z-index: 17;
2708                top: 22px;
2709                left: calc(50% - 600px + 644px);
2710                width: 199px;
2711                pointer-events: none;
2712            }
2713
2714            #rec641488184 .tn-elem[data-elem-id="1695029034919"] .tn-atom {
2715                color: #f4f4f4;
2716                font-size: 18px;
2717                font-family: 'Manrope', Arial, sans-serif;
2718                line-height: 1.00;
2719                font-weight: 500;
2720                background-position: center center;
2721                border-color: transparent;
2722                border-style: solid;
2723            }
2724
2725            @media  screen and (max-width: 1199px) {
2726                #rec641488184 .tn-elem[data-elem-id="1695029034919"] {
2727                    top: 20px;
2728                    left: calc(50% - 480px + 516px);
2729                }
2730
2731                #rec641488184 .tn-elem[data-elem-id="1695029034919"] .tn-atom {
2732                    font-size: 18px;
2733                }
2734            }
2735
2736            @media  screen and (max-width: 959px) {
2737                #rec641488184 .tn-elem[data-elem-id="1695029034919"] {
2738                    top: 39px;
2739                    left: calc(50% - 320px + 220px);
2740                    width: 305px;
2741                }
2742
2743                #rec641488184 .tn-elem[data-elem-id="1695029034919"] .tn-atom {
2744                    font-size: 18px;
2745                }
2746            }
2747
2748            @media  screen and (max-width: 639px) {
2749                #rec641488184 .tn-elem[data-elem-id="1695029034919"] {
2750                    top: 10px;
2751                    left: calc(50% - 160px + 461px);
2752                    width: 176px;
2753                }
2754
2755                #rec641488184 .tn-elem[data-elem-id="1695029034919"] .tn-atom {
2756                    font-size: 12px;
2757                }
2758            }</style>
2759        <div class='t396'>
2760            <div class="t396__artboard" data-artboard-recid="641488184" data-artboard-screens="320,640,960,1200"
2761                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
2762                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
2763                 data-artboard-height-res-960="220" data-artboard-upscale-res-960="window"
2764            >
2765                <div class="t396__carrier" data-artboard-recid="641488184"></div>
2766                <div class="t396__filter" data-artboard-recid="641488184"></div>
2767                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414881841690241109137 ' data-elem-id='1690241109137'
2768                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
2769                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
2770                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
2771                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
2772                     data-animate-mobile="y" data-animate-sbs-event="hover"
2773                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
2774                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
2775                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
2776                     data-field-top-res-640-value="0" data-field-left-res-640-value="660"
2777                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
2778                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
2779                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
2780                >
2781                    <div class='tn-atom'></div>
2782                </div>
2783                <div class='t396__elem tn-elem show_1_1 tn-elem__6414881841690239578729 ' data-elem-id='1690239578729'
2784                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
2785                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
2786                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
2787                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
2788                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
2789                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
2790                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
2791                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
2792                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
2793                     data-field-top-res-640-value="0" data-field-left-res-640-value="660"
2794                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
2795                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
2796                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
2797                >
2798                    <div class='tn-atom t-bgimg'
2799                         data-original="/images/v2/tild3634-3532-4838-a563-363562316330__case_1_1_a1.svg"
2800                         style="background-image:url('/images/v2/tild3634-3532-4838-a563-363562316330__case_1_1_a1.svg');"
2801                    ></div>
2802                </div>
2803                <div class='t396__elem tn-elem show_1_1 tn-elem__6414881841690239670103 t396__elem--anim-hidden'
2804                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="0"
2805                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
2806                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
2807                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
2808                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
2809                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
2810                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
2811                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
2812                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
2813                     data-field-top-res-640-value="0" data-field-left-res-640-value="660"
2814                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
2815                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
2816                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
2817                >
2818                    <div class='tn-atom t-bgimg'
2819                         data-original="/images/v2/tild3536-3336-4035-b136-653832623035__case_1_1_a2.svg"
2820                         style="background-image:url('/images/v2/tild3536-3336-4035-b136-653832623035__case_1_1_a2.svg');"
2821                    ></div>
2822                </div>
2823                <div class='t396__elem tn-elem show_1_1 tn-elem__6414881841690239682409 t396__elem--anim-hidden'
2824                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="0"
2825                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
2826                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
2827                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
2828                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
2829                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
2830                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
2831                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
2832                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
2833                     data-field-top-res-640-value="0" data-field-left-res-640-value="660"
2834                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
2835                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
2836                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
2837                >
2838                    <div class='tn-atom t-bgimg'
2839                         data-original="/images/v2/tild3736-3238-4233-b366-616533343937__case_1_1_a3.svg"
2840                         style="background-image:url('/images/v2/tild3736-3238-4233-b366-616533343937__case_1_1_a3.svg');"
2841                    ></div>
2842                </div>
2843                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414881841690238351796 ' data-elem-id='1690238351796'
2844                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
2845                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
2846                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
2847                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
2848                     data-animate-mobile="y" data-animate-sbs-event="hover"
2849                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
2850                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
2851                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
2852                     data-field-top-res-640-value="0" data-field-left-res-640-value="660"
2853                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
2854                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
2855                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
2856                >
2857                    <div class='tn-atom'></div>
2858                </div>
2859                <div class='t396__elem tn-elem tn-elem__6414881841690238538450 ' data-elem-id='1690238538450'
2860                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
2861                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
2862                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
2863                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
2864                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
2865                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':250,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
2866                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
2867                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
2868                     data-field-top-res-640-value="0" data-field-left-res-640-value="660"
2869                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
2870                     data-animate-sbs-opts-res-640="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':250,'mx':0,'my':15,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
2871                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
2872                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
2873                >
2874                    <div class='tn-atom t-bgimg'
2875                         data-original="/images/v2/tild6466-3536-4135-b664-623834653963__case_1_1.png"
2876                         style="background-image:url('/images/v2/tild6466-3536-4135-b664-623834653963__case_1_1.png');"
2877                    ></div>
2878                </div>
2879                <div class='t396__elem tn-elem tn-elem__6414881841690238351801 t-animate' data-elem-id='1690238351801'
2880                     data-elem-type='text' data-field-top-value="22" data-field-left-value="64"
2881                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
2882                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
2883                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
2884                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
2885                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="82"
2886                     data-field-width-res-320-value="198" data-field-top-res-640-value="40"
2887                     data-field-left-res-640-value="825" data-field-width-res-640-value="302"
2888                     data-field-top-res-960-value="20" data-field-left-res-960-value="60"
2889                >
2890                    <div class='tn-atom' field='tn_text_1690238351801'>Cамоучитель английского</div>
2891                </div>
2892                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414881841695029034899 ' data-elem-id='1695029034899'
2893                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
2894                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
2895                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
2896                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
2897                     data-animate-mobile="y" data-animate-sbs-event="hover"
2898                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
2899                     data-field-top-res-320-value="0" data-field-left-res-320-value="408"
2900                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
2901                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
2902                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
2903                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
2904                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
2905                >
2906                    <div class='tn-atom'></div>
2907                </div>
2908                <div class='t396__elem tn-elem show_1_1 tn-elem__6414881841695029034902 ' data-elem-id='1695029034902'
2909                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
2910                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
2911                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
2912                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
2913                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
2914                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
2915                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
2916                     data-field-top-res-320-value="0" data-field-left-res-320-value="408"
2917                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
2918                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
2919                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
2920                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
2921                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
2922                >
2923                    <div class='tn-atom t-bgimg'
2924                         data-original="/images/v2/tild6139-3539-4734-b730-366134303664__case_1_2_a1.svg"
2925                         style="background-image:url('/images/v2/tild6139-3539-4734-b730-366134303664__case_1_2_a1.svg');"
2926                    ></div>
2927                </div>
2928                <div class='t396__elem tn-elem show_1_1 tn-elem__6414881841695029034905 t396__elem--anim-hidden'
2929                     data-elem-id='1695029034905' data-elem-type='shape' data-field-top-value="0"
2930                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
2931                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
2932                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
2933                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
2934                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
2935                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
2936                     data-field-top-res-320-value="0" data-field-left-res-320-value="408"
2937                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
2938                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
2939                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
2940                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
2941                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
2942                >
2943                    <div class='tn-atom t-bgimg'
2944                         data-original="/images/v2/tild6632-3233-4438-b837-346339323238__case_1_2_a2.svg"
2945                         style="background-image:url('/images/v2/tild6632-3233-4438-b837-346339323238__case_1_2_a2.svg');"
2946                    ></div>
2947                </div>
2948                <div class='t396__elem tn-elem show_1_1 tn-elem__6414881841695029034909 t396__elem--anim-hidden'
2949                     data-elem-id='1695029034909' data-elem-type='shape' data-field-top-value="0"
2950                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
2951                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
2952                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
2953                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
2954                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
2955                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
2956                     data-field-top-res-320-value="0" data-field-left-res-320-value="408"
2957                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
2958                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
2959                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
2960                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
2961                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
2962                >
2963                    <div class='tn-atom t-bgimg'
2964                         data-original="/images/v2/tild6664-3734-4765-a531-333430303338__case_1_2_a3.svg"
2965                         style="background-image:url('/images/v2/tild6664-3734-4765-a531-333430303338__case_1_2_a3.svg');"
2966                    ></div>
2967                </div>
2968                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414881841695029034912 ' data-elem-id='1695029034912'
2969                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
2970                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
2971                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
2972                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
2973                     data-animate-mobile="y" data-animate-sbs-event="hover"
2974                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
2975                     data-field-top-res-320-value="0" data-field-left-res-320-value="408"
2976                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
2977                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
2978                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
2979                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
2980                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
2981                >
2982                    <div class='tn-atom'></div>
2983                </div>
2984                <div class='t396__elem tn-elem tn-elem__6414881841695029034916 ' data-elem-id='1695029034916'
2985                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
2986                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
2987                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
2988                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
2989                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1695029034912"
2990                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':250,'mx':'0','my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
2991                     data-field-top-res-320-value="0" data-field-left-res-320-value="408"
2992                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
2993                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
2994                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
2995                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
2996                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
2997                >
2998                    <div class='tn-atom t-bgimg'
2999                         data-original="/images/v2/tild3233-3837-4330-b136-626462316638__case_1_2.png"
3000                         style="background-image:url('/images/v2/tild3233-3837-4330-b136-626462316638__case_1_2.png');"
3001                    ></div>
3002                </div>
3003                <div class='t396__elem tn-elem tn-elem__6414881841695029034919 t-animate' data-elem-id='1695029034919'
3004                     data-elem-type='text' data-field-top-value="22" data-field-left-value="644"
3005                     data-field-width-value="199" data-field-axisy-value="top" data-field-axisx-value="left"
3006                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
3007                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
3008                     data-animate-duration="0.8" data-animate-delay="0.4" data-animate-distance="15"
3009                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="461"
3010                     data-field-width-res-320-value="176" data-field-top-res-640-value="39"
3011                     data-field-left-res-640-value="220" data-field-width-res-640-value="305"
3012                     data-field-top-res-960-value="20" data-field-left-res-960-value="516"
3013                >
3014                    <div class='tn-atom' field='tn_text_1695029034919'>Cамоучитель русского</div>
3015                </div>
3016            </div>
3017        </div>
3018        
3018<script>t_onFuncLoad('t396_initialScale', function () {
3019                t396_initialScale('641488184');
3020            });
3021            t_onReady(function () {
3022                t_onFuncLoad('t396_init', function () {
3023                    t396_init('641488184');
3024                });
3025            });</script>
3025<!-- /T396 --></div>
3026    <!-- <div style="font-size: 28px;" data-customstyle="yes"><p style="text-align: center;"><strong>EDUTAINMENT MOBILE</strong></p></div> -->
3027    <div id="rec644461492" class="r t-rec t-rec_pt_0 t-rec_pb_0 t-screenmax-980px"
3028         style="padding-top:0px;padding-bottom:0px;background-color:#121313; " data-animationappear="off"
3029         data-record-type="734" data-screen-max="980px" data-bg-color="#121313"><!-- t734 -->
3030        <div class="t734">
3031            <div class="t-slds t734__witharrows" style="visibility: hidden;">
3032                <div class="t-container_100 t-slds__main">
3033                    <ul class="t-slds__arrow_container t-slds__nocycle ">
3034                        <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left">
3035                            <button
3036                                type="button"
3037                                class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
3038                                aria-controls="carousel_644461492"
3039                                aria-disabled="false"
3040                                aria-label="Предыдущий слайд"
3041                                style="width: 50px; height: 50px;background-color: rgba(255,255,255,1);">
3042                                <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 11px;">
3043                                    <svg role="presentation" focusable="false" style="display: block"
3044                                         viewBox="0 0 11.3 21" xmlns="http://www.w3.org/2000/svg"
3045                                         xmlns:xlink="http://www.w3.org/1999/xlink">
3046                                        <polyline
3047                                            fill="none"
3048                                            stroke="#222222"
3049                                            stroke-linejoin="butt"
3050                                            stroke-linecap="butt"
3051                                            stroke-width="1"
3052                                            points="0.5,0.5 10.5,10.5 0.5,20.5"
3053                                        />
3054                                    </svg>
3055                                </div>
3056                            </button>
3057                        </li>
3058                        <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right">
3059                            <button
3060                                type="button"
3061                                class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
3062                                aria-controls="carousel_644461492"
3063                                aria-disabled="false"
3064                                aria-label="Следующий слайд"
3065                                style="width: 50px; height: 50px;background-color: rgba(255,255,255,1);">
3066                                <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 11px;">
3067                                    <svg role="presentation" focusable="false" style="display: block"
3068                                         viewBox="0 0 11.3 21" xmlns="http://www.w3.org/2000/svg"
3069                                         xmlns:xlink="http://www.w3.org/1999/xlink">
3070                                        <polyline
3071                                            fill="none"
3072                                            stroke="#222222"
3073                                            stroke-linejoin="butt"
3074                                            stroke-linecap="butt"
3075                                            stroke-width="1"
3076                                            points="0.5,0.5 10.5,10.5 0.5,20.5"
3077                                        />
3078                                    </svg>
3079                                </div>
3080                            </button>
3081                        </li>
3082                    </ul>
3083                    <div class="t-slds__container">
3084                        <div
3085                            class="t-slds__items-wrapper t-slds__nocycle t-slds_animated-fast"
3086                            id="carousel_644461492" data-slider-transition="300" data-slider-with-cycle="false"
3087                            data-slider-correct-height="false" data-auto-correct-mobile-width="false"
3088                            aria-roledescription="carousel"
3089                            aria-live="off"
3090                        >
3091                            <div
3092                                class="t-slds__item t-slds__item_active" data-slide-index="1"
3093                                role="group"
3094                                aria-roledescription="slide"
3095                                aria-hidden="false"
3096                                aria-label="1 из 2"
3097                            >
3098                                <div class="t734__slds-wrapper t-slds__wrapper">
3099                                    <div class="t-cover" id="recorddiv644461492" style="height:320px;">
3100                                        <div class="t-cover__carrier" data-content-cover-id="644461492"
3101                                             id="coverCarry644461492" data-content-cover-height="320px"
3102                                             data-content-cover-bg=""
3103                                             style="background-image: url(''); height:320px;"
3104                                             itemscope itemtype="http://schema.org/ImageObject">
3105                                            <meta itemprop="image" content="">
3106                                        </div>
3107                                        <div class="t-cover__filter"
3108                                             style="height:320px; background-color:#000;opacity: 0.0; "></div>
3109                                    </div>
3110                                    <div class="t734__table">
3111                                        <div class="t-cell t-valign_middle">
3112                                            <div class="t-container">
3113                                                <div class="t-cover__wrapper t-valign_middle">
3114                                                    <div class="t734__wrapper t-width t-width_8 t-margin_auto"
3115                                                         data-hook-content="covercontent">
3116                                                        <div class="t734__textwrapper t-align_center"></div>
3117                                                    </div>
3118                                                </div>
3119                                            </div>
3120                                        </div>
3121                                    </div>
3122                                </div>
3123                            </div>
3124                            <div
3125                                class="t-slds__item" data-slide-index="2"
3126                                role="group"
3127                                aria-roledescription="slide"
3128                                aria-hidden="true"
3129                                aria-label="2 из 2"
3130                            >
3131                                <div class="t734__slds-wrapper t-slds__wrapper">
3132                                    <div class="t-cover" style="height:320px;">
3133                                        <div class="t-cover__carrier" data-content-cover-bg=""
3134                                             style="background-image: url(''); height:320px;"
3135                                             itemscope itemtype="http://schema.org/ImageObject">
3136                                            <meta itemprop="image" content="">
3137                                        </div>
3138                                        <div class="t-cover__filter"
3139                                             style="height:320px; background-color:#000;opacity: 0.0; "></div>
3140                                    </div>
3141                                    <div class="t734__table">
3142                                        <div class="t-cell t-valign_middle">
3143                                            <div class="t-container">
3144                                                <div class="t-cover__wrapper t-valign_middle">
3145                                                    <div class="t734__wrapper t-width t-width_8 t-margin_auto"
3146                                                         data-hook-content="covercontent">
3147                                                        <div class="t734__textwrapper t-align_center"></div>
3148                                                    </div>
3149                                                </div>
3150                                            </div>
3151                                        </div>
3152                                    </div>
3153                                </div>
3154                            </div>
3155                        </div>
3156                    </div>
3157                </div>
3158            </div>
3159        </div>
3160        
3160<script type="text/javascript">t_onReady(function () {
3161                t_onFuncLoad('t734_init', function () {
3162                    try {
3163                        t734_init('644461492');
3164                    } catch (error) {
3165                        console.log(error);
3166                    }
3167                });
3168            });</script>
3168
3169        <style type="text/css">#rec644461492 .t-slds__bullet_active .t-slds__bullet_body {
3170                background-color: #ffffff !important;
3171            }
3172
3173            #rec644461492 .t-slds__bullet:hover .t-slds__bullet_body {
3174                background-color: #ffffff !important;
3175            }
3176
3177            #rec644461492 .t-slds__bullet_body:focus-visible {
3178                background-color: #ffffff !important;
3179            }</style>
3180    </div>
3181    <div id="rec644461167" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off"
3182         data-record-type="396"><!-- T396 -->
3183        <style>#rec644461167 .t396__artboard {
3184                height: 280px;
3185                background-color: #121313;
3186                overflow-x: hidden;
3187                overflow-y: hidden;
3188            }
3189
3190            #rec644461167 .t396__filter {
3191                height: 280px;
3192            }
3193
3194            #rec644461167 .t396__carrier {
3195                height: 280px;
3196                background-position: center center;
3197                background-attachment: scroll;
3198                background-size: cover;
3199                background-repeat: no-repeat;
3200            }
3201
3202            @media  screen and (max-width: 1199px) {
3203                #rec644461167 .t396__artboard {
3204                    height: 220px;
3205                    background-color: #121313;
3206                }
3207
3208                #rec644461167 .t396__filter {
3209                    height: 220px;
3210                }
3211
3212                #rec644461167 .t396__carrier {
3213                    height: 220px;
3214                    background-attachment: scroll;
3215                }
3216            }
3217
3218            @media  screen and (max-width: 959px) {
3219                #rec644461167 .t396__artboard {
3220                    height: 290px;
3221                    background-color: #121313;
3222                }
3223
3224                #rec644461167 .t396__filter {
3225                    height: 290px;
3226                }
3227
3228                #rec644461167 .t396__carrier {
3229                    height: 290px;
3230                    background-attachment: scroll;
3231                }
3232            }
3233
3234            @media  screen and (max-width: 639px) {
3235                #rec644461167 .t396__artboard {
3236                    height: 125px;
3237                    background-color: #121313;
3238                }
3239
3240                #rec644461167 .t396__filter {
3241                    height: 125px;
3242                }
3243
3244                #rec644461167 .t396__carrier {
3245                    height: 125px;
3246                    background-attachment: scroll;
3247                }
3248            }
3249
3250            #rec644461167 .tn-elem[data-elem-id="1695029034899"] {
3251                z-index: 4;
3252                top: 0px;
3253                left: calc(50% - 600px + 620px);
3254                width: 540px;
3255                height: 280px;
3256            }
3257
3258            #rec644461167 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034899"] {
3259                opacity: 0;
3260            }
3261
3262            #rec644461167 .tn-elem[data-elem-id="1695029034899"] .tn-atom {
3263                border-width: 0px;
3264                border-radius: 14px;
3265                background-color: #f4435c;
3266                background-position: center center;
3267                border-color: transparent;
3268                border-style: solid;
3269            }
3270
3271            @media  screen and (max-width: 1199px) {
3272                #rec644461167 .tn-elem[data-elem-id="1695029034899"] {
3273                    top: 0px;
3274                    left: calc(50% - 480px + 496px);
3275                    width: 424px;
3276                    height: 220px;
3277                }
3278            }
3279
3280            @media  screen and (max-width: 959px) {
3281                #rec644461167 .tn-elem[data-elem-id="1695029034899"] {
3282                    top: -1px;
3283                    left: calc(50% - 320px + 40px);
3284                    width: 560px;
3285                    height: 290px;
3286                }
3287            }
3288
3289            @media  screen and (max-width: 639px) {
3290                #rec644461167 .tn-elem[data-elem-id="1695029034899"] {
3291                    top: 0px;
3292                    left: calc(50% - 160px + 40px);
3293                    width: 240px;
3294                    height: 125px;
3295                }
3296            }
3297
3298            #rec644461167 .tn-elem[data-elem-id="1695029034902"] {
3299                z-index: 5;
3300                top: 0px;
3301                left: calc(50% - 600px + 620px);
3302                width: 540px;
3303                height: 280px;
3304                pointer-events: none;
3305            }
3306
3307            #rec644461167 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034902"] {
3308                opacity: 0;
3309            }
3310
3311            #rec644461167 .tn-elem[data-elem-id="1695029034902"] .tn-atom {
3312                border-radius: 13px;
3313                background-position: center top;
3314                background-size: cover;
3315                background-repeat: no-repeat;
3316                border-color: transparent;
3317                border-style: solid;
3318            }
3319
3320            @media  screen and (max-width: 1199px) {
3321                #rec644461167 .tn-elem[data-elem-id="1695029034902"] {
3322                    top: 0px;
3323                    left: calc(50% - 480px + 496px);
3324                    width: 424px;
3325                    height: 220px;
3326                }
3327            }
3328
3329            @media  screen and (max-width: 959px) {
3330                #rec644461167 .tn-elem[data-elem-id="1695029034902"] {
3331                    top: -1px;
3332                    left: calc(50% - 320px + 40px);
3333                    width: 560px;
3334                    height: 290px;
3335                }
3336            }
3337
3338            @media  screen and (max-width: 639px) {
3339                #rec644461167 .tn-elem[data-elem-id="1695029034902"] {
3340                    top: 0px;
3341                    left: calc(50% - 160px + 40px);
3342                    width: 240px;
3343                    height: 125px;
3344                }
3345            }
3346
3347            #rec644461167 .tn-elem[data-elem-id="1695029034905"] {
3348                z-index: 6;
3349                top: 0px;
3350                left: calc(50% - 600px + 620px);
3351                width: 540px;
3352                height: 280px;
3353                pointer-events: none;
3354            }
3355
3356            #rec644461167 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034905"] {
3357                opacity: 0;
3358            }
3359
3360            #rec644461167 .tn-elem[data-elem-id="1695029034905"] .tn-atom {
3361                border-radius: 13px;
3362                background-position: center top;
3363                background-size: cover;
3364                background-repeat: no-repeat;
3365                border-color: transparent;
3366                border-style: solid;
3367            }
3368
3369            @media  screen and (max-width: 1199px) {
3370                #rec644461167 .tn-elem[data-elem-id="1695029034905"] {
3371                    top: 0px;
3372                    left: calc(50% - 480px + 496px);
3373                    width: 424px;
3374                    height: 220px;
3375                }
3376            }
3377
3378            @media  screen and (max-width: 959px) {
3379                #rec644461167 .tn-elem[data-elem-id="1695029034905"] {
3380                    top: -1px;
3381                    left: calc(50% - 320px + 40px);
3382                    width: 560px;
3383                    height: 290px;
3384                }
3385            }
3386
3387            @media  screen and (max-width: 639px) {
3388                #rec644461167 .tn-elem[data-elem-id="1695029034905"] {
3389                    top: 0px;
3390                    left: calc(50% - 160px + 40px);
3391                    width: 240px;
3392                    height: 125px;
3393                }
3394            }
3395
3396            #rec644461167 .tn-elem[data-elem-id="1695029034909"] {
3397                z-index: 7;
3398                top: 0px;
3399                left: calc(50% - 600px + 620px);
3400                width: 540px;
3401                height: 280px;
3402                pointer-events: none;
3403            }
3404
3405            #rec644461167 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034909"] {
3406                opacity: 0;
3407            }
3408
3409            #rec644461167 .tn-elem[data-elem-id="1695029034909"] .tn-atom {
3410                border-radius: 13px;
3411                background-position: center top;
3412                background-size: cover;
3413                background-repeat: no-repeat;
3414                border-color: transparent;
3415                border-style: solid;
3416            }
3417
3418            @media  screen and (max-width: 1199px) {
3419                #rec644461167 .tn-elem[data-elem-id="1695029034909"] {
3420                    top: 0px;
3421                    left: calc(50% - 480px + 496px);
3422                    width: 424px;
3423                    height: 220px;
3424                }
3425            }
3426
3427            @media  screen and (max-width: 959px) {
3428                #rec644461167 .tn-elem[data-elem-id="1695029034909"] {
3429                    top: -1px;
3430                    left: calc(50% - 320px + 40px);
3431                    width: 560px;
3432                    height: 290px;
3433                }
3434            }
3435
3436            @media  screen and (max-width: 639px) {
3437                #rec644461167 .tn-elem[data-elem-id="1695029034909"] {
3438                    top: 0px;
3439                    left: calc(50% - 160px + 40px);
3440                    width: 240px;
3441                    height: 125px;
3442                }
3443            }
3444
3445            #rec644461167 .tn-elem[data-elem-id="1695029034912"] {
3446                z-index: 8;
3447                top: 0px;
3448                left: calc(50% - 600px + 620px);
3449                width: 540px;
3450                height: 280px;
3451            }
3452
3453            #rec644461167 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034912"] {
3454                opacity: 0;
3455            }
3456
3457            #rec644461167 .tn-elem[data-elem-id="1695029034912"] .tn-atom {
3458                border-radius: 13px;
3459                background-color: #1b1e20;
3460                background-position: center center;
3461                border-color: transparent;
3462                border-style: solid;
3463            }
3464
3465            @media  screen and (max-width: 1199px) {
3466                #rec644461167 .tn-elem[data-elem-id="1695029034912"] {
3467                    top: 0px;
3468                    left: calc(50% - 480px + 496px);
3469                    width: 424px;
3470                    height: 220px;
3471                }
3472            }
3473
3474            @media  screen and (max-width: 959px) {
3475                #rec644461167 .tn-elem[data-elem-id="1695029034912"] {
3476                    top: -1px;
3477                    left: calc(50% - 320px + 40px);
3478                    width: 560px;
3479                    height: 290px;
3480                }
3481            }
3482
3483            @media  screen and (max-width: 639px) {
3484                #rec644461167 .tn-elem[data-elem-id="1695029034912"] {
3485                    top: 0px;
3486                    left: calc(50% - 160px + 40px);
3487                    width: 240px;
3488                    height: 125px;
3489                }
3490            }
3491
3492            #rec644461167 .tn-elem[data-elem-id="1695029034916"] {
3493                z-index: 9;
3494                top: 0px;
3495                left: calc(50% - 600px + 620px);
3496                width: 540px;
3497                height: 280px;
3498                pointer-events: none;
3499            }
3500
3501            #rec644461167 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034916"] {
3502                opacity: 0;
3503            }
3504
3505            #rec644461167 .tn-elem[data-elem-id="1695029034916"] .tn-atom {
3506                border-radius: 13px;
3507                background-position: center top;
3508                background-size: cover;
3509                background-repeat: no-repeat;
3510                border-color: transparent;
3511                border-style: solid;
3512            }
3513
3514            @media  screen and (max-width: 1199px) {
3515                #rec644461167 .tn-elem[data-elem-id="1695029034916"] {
3516                    top: 0px;
3517                    left: calc(50% - 480px + 496px);
3518                    width: 424px;
3519                    height: 220px;
3520                }
3521            }
3522
3523            @media  screen and (max-width: 959px) {
3524                #rec644461167 .tn-elem[data-elem-id="1695029034916"] {
3525                    top: -1px;
3526                    left: calc(50% - 320px + 40px);
3527                    width: 560px;
3528                    height: 290px;
3529                }
3530            }
3531
3532            @media  screen and (max-width: 639px) {
3533                #rec644461167 .tn-elem[data-elem-id="1695029034916"] {
3534                    top: 0px;
3535                    left: calc(50% - 160px + 40px);
3536                    width: 240px;
3537                    height: 125px;
3538                }
3539            }
3540
3541            #rec644461167 .tn-elem[data-elem-id="1695029034919"] {
3542                color: #f4f4f4;
3543                text-align: LEFT;
3544                z-index: 10;
3545                top: 22px;
3546                left: calc(50% - 600px + 644px);
3547                width: 199px;
3548                pointer-events: none;
3549            }
3550
3551            #rec644461167 .tn-elem[data-elem-id="1695029034919"] .tn-atom {
3552                color: #f4f4f4;
3553                font-size: 18px;
3554                font-family: 'Manrope', Arial, sans-serif;
3555                line-height: 1.00;
3556                font-weight: 500;
3557                background-position: center center;
3558                border-color: transparent;
3559                border-style: solid;
3560            }
3561
3562            @media  screen and (max-width: 1199px) {
3563                #rec644461167 .tn-elem[data-elem-id="1695029034919"] {
3564                    top: 20px;
3565                    left: calc(50% - 480px + 516px);
3566                }
3567
3568                #rec644461167 .tn-elem[data-elem-id="1695029034919"] .tn-atom {
3569                    font-size: 18px;
3570                }
3571            }
3572
3573            @media  screen and (max-width: 959px) {
3574                #rec644461167 .tn-elem[data-elem-id="1695029034919"] {
3575                    top: 39px;
3576                    left: calc(50% - 320px + 220px);
3577                    width: 305px;
3578                }
3579
3580                #rec644461167 .tn-elem[data-elem-id="1695029034919"] .tn-atom {
3581                    font-size: 18px;
3582                }
3583            }
3584
3585            @media  screen and (max-width: 639px) {
3586                #rec644461167 .tn-elem[data-elem-id="1695029034919"] {
3587                    top: 10px;
3588                    left: calc(50% - 160px + 93px);
3589                    width: 176px;
3590                }
3591
3592                #rec644461167 .tn-elem[data-elem-id="1695029034919"] .tn-atom {
3593                    font-size: 12px;
3594                }
3595            }</style>
3596        <div class='t396'>
3597            <div class="t396__artboard" data-artboard-recid="644461167" data-artboard-screens="320,640,960,1200"
3598                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
3599                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
3600                 data-artboard-height-res-960="220" data-artboard-upscale-res-960="window"
3601            >
3602                <div class="t396__carrier" data-artboard-recid="644461167"></div>
3603                <div class="t396__filter" data-artboard-recid="644461167"></div>
3604                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444611671695029034899 ' data-elem-id='1695029034899'
3605                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
3606                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
3607                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
3608                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
3609                     data-animate-mobile="y" data-animate-sbs-event="hover"
3610                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
3611                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
3612                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
3613                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
3614                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
3615                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
3616                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
3617                >
3618                    <div class='tn-atom'></div>
3619                </div>
3620                <div class='t396__elem tn-elem show_1_1 tn-elem__6444611671695029034902 ' data-elem-id='1695029034902'
3621                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
3622                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
3623                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
3624                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
3625                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
3626                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
3627                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
3628                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
3629                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
3630                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
3631                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
3632                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
3633                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
3634                >
3635                    <div class='tn-atom t-bgimg'
3636                         data-original="/images/v2/tild6139-3539-4734-b730-366134303664__case_1_2_a1.svg"
3637                         style="background-image:url('/images/v2/tild6139-3539-4734-b730-366134303664__case_1_2_a1.svg');"
3638                    ></div>
3639                </div>
3640                <div class='t396__elem tn-elem show_1_1 tn-elem__6444611671695029034905 t396__elem--anim-hidden'
3641                     data-elem-id='1695029034905' data-elem-type='shape' data-field-top-value="0"
3642                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
3643                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
3644                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
3645                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
3646                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
3647                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
3648                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
3649                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
3650                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
3651                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
3652                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
3653                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
3654                >
3655                    <div class='tn-atom t-bgimg'
3656                         data-original="/images/v2/tild6632-3233-4438-b837-346339323238__case_1_2_a2.svg"
3657                         style="background-image:url('/images/v2/tild6632-3233-4438-b837-346339323238__case_1_2_a2.svg');"
3658                    ></div>
3659                </div>
3660                <div class='t396__elem tn-elem show_1_1 tn-elem__6444611671695029034909 t396__elem--anim-hidden'
3661                     data-elem-id='1695029034909' data-elem-type='shape' data-field-top-value="0"
3662                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
3663                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
3664                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
3665                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
3666                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
3667                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
3668                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
3669                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
3670                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
3671                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
3672                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
3673                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
3674                >
3675                    <div class='tn-atom t-bgimg'
3676                         data-original="/images/v2/tild6664-3734-4765-a531-333430303338__case_1_2_a3.svg"
3677                         style="background-image:url('/images/v2/tild6664-3734-4765-a531-333430303338__case_1_2_a3.svg');"
3678                    ></div>
3679                </div>
3680                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444611671695029034912 ' data-elem-id='1695029034912'
3681                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
3682                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
3683                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
3684                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
3685                     data-animate-mobile="y" data-animate-sbs-event="hover"
3686                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
3687                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
3688                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
3689                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
3690                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
3691                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
3692                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
3693                >
3694                    <div class='tn-atom'></div>
3695                </div>
3696                <div class='t396__elem tn-elem tn-elem__6444611671695029034916 ' data-elem-id='1695029034916'
3697                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
3698                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
3699                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
3700                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
3701                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1695029034912"
3702                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':250,'mx':'0','my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
3703                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
3704                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
3705                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
3706                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
3707                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
3708                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
3709                >
3710                    <div class='tn-atom t-bgimg'
3711                         data-original="/images/v2/tild3233-3837-4330-b136-626462316638__case_1_2.png"
3712                         style="background-image:url('/images/v2/tild3233-3837-4330-b136-626462316638__case_1_2.png');"
3713                    ></div>
3714                </div>
3715                <div class='t396__elem tn-elem tn-elem__6444611671695029034919 t-animate' data-elem-id='1695029034919'
3716                     data-elem-type='text' data-field-top-value="22" data-field-left-value="644"
3717                     data-field-width-value="199" data-field-axisy-value="top" data-field-axisx-value="left"
3718                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
3719                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
3720                     data-animate-duration="0.8" data-animate-delay="0.4" data-animate-distance="15"
3721                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="93"
3722                     data-field-width-res-320-value="176" data-field-top-res-640-value="39"
3723                     data-field-left-res-640-value="220" data-field-width-res-640-value="305"
3724                     data-field-top-res-960-value="20" data-field-left-res-960-value="516"
3725                >
3726                    <div class='tn-atom' field='tn_text_1695029034919'>Cамоучитель русского</div>
3727                </div>
3728            </div>
3729        </div>
3730        
3730<script>t_onFuncLoad('t396_initialScale', function () {
3731                t396_initialScale('644461167');
3732            });
3733            t_onReady(function () {
3734                t_onFuncLoad('t396_init', function () {
3735                    t396_init('644461167');
3736                });
3737            });</script>
3737<!-- /T396 --></div>
3738    <div id="rec644461149" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off"
3739         data-record-type="396"><!-- T396 -->
3740        <style>#rec644461149 .t396__artboard {
3741                height: 280px;
3742                background-color: #121313;
3743                overflow-x: hidden;
3744                overflow-y: hidden;
3745            }
3746
3747            #rec644461149 .t396__filter {
3748                height: 280px;
3749            }
3750
3751            #rec644461149 .t396__carrier {
3752                height: 280px;
3753                background-position: center center;
3754                background-attachment: scroll;
3755                background-size: cover;
3756                background-repeat: no-repeat;
3757            }
3758
3759            @media  screen and (max-width: 1199px) {
3760                #rec644461149 .t396__artboard {
3761                    height: 220px;
3762                    background-color: #121313;
3763                }
3764
3765                #rec644461149 .t396__filter {
3766                    height: 220px;
3767                }
3768
3769                #rec644461149 .t396__carrier {
3770                    height: 220px;
3771                    background-attachment: scroll;
3772                }
3773            }
3774
3775            @media  screen and (max-width: 959px) {
3776                #rec644461149 .t396__artboard {
3777                    height: 290px;
3778                    background-color: #121313;
3779                }
3780
3781                #rec644461149 .t396__filter {
3782                    height: 290px;
3783                }
3784
3785                #rec644461149 .t396__carrier {
3786                    height: 290px;
3787                    background-attachment: scroll;
3788                }
3789            }
3790
3791            @media  screen and (max-width: 639px) {
3792                #rec644461149 .t396__artboard {
3793                    height: 125px;
3794                    background-color: #121313;
3795                }
3796
3797                #rec644461149 .t396__filter {
3798                    height: 125px;
3799                }
3800
3801                #rec644461149 .t396__carrier {
3802                    height: 125px;
3803                    background-attachment: scroll;
3804                }
3805            }
3806
3807            #rec644461149 .tn-elem[data-elem-id="1690241109137"] {
3808                z-index: 3;
3809                top: 0px;
3810                left: calc(50% - 600px + 40px);
3811                width: 540px;
3812                height: 280px;
3813            }
3814
3815            #rec644461149 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
3816                opacity: 0;
3817            }
3818
3819            #rec644461149 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
3820                border-width: 0px;
3821                border-radius: 14px;
3822                background-color: #755ffc;
3823                background-position: center center;
3824                border-color: transparent;
3825                border-style: solid;
3826            }
3827
3828            @media  screen and (max-width: 1199px) {
3829                #rec644461149 .tn-elem[data-elem-id="1690241109137"] {
3830                    top: 0px;
3831                    left: calc(50% - 480px + 40px);
3832                    width: 424px;
3833                    height: 220px;
3834                }
3835            }
3836
3837            @media  screen and (max-width: 959px) {
3838                #rec644461149 .tn-elem[data-elem-id="1690241109137"] {
3839                    top: 0px;
3840                    left: calc(50% - 320px + 40px);
3841                    width: 560px;
3842                    height: 290px;
3843                }
3844            }
3845
3846            @media  screen and (max-width: 639px) {
3847                #rec644461149 .tn-elem[data-elem-id="1690241109137"] {
3848                    top: 0px;
3849                    left: calc(50% - 160px + 40px);
3850                    width: 240px;
3851                    height: 125px;
3852                }
3853            }
3854
3855            #rec644461149 .tn-elem[data-elem-id="1690239578729"] {
3856                z-index: 4;
3857                top: 0px;
3858                left: calc(50% - 600px + 40px);
3859                width: 540px;
3860                height: 280px;
3861                pointer-events: none;
3862            }
3863
3864            #rec644461149 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
3865                opacity: 0;
3866            }
3867
3868            #rec644461149 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
3869                border-radius: 13px;
3870                background-position: center top;
3871                background-size: cover;
3872                background-repeat: no-repeat;
3873                border-color: transparent;
3874                border-style: solid;
3875            }
3876
3877            @media  screen and (max-width: 1199px) {
3878                #rec644461149 .tn-elem[data-elem-id="1690239578729"] {
3879                    top: 0px;
3880                    left: calc(50% - 480px + 40px);
3881                    width: 424px;
3882                    height: 220px;
3883                }
3884            }
3885
3886            @media  screen and (max-width: 959px) {
3887                #rec644461149 .tn-elem[data-elem-id="1690239578729"] {
3888                    top: 0px;
3889                    left: calc(50% - 320px + 40px);
3890                    width: 560px;
3891                    height: 290px;
3892                }
3893            }
3894
3895            @media  screen and (max-width: 639px) {
3896                #rec644461149 .tn-elem[data-elem-id="1690239578729"] {
3897                    top: 0px;
3898                    left: calc(50% - 160px + 40px);
3899                    width: 240px;
3900                    height: 125px;
3901                }
3902            }
3903
3904            #rec644461149 .tn-elem[data-elem-id="1690239670103"] {
3905                z-index: 5;
3906                top: 0px;
3907                left: calc(50% - 600px + 40px);
3908                width: 540px;
3909                height: 280px;
3910                pointer-events: none;
3911            }
3912
3913            #rec644461149 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
3914                opacity: 0;
3915            }
3916
3917            #rec644461149 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
3918                border-radius: 13px;
3919                background-position: center top;
3920                background-size: cover;
3921                background-repeat: no-repeat;
3922                border-color: transparent;
3923                border-style: solid;
3924            }
3925
3926            @media  screen and (max-width: 1199px) {
3927                #rec644461149 .tn-elem[data-elem-id="1690239670103"] {
3928                    top: 0px;
3929                    left: calc(50% - 480px + 40px);
3930                    width: 424px;
3931                    height: 220px;
3932                }
3933            }
3934
3935            @media  screen and (max-width: 959px) {
3936                #rec644461149 .tn-elem[data-elem-id="1690239670103"] {
3937                    top: 0px;
3938                    left: calc(50% - 320px + 40px);
3939                    width: 560px;
3940                    height: 290px;
3941                }
3942            }
3943
3944            @media  screen and (max-width: 639px) {
3945                #rec644461149 .tn-elem[data-elem-id="1690239670103"] {
3946                    top: 0px;
3947                    left: calc(50% - 160px + 40px);
3948                    width: 240px;
3949                    height: 125px;
3950                }
3951            }
3952
3953            #rec644461149 .tn-elem[data-elem-id="1690239682409"] {
3954                z-index: 6;
3955                top: 0px;
3956                left: calc(50% - 600px + 40px);
3957                width: 540px;
3958                height: 280px;
3959                pointer-events: none;
3960            }
3961
3962            #rec644461149 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
3963                opacity: 0;
3964            }
3965
3966            #rec644461149 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
3967                border-radius: 13px;
3968                background-position: center top;
3969                background-size: cover;
3970                background-repeat: no-repeat;
3971                border-color: transparent;
3972                border-style: solid;
3973            }
3974
3975            @media  screen and (max-width: 1199px) {
3976                #rec644461149 .tn-elem[data-elem-id="1690239682409"] {
3977                    top: 0px;
3978                    left: calc(50% - 480px + 40px);
3979                    width: 424px;
3980                    height: 220px;
3981                }
3982            }
3983
3984            @media  screen and (max-width: 959px) {
3985                #rec644461149 .tn-elem[data-elem-id="1690239682409"] {
3986                    top: 0px;
3987                    left: calc(50% - 320px + 40px);
3988                    width: 560px;
3989                    height: 290px;
3990                }
3991            }
3992
3993            @media  screen and (max-width: 639px) {
3994                #rec644461149 .tn-elem[data-elem-id="1690239682409"] {
3995                    top: 0px;
3996                    left: calc(50% - 160px + 40px);
3997                    width: 240px;
3998                    height: 125px;
3999                }
4000            }
4001
4002            #rec644461149 .tn-elem[data-elem-id="1690238351796"] {
4003                z-index: 7;
4004                top: 0px;
4005                left: calc(50% - 600px + 40px);
4006                width: 540px;
4007                height: 280px;
4008            }
4009
4010            #rec644461149 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
4011                opacity: 0;
4012            }
4013
4014            #rec644461149 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
4015                border-radius: 13px;
4016                background-color: #1b1e20;
4017                background-position: center center;
4018                border-color: transparent;
4019                border-style: solid;
4020            }
4021
4022            @media  screen and (max-width: 1199px) {
4023                #rec644461149 .tn-elem[data-elem-id="1690238351796"] {
4024                    top: 0px;
4025                    left: calc(50% - 480px + 40px);
4026                    width: 424px;
4027                    height: 220px;
4028                }
4029            }
4030
4031            @media  screen and (max-width: 959px) {
4032                #rec644461149 .tn-elem[data-elem-id="1690238351796"] {
4033                    top: 0px;
4034                    left: calc(50% - 320px + 40px);
4035                    width: 560px;
4036                    height: 290px;
4037                }
4038            }
4039
4040            @media  screen and (max-width: 639px) {
4041                #rec644461149 .tn-elem[data-elem-id="1690238351796"] {
4042                    top: 0px;
4043                    left: calc(50% - 160px + 40px);
4044                    width: 240px;
4045                    height: 125px;
4046                }
4047            }
4048
4049            #rec644461149 .tn-elem[data-elem-id="1690238538450"] {
4050                z-index: 8;
4051                top: 0px;
4052                left: calc(50% - 600px + 40px);
4053                width: 540px;
4054                height: 280px;
4055                pointer-events: none;
4056            }
4057
4058            #rec644461149 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
4059                opacity: 0;
4060            }
4061
4062            #rec644461149 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
4063                border-radius: 13px;
4064                background-position: center top;
4065                background-size: cover;
4066                background-repeat: no-repeat;
4067                border-color: transparent;
4068                border-style: solid;
4069            }
4070
4071            @media  screen and (max-width: 1199px) {
4072                #rec644461149 .tn-elem[data-elem-id="1690238538450"] {
4073                    top: 0px;
4074                    left: calc(50% - 480px + 40px);
4075                    width: 424px;
4076                    height: 220px;
4077                }
4078            }
4079
4080            @media  screen and (max-width: 959px) {
4081                #rec644461149 .tn-elem[data-elem-id="1690238538450"] {
4082                    top: 0px;
4083                    left: calc(50% - 320px + 40px);
4084                    width: 560px;
4085                    height: 290px;
4086                }
4087            }
4088
4089            @media  screen and (max-width: 639px) {
4090                #rec644461149 .tn-elem[data-elem-id="1690238538450"] {
4091                    top: 0px;
4092                    left: calc(50% - 160px + 40px);
4093                    width: 240px;
4094                    height: 125px;
4095                }
4096            }
4097
4098            #rec644461149 .tn-elem[data-elem-id="1690238351801"] {
4099                color: #f4f4f4;
4100                text-align: LEFT;
4101                z-index: 9;
4102                top: 22px;
4103                left: calc(50% - 600px + 64px);
4104                width: 230px;
4105                pointer-events: none;
4106            }
4107
4108            #rec644461149 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
4109                color: #f4f4f4;
4110                font-size: 18px;
4111                font-family: 'Manrope', Arial, sans-serif;
4112                line-height: 1.00;
4113                font-weight: 500;
4114                background-position: center center;
4115                border-color: transparent;
4116                border-style: solid;
4117            }
4118
4119            @media  screen and (max-width: 1199px) {
4120                #rec644461149 .tn-elem[data-elem-id="1690238351801"] {
4121                    top: 20px;
4122                    left: calc(50% - 480px + 60px);
4123                }
4124
4125                #rec644461149 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
4126                    font-size: 18px;
4127                }
4128            }
4129
4130            @media  screen and (max-width: 959px) {
4131                #rec644461149 .tn-elem[data-elem-id="1690238351801"] {
4132                    top: 40px;
4133                    left: calc(50% - 320px + 205px);
4134                    width: 302px;
4135                }
4136
4137                #rec644461149 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
4138                    font-size: 18px;
4139                }
4140            }
4141
4142            @media  screen and (max-width: 639px) {
4143                #rec644461149 .tn-elem[data-elem-id="1690238351801"] {
4144                    top: 10px;
4145                    left: calc(50% - 160px + 82px);
4146                    width: 198px;
4147                }
4148
4149                #rec644461149 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
4150                    font-size: 12px;
4151                }
4152            }</style>
4153        <div class='t396'>
4154            <div class="t396__artboard" data-artboard-recid="644461149" data-artboard-screens="320,640,960,1200"
4155                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
4156                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
4157                 data-artboard-height-res-960="220" data-artboard-upscale-res-960="window"
4158            >
4159                <div class="t396__carrier" data-artboard-recid="644461149"></div>
4160                <div class="t396__filter" data-artboard-recid="644461149"></div>
4161                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444611491690241109137 ' data-elem-id='1690241109137'
4162                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
4163                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
4164                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
4165                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
4166                     data-animate-mobile="y" data-animate-sbs-event="hover"
4167                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
4168                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
4169                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
4170                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
4171                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
4172                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
4173                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
4174                >
4175                    <div class='tn-atom'></div>
4176                </div>
4177                <div class='t396__elem tn-elem show_1_1 tn-elem__6444611491690239578729 ' data-elem-id='1690239578729'
4178                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
4179                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
4180                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
4181                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
4182                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
4183                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
4184                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
4185                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
4186                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
4187                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
4188                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
4189                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
4190                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
4191                >
4192                    <div class='tn-atom t-bgimg'
4193                         data-original="/images/v2/tild3634-3532-4838-a563-363562316330__case_1_1_a1.svg"
4194                         style="background-image:url('/images/v2/tild3634-3532-4838-a563-363562316330__case_1_1_a1.svg');"
4195                    ></div>
4196                </div>
4197                <div class='t396__elem tn-elem show_1_1 tn-elem__6444611491690239670103 t396__elem--anim-hidden'
4198                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="0"
4199                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
4200                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
4201                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
4202                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
4203                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
4204                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
4205                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
4206                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
4207                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
4208                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
4209                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
4210                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
4211                >
4212                    <div class='tn-atom t-bgimg'
4213                         data-original="/images/v2/tild3536-3336-4035-b136-653832623035__case_1_1_a2.svg"
4214                         style="background-image:url('/images/v2/tild3536-3336-4035-b136-653832623035__case_1_1_a2.svg');"
4215                    ></div>
4216                </div>
4217                <div class='t396__elem tn-elem show_1_1 tn-elem__6444611491690239682409 t396__elem--anim-hidden'
4218                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="0"
4219                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
4220                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
4221                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
4222                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
4223                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
4224                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
4225                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
4226                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
4227                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
4228                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
4229                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
4230                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
4231                >
4232                    <div class='tn-atom t-bgimg'
4233                         data-original="/images/v2/tild3736-3238-4233-b366-616533343937__case_1_1_a3.svg"
4234                         style="background-image:url('/images/v2/tild3736-3238-4233-b366-616533343937__case_1_1_a3.svg');"
4235                    ></div>
4236                </div>
4237                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444611491690238351796 ' data-elem-id='1690238351796'
4238                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
4239                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
4240                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
4241                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
4242                     data-animate-mobile="y" data-animate-sbs-event="hover"
4243                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
4244                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
4245                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
4246                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
4247                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
4248                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
4249                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
4250                >
4251                    <div class='tn-atom'></div>
4252                </div>
4253                <div class='t396__elem tn-elem tn-elem__6444611491690238538450 ' data-elem-id='1690238538450'
4254                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
4255                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
4256                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
4257                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
4258                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
4259                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':250,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
4260                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
4261                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
4262                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
4263                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
4264                     data-animate-sbs-opts-res-640="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':250,'mx':0,'my':15,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
4265                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
4266                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
4267                >
4268                    <div class='tn-atom t-bgimg'
4269                         data-original="/images/v2/tild6466-3536-4135-b664-623834653963__case_1_1.png"
4270                         style="background-image:url('/images/v2/tild6466-3536-4135-b664-623834653963__case_1_1.png');"
4271                    ></div>
4272                </div>
4273                <div class='t396__elem tn-elem tn-elem__6444611491690238351801 t-animate' data-elem-id='1690238351801'
4274                     data-elem-type='text' data-field-top-value="22" data-field-left-value="64"
4275                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
4276                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
4277                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
4278                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
4279                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="82"
4280                     data-field-width-res-320-value="198" data-field-top-res-640-value="40"
4281                     data-field-left-res-640-value="205" data-field-width-res-640-value="302"
4282                     data-field-top-res-960-value="20" data-field-left-res-960-value="60"
4283                >
4284                    <div class='tn-atom' field='tn_text_1690238351801'>Cамоучитель английского</div>
4285                </div>
4286            </div>
4287        </div>
4288        
4288<script>t_onFuncLoad('t396_initialScale', function () {
4289                t396_initialScale('644461149');
4290            });
4291            t_onReady(function () {
4292                t_onFuncLoad('t396_init', function () {
4293                    t396_init('644461149');
4294                });
4295            });</script>
4295<!-- /T396 --></div>
4296    <div id="rec644461404" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off"
4297         data-record-type="396"><!-- T396 -->
4298        <style>#rec644461404 .t396__artboard {
4299                height: 280px;
4300                background-color: #121313;
4301                overflow-x: hidden;
4302                overflow-y: hidden;
4303            }
4304
4305            #rec644461404 .t396__filter {
4306                height: 280px;
4307            }
4308
4309            #rec644461404 .t396__carrier {
4310                height: 280px;
4311                background-position: center center;
4312                background-attachment: scroll;
4313                background-size: cover;
4314                background-repeat: no-repeat;
4315            }
4316
4317            @media  screen and (max-width: 1199px) {
4318                #rec644461404 .t396__artboard {
4319                    height: 220px;
4320                    background-color: #121313;
4321                }
4322
4323                #rec644461404 .t396__filter {
4324                    height: 220px;
4325                }
4326
4327                #rec644461404 .t396__carrier {
4328                    height: 220px;
4329                    background-attachment: scroll;
4330                }
4331            }
4332
4333            @media  screen and (max-width: 959px) {
4334                #rec644461404 .t396__artboard {
4335                    height: 290px;
4336                    background-color: #121313;
4337                }
4338
4339                #rec644461404 .t396__filter {
4340                    height: 290px;
4341                }
4342
4343                #rec644461404 .t396__carrier {
4344                    height: 290px;
4345                    background-attachment: scroll;
4346                }
4347            }
4348
4349            @media  screen and (max-width: 639px) {
4350                #rec644461404 .t396__artboard {
4351                    height: 125px;
4352                    background-color: #121313;
4353                }
4354
4355                #rec644461404 .t396__filter {
4356                    height: 125px;
4357                }
4358
4359                #rec644461404 .t396__carrier {
4360                    height: 125px;
4361                    background-attachment: scroll;
4362                }
4363            }
4364
4365            #rec644461404 .tn-elem[data-elem-id="1695029034899"] {
4366                z-index: 4;
4367                top: 0px;
4368                left: calc(50% - 600px + 620px);
4369                width: 540px;
4370                height: 280px;
4371            }
4372
4373            #rec644461404 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034899"] {
4374                opacity: 0;
4375            }
4376
4377            #rec644461404 .tn-elem[data-elem-id="1695029034899"] .tn-atom {
4378                border-width: 0px;
4379                border-radius: 14px;
4380                background-color: #f4435c;
4381                background-position: center center;
4382                border-color: transparent;
4383                border-style: solid;
4384            }
4385
4386            @media  screen and (max-width: 1199px) {
4387                #rec644461404 .tn-elem[data-elem-id="1695029034899"] {
4388                    top: 0px;
4389                    left: calc(50% - 480px + 496px);
4390                    width: 424px;
4391                    height: 220px;
4392                }
4393            }
4394
4395            @media  screen and (max-width: 959px) {
4396                #rec644461404 .tn-elem[data-elem-id="1695029034899"] {
4397                    top: -1px;
4398                    left: calc(50% - 320px + 40px);
4399                    width: 560px;
4400                    height: 290px;
4401                }
4402            }
4403
4404            @media  screen and (max-width: 639px) {
4405                #rec644461404 .tn-elem[data-elem-id="1695029034899"] {
4406                    top: 0px;
4407                    left: calc(50% - 160px + 40px);
4408                    width: 240px;
4409                    height: 125px;
4410                }
4411            }
4412
4413            #rec644461404 .tn-elem[data-elem-id="1695029034902"] {
4414                z-index: 5;
4415                top: 0px;
4416                left: calc(50% - 600px + 620px);
4417                width: 540px;
4418                height: 280px;
4419                pointer-events: none;
4420            }
4421
4422            #rec644461404 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034902"] {
4423                opacity: 0;
4424            }
4425
4426            #rec644461404 .tn-elem[data-elem-id="1695029034902"] .tn-atom {
4427                border-radius: 13px;
4428                background-position: center top;
4429                background-size: cover;
4430                background-repeat: no-repeat;
4431                border-color: transparent;
4432                border-style: solid;
4433            }
4434
4435            @media  screen and (max-width: 1199px) {
4436                #rec644461404 .tn-elem[data-elem-id="1695029034902"] {
4437                    top: 0px;
4438                    left: calc(50% - 480px + 496px);
4439                    width: 424px;
4440                    height: 220px;
4441                }
4442            }
4443
4444            @media  screen and (max-width: 959px) {
4445                #rec644461404 .tn-elem[data-elem-id="1695029034902"] {
4446                    top: -1px;
4447                    left: calc(50% - 320px + 40px);
4448                    width: 560px;
4449                    height: 290px;
4450                }
4451            }
4452
4453            @media  screen and (max-width: 639px) {
4454                #rec644461404 .tn-elem[data-elem-id="1695029034902"] {
4455                    top: 0px;
4456                    left: calc(50% - 160px + 40px);
4457                    width: 240px;
4458                    height: 125px;
4459                }
4460            }
4461
4462            #rec644461404 .tn-elem[data-elem-id="1695029034905"] {
4463                z-index: 6;
4464                top: 0px;
4465                left: calc(50% - 600px + 620px);
4466                width: 540px;
4467                height: 280px;
4468                pointer-events: none;
4469            }
4470
4471            #rec644461404 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034905"] {
4472                opacity: 0;
4473            }
4474
4475            #rec644461404 .tn-elem[data-elem-id="1695029034905"] .tn-atom {
4476                border-radius: 13px;
4477                background-position: center top;
4478                background-size: cover;
4479                background-repeat: no-repeat;
4480                border-color: transparent;
4481                border-style: solid;
4482            }
4483
4484            @media  screen and (max-width: 1199px) {
4485                #rec644461404 .tn-elem[data-elem-id="1695029034905"] {
4486                    top: 0px;
4487                    left: calc(50% - 480px + 496px);
4488                    width: 424px;
4489                    height: 220px;
4490                }
4491            }
4492
4493            @media  screen and (max-width: 959px) {
4494                #rec644461404 .tn-elem[data-elem-id="1695029034905"] {
4495                    top: -1px;
4496                    left: calc(50% - 320px + 40px);
4497                    width: 560px;
4498                    height: 290px;
4499                }
4500            }
4501
4502            @media  screen and (max-width: 639px) {
4503                #rec644461404 .tn-elem[data-elem-id="1695029034905"] {
4504                    top: 0px;
4505                    left: calc(50% - 160px + 40px);
4506                    width: 240px;
4507                    height: 125px;
4508                }
4509            }
4510
4511            #rec644461404 .tn-elem[data-elem-id="1695029034909"] {
4512                z-index: 7;
4513                top: 0px;
4514                left: calc(50% - 600px + 620px);
4515                width: 540px;
4516                height: 280px;
4517                pointer-events: none;
4518            }
4519
4520            #rec644461404 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034909"] {
4521                opacity: 0;
4522            }
4523
4524            #rec644461404 .tn-elem[data-elem-id="1695029034909"] .tn-atom {
4525                border-radius: 13px;
4526                background-position: center top;
4527                background-size: cover;
4528                background-repeat: no-repeat;
4529                border-color: transparent;
4530                border-style: solid;
4531            }
4532
4533            @media  screen and (max-width: 1199px) {
4534                #rec644461404 .tn-elem[data-elem-id="1695029034909"] {
4535                    top: 0px;
4536                    left: calc(50% - 480px + 496px);
4537                    width: 424px;
4538                    height: 220px;
4539                }
4540            }
4541
4542            @media  screen and (max-width: 959px) {
4543                #rec644461404 .tn-elem[data-elem-id="1695029034909"] {
4544                    top: -1px;
4545                    left: calc(50% - 320px + 40px);
4546                    width: 560px;
4547                    height: 290px;
4548                }
4549            }
4550
4551            @media  screen and (max-width: 639px) {
4552                #rec644461404 .tn-elem[data-elem-id="1695029034909"] {
4553                    top: 0px;
4554                    left: calc(50% - 160px + 40px);
4555                    width: 240px;
4556                    height: 125px;
4557                }
4558            }
4559
4560            #rec644461404 .tn-elem[data-elem-id="1695029034912"] {
4561                z-index: 8;
4562                top: 0px;
4563                left: calc(50% - 600px + 620px);
4564                width: 540px;
4565                height: 280px;
4566            }
4567
4568            #rec644461404 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034912"] {
4569                opacity: 0;
4570            }
4571
4572            #rec644461404 .tn-elem[data-elem-id="1695029034912"] .tn-atom {
4573                border-radius: 13px;
4574                background-color: #1b1e20;
4575                background-position: center center;
4576                border-color: transparent;
4577                border-style: solid;
4578            }
4579
4580            @media  screen and (max-width: 1199px) {
4581                #rec644461404 .tn-elem[data-elem-id="1695029034912"] {
4582                    top: 0px;
4583                    left: calc(50% - 480px + 496px);
4584                    width: 424px;
4585                    height: 220px;
4586                }
4587            }
4588
4589            @media  screen and (max-width: 959px) {
4590                #rec644461404 .tn-elem[data-elem-id="1695029034912"] {
4591                    top: -1px;
4592                    left: calc(50% - 320px + 40px);
4593                    width: 560px;
4594                    height: 290px;
4595                }
4596            }
4597
4598            @media  screen and (max-width: 639px) {
4599                #rec644461404 .tn-elem[data-elem-id="1695029034912"] {
4600                    top: 0px;
4601                    left: calc(50% - 160px + 40px);
4602                    width: 240px;
4603                    height: 125px;
4604                }
4605            }
4606
4607            #rec644461404 .tn-elem[data-elem-id="1695029034916"] {
4608                z-index: 9;
4609                top: 0px;
4610                left: calc(50% - 600px + 620px);
4611                width: 540px;
4612                height: 280px;
4613                pointer-events: none;
4614            }
4615
4616            #rec644461404 .tn-elem.t396__elem--anim-hidden[data-elem-id="1695029034916"] {
4617                opacity: 0;
4618            }
4619
4620            #rec644461404 .tn-elem[data-elem-id="1695029034916"] .tn-atom {
4621                border-radius: 13px;
4622                background-position: center top;
4623                background-size: cover;
4624                background-repeat: no-repeat;
4625                border-color: transparent;
4626                border-style: solid;
4627            }
4628
4629            @media  screen and (max-width: 1199px) {
4630                #rec644461404 .tn-elem[data-elem-id="1695029034916"] {
4631                    top: 0px;
4632                    left: calc(50% - 480px + 496px);
4633                    width: 424px;
4634                    height: 220px;
4635                }
4636            }
4637
4638            @media  screen and (max-width: 959px) {
4639                #rec644461404 .tn-elem[data-elem-id="1695029034916"] {
4640                    top: -1px;
4641                    left: calc(50% - 320px + 40px);
4642                    width: 560px;
4643                    height: 290px;
4644                }
4645            }
4646
4647            @media  screen and (max-width: 639px) {
4648                #rec644461404 .tn-elem[data-elem-id="1695029034916"] {
4649                    top: 0px;
4650                    left: calc(50% - 160px + 40px);
4651                    width: 240px;
4652                    height: 125px;
4653                }
4654            }
4655
4656            #rec644461404 .tn-elem[data-elem-id="1695029034919"] {
4657                color: #f4f4f4;
4658                text-align: LEFT;
4659                z-index: 10;
4660                top: 22px;
4661                left: calc(50% - 600px + 644px);
4662                width: 199px;
4663                pointer-events: none;
4664            }
4665
4666            #rec644461404 .tn-elem[data-elem-id="1695029034919"] .tn-atom {
4667                color: #f4f4f4;
4668                font-size: 18px;
4669                font-family: 'Manrope', Arial, sans-serif;
4670                line-height: 1.00;
4671                font-weight: 500;
4672                background-position: center center;
4673                border-color: transparent;
4674                border-style: solid;
4675            }
4676
4677            @media  screen and (max-width: 1199px) {
4678                #rec644461404 .tn-elem[data-elem-id="1695029034919"] {
4679                    top: 20px;
4680                    left: calc(50% - 480px + 516px);
4681                }
4682
4683                #rec644461404 .tn-elem[data-elem-id="1695029034919"] .tn-atom {
4684                    font-size: 18px;
4685                }
4686            }
4687
4688            @media  screen and (max-width: 959px) {
4689                #rec644461404 .tn-elem[data-elem-id="1695029034919"] {
4690                    top: 39px;
4691                    left: calc(50% - 320px + 220px);
4692                    width: 305px;
4693                }
4694
4695                #rec644461404 .tn-elem[data-elem-id="1695029034919"] .tn-atom {
4696                    font-size: 18px;
4697                }
4698            }
4699
4700            @media  screen and (max-width: 639px) {
4701                #rec644461404 .tn-elem[data-elem-id="1695029034919"] {
4702                    top: 10px;
4703                    left: calc(50% - 160px + 93px);
4704                    width: 176px;
4705                }
4706
4707                #rec644461404 .tn-elem[data-elem-id="1695029034919"] .tn-atom {
4708                    font-size: 12px;
4709                }
4710            }</style>
4711        <div class='t396'>
4712            <div class="t396__artboard" data-artboard-recid="644461404" data-artboard-screens="320,640,960,1200"
4713                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
4714                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
4715                 data-artboard-height-res-960="220" data-artboard-upscale-res-960="window"
4716            >
4717                <div class="t396__carrier" data-artboard-recid="644461404"></div>
4718                <div class="t396__filter" data-artboard-recid="644461404"></div>
4719                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444614041695029034899 ' data-elem-id='1695029034899'
4720                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
4721                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
4722                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
4723                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
4724                     data-animate-mobile="y" data-animate-sbs-event="hover"
4725                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
4726                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
4727                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
4728                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
4729                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
4730                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
4731                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
4732                >
4733                    <div class='tn-atom'></div>
4734                </div>
4735                <div class='t396__elem tn-elem show_1_1 tn-elem__6444614041695029034902 ' data-elem-id='1695029034902'
4736                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
4737                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
4738                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
4739                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
4740                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
4741                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
4742                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
4743                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
4744                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
4745                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
4746                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
4747                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
4748                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
4749                >
4750                    <div class='tn-atom t-bgimg'
4751                         data-original="/images/v2/tild6139-3539-4734-b730-366134303664__case_1_2_a1.svg"
4752                         style="background-image:url('/images/v2/tild6139-3539-4734-b730-366134303664__case_1_2_a1.svg');"
4753                    ></div>
4754                </div>
4755                <div class='t396__elem tn-elem show_1_1 tn-elem__6444614041695029034905 t396__elem--anim-hidden'
4756                     data-elem-id='1695029034905' data-elem-type='shape' data-field-top-value="0"
4757                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
4758                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
4759                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
4760                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
4761                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
4762                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
4763                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
4764                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
4765                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
4766                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
4767                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
4768                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
4769                >
4770                    <div class='tn-atom t-bgimg'
4771                         data-original="/images/v2/tild6632-3233-4438-b837-346339323238__case_1_2_a2.svg"
4772                         style="background-image:url('/images/v2/tild6632-3233-4438-b837-346339323238__case_1_2_a2.svg');"
4773                    ></div>
4774                </div>
4775                <div class='t396__elem tn-elem show_1_1 tn-elem__6444614041695029034909 t396__elem--anim-hidden'
4776                     data-elem-id='1695029034909' data-elem-type='shape' data-field-top-value="0"
4777                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
4778                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
4779                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
4780                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
4781                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
4782                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
4783                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
4784                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
4785                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
4786                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
4787                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
4788                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
4789                >
4790                    <div class='tn-atom t-bgimg'
4791                         data-original="/images/v2/tild6664-3734-4765-a531-333430303338__case_1_2_a3.svg"
4792                         style="background-image:url('/images/v2/tild6664-3734-4765-a531-333430303338__case_1_2_a3.svg');"
4793                    ></div>
4794                </div>
4795                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444614041695029034912 ' data-elem-id='1695029034912'
4796                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
4797                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
4798                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
4799                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
4800                     data-animate-mobile="y" data-animate-sbs-event="hover"
4801                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
4802                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
4803                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
4804                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
4805                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
4806                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
4807                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
4808                >
4809                    <div class='tn-atom'></div>
4810                </div>
4811                <div class='t396__elem tn-elem tn-elem__6444614041695029034916 ' data-elem-id='1695029034916'
4812                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
4813                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
4814                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
4815                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
4816                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1695029034912"
4817                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':250,'mx':'0','my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
4818                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
4819                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
4820                     data-field-top-res-640-value="-1" data-field-left-res-640-value="40"
4821                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
4822                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
4823                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
4824                >
4825                    <div class='tn-atom t-bgimg'
4826                         data-original="/images/v2/tild3233-3837-4330-b136-626462316638__case_1_2.png"
4827                         style="background-image:url('/images/v2/tild3233-3837-4330-b136-626462316638__case_1_2.png');"
4828                    ></div>
4829                </div>
4830                <div class='t396__elem tn-elem tn-elem__6444614041695029034919 t-animate' data-elem-id='1695029034919'
4831                     data-elem-type='text' data-field-top-value="22" data-field-left-value="644"
4832                     data-field-width-value="199" data-field-axisy-value="top" data-field-axisx-value="left"
4833                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
4834                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
4835                     data-animate-duration="0.8" data-animate-delay="0.4" data-animate-distance="15"
4836                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="93"
4837                     data-field-width-res-320-value="176" data-field-top-res-640-value="39"
4838                     data-field-left-res-640-value="220" data-field-width-res-640-value="305"
4839                     data-field-top-res-960-value="20" data-field-left-res-960-value="516"
4840                >
4841                    <div class='tn-atom' field='tn_text_1695029034919'>Cамоучитель русского</div>
4842                </div>
4843            </div>
4844        </div>
4845        
4845<script>t_onFuncLoad('t396_initialScale', function () {
4846                t396_initialScale('644461404');
4847            });
4848            t_onReady(function () {
4849                t_onFuncLoad('t396_init', function () {
4850                    t396_init('644461404');
4851                });
4852            });</script>
4852<!-- /T396 --></div>
4853    <div id="rec644461451" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off"
4854         data-record-type="396"><!-- T396 -->
4855        <style>#rec644461451 .t396__artboard {
4856                height: 280px;
4857                background-color: #121313;
4858                overflow-x: hidden;
4859                overflow-y: hidden;
4860            }
4861
4862            #rec644461451 .t396__filter {
4863                height: 280px;
4864            }
4865
4866            #rec644461451 .t396__carrier {
4867                height: 280px;
4868                background-position: center center;
4869                background-attachment: scroll;
4870                background-size: cover;
4871                background-repeat: no-repeat;
4872            }
4873
4874            @media  screen and (max-width: 1199px) {
4875                #rec644461451 .t396__artboard {
4876                    height: 220px;
4877                    background-color: #121313;
4878                }
4879
4880                #rec644461451 .t396__filter {
4881                    height: 220px;
4882                }
4883
4884                #rec644461451 .t396__carrier {
4885                    height: 220px;
4886                    background-attachment: scroll;
4887                }
4888            }
4889
4890            @media  screen and (max-width: 959px) {
4891                #rec644461451 .t396__artboard {
4892                    height: 290px;
4893                    background-color: #121313;
4894                }
4895
4896                #rec644461451 .t396__filter {
4897                    height: 290px;
4898                }
4899
4900                #rec644461451 .t396__carrier {
4901                    height: 290px;
4902                    background-attachment: scroll;
4903                }
4904            }
4905
4906            @media  screen and (max-width: 639px) {
4907                #rec644461451 .t396__artboard {
4908                    height: 125px;
4909                    background-color: #121313;
4910                }
4911
4912                #rec644461451 .t396__filter {
4913                    height: 125px;
4914                }
4915
4916                #rec644461451 .t396__carrier {
4917                    height: 125px;
4918                    background-attachment: scroll;
4919                }
4920            }
4921
4922            #rec644461451 .tn-elem[data-elem-id="1690241109137"] {
4923                z-index: 3;
4924                top: 0px;
4925                left: calc(50% - 600px + 40px);
4926                width: 540px;
4927                height: 280px;
4928            }
4929
4930            #rec644461451 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
4931                opacity: 0;
4932            }
4933
4934            #rec644461451 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
4935                border-width: 0px;
4936                border-radius: 14px;
4937                background-color: #755ffc;
4938                background-position: center center;
4939                border-color: transparent;
4940                border-style: solid;
4941            }
4942
4943            @media  screen and (max-width: 1199px) {
4944                #rec644461451 .tn-elem[data-elem-id="1690241109137"] {
4945                    top: 0px;
4946                    left: calc(50% - 480px + 40px);
4947                    width: 424px;
4948                    height: 220px;
4949                }
4950            }
4951
4952            @media  screen and (max-width: 959px) {
4953                #rec644461451 .tn-elem[data-elem-id="1690241109137"] {
4954                    top: 0px;
4955                    left: calc(50% - 320px + 40px);
4956                    width: 560px;
4957                    height: 290px;
4958                }
4959            }
4960
4961            @media  screen and (max-width: 639px) {
4962                #rec644461451 .tn-elem[data-elem-id="1690241109137"] {
4963                    top: 0px;
4964                    left: calc(50% - 160px + 40px);
4965                    width: 240px;
4966                    height: 125px;
4967                }
4968            }
4969
4970            #rec644461451 .tn-elem[data-elem-id="1690239578729"] {
4971                z-index: 4;
4972                top: 0px;
4973                left: calc(50% - 600px + 40px);
4974                width: 540px;
4975                height: 280px;
4976                pointer-events: none;
4977            }
4978
4979            #rec644461451 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
4980                opacity: 0;
4981            }
4982
4983            #rec644461451 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
4984                border-radius: 13px;
4985                background-position: center top;
4986                background-size: cover;
4987                background-repeat: no-repeat;
4988                border-color: transparent;
4989                border-style: solid;
4990            }
4991
4992            @media  screen and (max-width: 1199px) {
4993                #rec644461451 .tn-elem[data-elem-id="1690239578729"] {
4994                    top: 0px;
4995                    left: calc(50% - 480px + 40px);
4996                    width: 424px;
4997                    height: 220px;
4998                }
4999            }
5000
5001            @media  screen and (max-width: 959px) {
5002                #rec644461451 .tn-elem[data-elem-id="1690239578729"] {
5003                    top: 0px;
5004                    left: calc(50% - 320px + 40px);
5005                    width: 560px;
5006                    height: 290px;
5007                }
5008            }
5009
5010            @media  screen and (max-width: 639px) {
5011                #rec644461451 .tn-elem[data-elem-id="1690239578729"] {
5012                    top: 0px;
5013                    left: calc(50% - 160px + 40px);
5014                    width: 240px;
5015                    height: 125px;
5016                }
5017            }
5018
5019            #rec644461451 .tn-elem[data-elem-id="1690239670103"] {
5020                z-index: 5;
5021                top: 0px;
5022                left: calc(50% - 600px + 40px);
5023                width: 540px;
5024                height: 280px;
5025                pointer-events: none;
5026            }
5027
5028            #rec644461451 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
5029                opacity: 0;
5030            }
5031
5032            #rec644461451 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
5033                border-radius: 13px;
5034                background-position: center top;
5035                background-size: cover;
5036                background-repeat: no-repeat;
5037                border-color: transparent;
5038                border-style: solid;
5039            }
5040
5041            @media  screen and (max-width: 1199px) {
5042                #rec644461451 .tn-elem[data-elem-id="1690239670103"] {
5043                    top: 0px;
5044                    left: calc(50% - 480px + 40px);
5045                    width: 424px;
5046                    height: 220px;
5047                }
5048            }
5049
5050            @media  screen and (max-width: 959px) {
5051                #rec644461451 .tn-elem[data-elem-id="1690239670103"] {
5052                    top: 0px;
5053                    left: calc(50% - 320px + 40px);
5054                    width: 560px;
5055                    height: 290px;
5056                }
5057            }
5058
5059            @media  screen and (max-width: 639px) {
5060                #rec644461451 .tn-elem[data-elem-id="1690239670103"] {
5061                    top: 0px;
5062                    left: calc(50% - 160px + 40px);
5063                    width: 240px;
5064                    height: 125px;
5065                }
5066            }
5067
5068            #rec644461451 .tn-elem[data-elem-id="1690239682409"] {
5069                z-index: 6;
5070                top: 0px;
5071                left: calc(50% - 600px + 40px);
5072                width: 540px;
5073                height: 280px;
5074                pointer-events: none;
5075            }
5076
5077            #rec644461451 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
5078                opacity: 0;
5079            }
5080
5081            #rec644461451 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
5082                border-radius: 13px;
5083                background-position: center top;
5084                background-size: cover;
5085                background-repeat: no-repeat;
5086                border-color: transparent;
5087                border-style: solid;
5088            }
5089
5090            @media  screen and (max-width: 1199px) {
5091                #rec644461451 .tn-elem[data-elem-id="1690239682409"] {
5092                    top: 0px;
5093                    left: calc(50% - 480px + 40px);
5094                    width: 424px;
5095                    height: 220px;
5096                }
5097            }
5098
5099            @media  screen and (max-width: 959px) {
5100                #rec644461451 .tn-elem[data-elem-id="1690239682409"] {
5101                    top: 0px;
5102                    left: calc(50% - 320px + 40px);
5103                    width: 560px;
5104                    height: 290px;
5105                }
5106            }
5107
5108            @media  screen and (max-width: 639px) {
5109                #rec644461451 .tn-elem[data-elem-id="1690239682409"] {
5110                    top: 0px;
5111                    left: calc(50% - 160px + 40px);
5112                    width: 240px;
5113                    height: 125px;
5114                }
5115            }
5116
5117            #rec644461451 .tn-elem[data-elem-id="1690238351796"] {
5118                z-index: 7;
5119                top: 0px;
5120                left: calc(50% - 600px + 40px);
5121                width: 540px;
5122                height: 280px;
5123            }
5124
5125            #rec644461451 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
5126                opacity: 0;
5127            }
5128
5129            #rec644461451 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
5130                border-radius: 13px;
5131                background-color: #1b1e20;
5132                background-position: center center;
5133                border-color: transparent;
5134                border-style: solid;
5135            }
5136
5137            @media  screen and (max-width: 1199px) {
5138                #rec644461451 .tn-elem[data-elem-id="1690238351796"] {
5139                    top: 0px;
5140                    left: calc(50% - 480px + 40px);
5141                    width: 424px;
5142                    height: 220px;
5143                }
5144            }
5145
5146            @media  screen and (max-width: 959px) {
5147                #rec644461451 .tn-elem[data-elem-id="1690238351796"] {
5148                    top: 0px;
5149                    left: calc(50% - 320px + 40px);
5150                    width: 560px;
5151                    height: 290px;
5152                }
5153            }
5154
5155            @media  screen and (max-width: 639px) {
5156                #rec644461451 .tn-elem[data-elem-id="1690238351796"] {
5157                    top: 0px;
5158                    left: calc(50% - 160px + 40px);
5159                    width: 240px;
5160                    height: 125px;
5161                }
5162            }
5163
5164            #rec644461451 .tn-elem[data-elem-id="1690238538450"] {
5165                z-index: 8;
5166                top: 0px;
5167                left: calc(50% - 600px + 40px);
5168                width: 540px;
5169                height: 280px;
5170                pointer-events: none;
5171            }
5172
5173            #rec644461451 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
5174                opacity: 0;
5175            }
5176
5177            #rec644461451 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
5178                border-radius: 13px;
5179                background-position: center top;
5180                background-size: cover;
5181                background-repeat: no-repeat;
5182                border-color: transparent;
5183                border-style: solid;
5184            }
5185
5186            @media  screen and (max-width: 1199px) {
5187                #rec644461451 .tn-elem[data-elem-id="1690238538450"] {
5188                    top: 0px;
5189                    left: calc(50% - 480px + 40px);
5190                    width: 424px;
5191                    height: 220px;
5192                }
5193            }
5194
5195            @media  screen and (max-width: 959px) {
5196                #rec644461451 .tn-elem[data-elem-id="1690238538450"] {
5197                    top: 0px;
5198                    left: calc(50% - 320px + 40px);
5199                    width: 560px;
5200                    height: 290px;
5201                }
5202            }
5203
5204            @media  screen and (max-width: 639px) {
5205                #rec644461451 .tn-elem[data-elem-id="1690238538450"] {
5206                    top: 0px;
5207                    left: calc(50% - 160px + 40px);
5208                    width: 240px;
5209                    height: 125px;
5210                }
5211            }
5212
5213            #rec644461451 .tn-elem[data-elem-id="1690238351801"] {
5214                color: #f4f4f4;
5215                text-align: LEFT;
5216                z-index: 9;
5217                top: 22px;
5218                left: calc(50% - 600px + 64px);
5219                width: 230px;
5220                pointer-events: none;
5221            }
5222
5223            #rec644461451 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
5224                color: #f4f4f4;
5225                font-size: 18px;
5226                font-family: 'Manrope', Arial, sans-serif;
5227                line-height: 1.00;
5228                font-weight: 500;
5229                background-position: center center;
5230                border-color: transparent;
5231                border-style: solid;
5232            }
5233
5234            @media  screen and (max-width: 1199px) {
5235                #rec644461451 .tn-elem[data-elem-id="1690238351801"] {
5236                    top: 20px;
5237                    left: calc(50% - 480px + 60px);
5238                }
5239
5240                #rec644461451 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
5241                    font-size: 18px;
5242                }
5243            }
5244
5245            @media  screen and (max-width: 959px) {
5246                #rec644461451 .tn-elem[data-elem-id="1690238351801"] {
5247                    top: 40px;
5248                    left: calc(50% - 320px + 205px);
5249                    width: 302px;
5250                }
5251
5252                #rec644461451 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
5253                    font-size: 18px;
5254                }
5255            }
5256
5257            @media  screen and (max-width: 639px) {
5258                #rec644461451 .tn-elem[data-elem-id="1690238351801"] {
5259                    top: 10px;
5260                    left: calc(50% - 160px + 82px);
5261                    width: 198px;
5262                }
5263
5264                #rec644461451 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
5265                    font-size: 12px;
5266                }
5267            }</style>
5268        <div class='t396'>
5269            <div class="t396__artboard" data-artboard-recid="644461451" data-artboard-screens="320,640,960,1200"
5270                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
5271                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
5272                 data-artboard-height-res-960="220" data-artboard-upscale-res-960="window"
5273            >
5274                <div class="t396__carrier" data-artboard-recid="644461451"></div>
5275                <div class="t396__filter" data-artboard-recid="644461451"></div>
5276                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444614511690241109137 ' data-elem-id='1690241109137'
5277                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
5278                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
5279                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
5280                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
5281                     data-animate-mobile="y" data-animate-sbs-event="hover"
5282                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
5283                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
5284                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
5285                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
5286                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
5287                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
5288                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
5289                >
5290                    <div class='tn-atom'></div>
5291                </div>
5292                <div class='t396__elem tn-elem show_1_1 tn-elem__6444614511690239578729 ' data-elem-id='1690239578729'
5293                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
5294                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
5295                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
5296                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
5297                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
5298                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
5299                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
5300                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
5301                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
5302                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
5303                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
5304                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
5305                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
5306                >
5307                    <div class='tn-atom t-bgimg'
5308                         data-original="/images/v2/tild3634-3532-4838-a563-363562316330__case_1_1_a1.svg"
5309                         style="background-image:url('/images/v2/tild3634-3532-4838-a563-363562316330__case_1_1_a1.svg');"
5310                    ></div>
5311                </div>
5312                <div class='t396__elem tn-elem show_1_1 tn-elem__6444614511690239670103 t396__elem--anim-hidden'
5313                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="0"
5314                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
5315                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
5316                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
5317                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
5318                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
5319                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
5320                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
5321                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
5322                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
5323                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
5324                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
5325                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
5326                >
5327                    <div class='tn-atom t-bgimg'
5328                         data-original="/images/v2/tild3536-3336-4035-b136-653832623035__case_1_1_a2.svg"
5329                         style="background-image:url('/images/v2/tild3536-3336-4035-b136-653832623035__case_1_1_a2.svg');"
5330                    ></div>
5331                </div>
5332                <div class='t396__elem tn-elem show_1_1 tn-elem__6444614511690239682409 t396__elem--anim-hidden'
5333                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="0"
5334                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
5335                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
5336                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
5337                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
5338                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
5339                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
5340                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
5341                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
5342                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
5343                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
5344                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
5345                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
5346                >
5347                    <div class='tn-atom t-bgimg'
5348                         data-original="/images/v2/tild3736-3238-4233-b366-616533343937__case_1_1_a3.svg"
5349                         style="background-image:url('/images/v2/tild3736-3238-4233-b366-616533343937__case_1_1_a3.svg');"
5350                    ></div>
5351                </div>
5352                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444614511690238351796 ' data-elem-id='1690238351796'
5353                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
5354                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
5355                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
5356                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
5357                     data-animate-mobile="y" data-animate-sbs-event="hover"
5358                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
5359                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
5360                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
5361                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
5362                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
5363                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
5364                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
5365                >
5366                    <div class='tn-atom'></div>
5367                </div>
5368                <div class='t396__elem tn-elem tn-elem__6444614511690238538450 ' data-elem-id='1690238538450'
5369                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
5370                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
5371                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
5372                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
5373                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
5374                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':250,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
5375                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
5376                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
5377                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
5378                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
5379                     data-animate-sbs-opts-res-640="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':250,'mx':0,'my':15,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
5380                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
5381                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
5382                >
5383                    <div class='tn-atom t-bgimg'
5384                         data-original="/images/v2/tild6466-3536-4135-b664-623834653963__case_1_1.png"
5385                         style="background-image:url('/images/v2/tild6466-3536-4135-b664-623834653963__case_1_1.png');"
5386                    ></div>
5387                </div>
5388                <div class='t396__elem tn-elem tn-elem__6444614511690238351801 t-animate' data-elem-id='1690238351801'
5389                     data-elem-type='text' data-field-top-value="22" data-field-left-value="64"
5390                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
5391                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
5392                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
5393                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
5394                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="82"
5395                     data-field-width-res-320-value="198" data-field-top-res-640-value="40"
5396                     data-field-left-res-640-value="205" data-field-width-res-640-value="302"
5397                     data-field-top-res-960-value="20" data-field-left-res-960-value="60"
5398                >
5399                    <div class='tn-atom' field='tn_text_1690238351801'>Cамоучитель английского</div>
5400                </div>
5401            </div>
5402        </div>
5403        
5403<script>t_onFuncLoad('t396_initialScale', function () {
5404                t396_initialScale('644461451');
5405            });
5406            t_onReady(function () {
5407                t_onFuncLoad('t396_init', function () {
5408                    t396_init('644461451');
5409                });
5410            });</script>
5410<!-- /T396 --></div>
5411    <div id="rec620157722" class="r t-rec t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off"
5412         data-record-type="396"><!-- T396 -->
5413        <style>#rec620157722 .t396__artboard {
5414                height: 126px;
5415                background-color: #121313;
5416            }
5417
5418            #rec620157722 .t396__filter {
5419                height: 126px;
5420            }
5421
5422            #rec620157722 .t396__carrier {
5423                height: 126px;
5424                background-position: center center;
5425                background-attachment: scroll;
5426                background-size: cover;
5427                background-repeat: no-repeat;
5428            }
5429
5430            @media  screen and (max-width: 1199px) {
5431                #rec620157722 .t396__artboard {
5432                    height: 86px;
5433                }
5434
5435                #rec620157722 .t396__filter {
5436                    height: 86px;
5437                }
5438
5439                #rec620157722 .t396__carrier {
5440                    height: 86px;
5441                    background-attachment: scroll;
5442                }
5443            }
5444
5445            @media  screen and (max-width: 959px) {
5446                #rec620157722 .t396__artboard {
5447                    height: 80px;
5448                }
5449
5450                #rec620157722 .t396__filter {
5451                    height: 80px;
5452                }
5453
5454                #rec620157722 .t396__carrier {
5455                    height: 80px;
5456                    background-attachment: scroll;
5457                }
5458            }
5459
5460            @media  screen and (max-width: 639px) {
5461                #rec620157722 .t396__artboard {
5462                    height: 75px;
5463                }
5464
5465                #rec620157722 .t396__filter {
5466                    height: 75px;
5467                }
5468
5469                #rec620157722 .t396__carrier {
5470                    height: 75px;
5471                    background-attachment: scroll;
5472                }
5473            }
5474
5475            #rec620157722 .tn-elem[data-elem-id="1690243358586"] {
5476                color: #f4f4f4;
5477                text-align: LEFT;
5478                z-index: 2;
5479                top: 74px;
5480                left: calc(50% - 600px + 40px);
5481                width: 110px;
5482            }
5483
5484            #rec620157722 .tn-elem[data-elem-id="1690243358586"] .tn-atom {
5485                color: #f4f4f4;
5486                font-size: 28px;
5487                font-family: 'Manrope', Arial, sans-serif;
5488                line-height: 1.00;
5489                font-weight: 400;
5490                opacity: 0.6;
5491                background-position: center center;
5492                border-color: transparent;
5493                border-style: solid;
5494            }
5495
5496            @media  screen and (max-width: 1199px) {
5497                #rec620157722 .tn-elem[data-elem-id="1690243358586"] {
5498                    top: 40px;
5499                }
5500
5501                #rec620157722 .tn-elem[data-elem-id="1690243358586"] .tn-atom {
5502                    font-size: 24px;
5503                }
5504            }
5505
5506            @media  screen and (max-width: 959px) {
5507                #rec620157722 .tn-elem[data-elem-id="1690243358586"] {
5508                    top: 35px;
5509                }
5510
5511                #rec620157722 .tn-elem[data-elem-id="1690243358586"] .tn-atom {
5512                    font-size: 20px;
5513                }
5514            }
5515
5516            @media  screen and (max-width: 639px) {
5517                #rec620157722 .tn-elem[data-elem-id="1690243358586"] {
5518                    top: 45px;
5519                }
5520
5521                #rec620157722 .tn-elem[data-elem-id="1690243358586"] .tn-atom {
5522                    font-size: 16px;
5523                }
5524            }</style>
5525        <div class='t396'>
5526            <div class="t396__artboard" data-artboard-recid="620157722" data-artboard-screens="320,640,960,1200"
5527                 data-artboard-height="126" data-artboard-valign="center" data-artboard-upscale="window"
5528                 data-artboard-height-res-320="75" data-artboard-height-res-640="80" data-artboard-height-res-960="86"
5529            >
5530                <div class="t396__carrier" data-artboard-recid="620157722"></div>
5531                <div class="t396__filter" data-artboard-recid="620157722"></div>
5532                <div class='t396__elem tn-elem tn-elem__6201577221690243358586 t-animate' data-elem-id='1690243358586'
5533                     data-elem-type='text' data-field-top-value="74" data-field-left-value="40"
5534                     data-field-width-value="110" data-field-axisy-value="top" data-field-axisx-value="left"
5535                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
5536                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
5537                     data-animate-duration="0.8" data-animate-delay="0.2" data-animate-distance="15"
5538                     data-animate-mobile="y" data-field-top-res-320-value="45" data-field-top-res-640-value="35"
5539                     data-field-top-res-960-value="40"
5540                >
5541                    <div class='tn-atom' field='tn_text_1690243358586'>Gaming</div>
5542                </div>
5543            </div>
5544        </div>
5545        
5545<script>t_onFuncLoad('t396_initialScale', function () {
5546                t396_initialScale('620157722');
5547            });
5548            t_onReady(function () {
5549                t_onFuncLoad('t396_init', function () {
5550                    t396_init('620157722');
5551                });
5552            });</script>
5552<!-- /T396 --></div>
5553    <!-- <div style="font-size: 28px;" data-customstyle="yes"><p style="text-align: center;"><strong>GAMING PC</strong></p></div> -->
5554    <div id="rec625100182" class="r t-rec t-rec_pt_0 t-rec_pb_0 t-screenmin-980px"
5555         style="padding-top:0px;padding-bottom:0px;background-color:#121313; " data-animationappear="off"
5556         data-record-type="734" data-screen-min="980px" data-bg-color="#121313"><!-- t734 -->
5557        <div class="t734">
5558            <div class="t-slds t734__witharrows" style="visibility: hidden;">
5559                <div class="t-container_100 t-slds__main">
5560                    <ul class="t-slds__arrow_container t-slds__nocycle ">
5561                        <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left">
5562                            <button
5563                                type="button"
5564                                class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
5565                                aria-controls="carousel_625100182"
5566                                aria-disabled="false"
5567                                aria-label="Предыдущий слайд"
5568                                style="width: 50px; height: 50px;background-color: rgba(255,255,255,1);">
5569                                <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 11px;">
5570                                    <svg role="presentation" focusable="false" style="display: block"
5571                                         viewBox="0 0 11.3 21" xmlns="http://www.w3.org/2000/svg"
5572                                         xmlns:xlink="http://www.w3.org/1999/xlink">
5573                                        <polyline
5574                                            fill="none"
5575                                            stroke="#222222"
5576                                            stroke-linejoin="butt"
5577                                            stroke-linecap="butt"
5578                                            stroke-width="1"
5579                                            points="0.5,0.5 10.5,10.5 0.5,20.5"
5580                                        />
5581                                    </svg>
5582                                </div>
5583                            </button>
5584                        </li>
5585                        <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right">
5586                            <button
5587                                type="button"
5588                                class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
5589                                aria-controls="carousel_625100182"
5590                                aria-disabled="false"
5591                                aria-label="Следующий слайд"
5592                                style="width: 50px; height: 50px;background-color: rgba(255,255,255,1);">
5593                                <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 11px;">
5594                                    <svg role="presentation" focusable="false" style="display: block"
5595                                         viewBox="0 0 11.3 21" xmlns="http://www.w3.org/2000/svg"
5596                                         xmlns:xlink="http://www.w3.org/1999/xlink">
5597                                        <polyline
5598                                            fill="none"
5599                                            stroke="#222222"
5600                                            stroke-linejoin="butt"
5601                                            stroke-linecap="butt"
5602                                            stroke-width="1"
5603                                            points="0.5,0.5 10.5,10.5 0.5,20.5"
5604                                        />
5605                                    </svg>
5606                                </div>
5607                            </button>
5608                        </li>
5609                    </ul>
5610                    <div class="t-slds__container">
5611                        <div
5612                            class="t-slds__items-wrapper t-slds__nocycle t-slds_animated-fast"
5613                            id="carousel_625100182" data-slider-transition="300" data-slider-with-cycle="false"
5614                            data-slider-correct-height="false" data-auto-correct-mobile-width="false"
5615                            aria-roledescription="carousel"
5616                            aria-live="off"
5617                        >
5618                            <div
5619                                class="t-slds__item t-slds__item_active" data-slide-index="1"
5620                                role="group"
5621                                aria-roledescription="slide"
5622                                aria-hidden="false"
5623                                aria-label="1 из 3"
5624                            >
5625                                <div class="t734__slds-wrapper t-slds__wrapper">
5626                                    <div class="t-cover" id="recorddiv625100182" style="height:320px;">
5627                                        <div class="t-cover__carrier" data-content-cover-id="625100182"
5628                                             id="coverCarry625100182" data-content-cover-height="320px"
5629                                             data-content-cover-bg=""
5630                                             style="background-image: url(''); height:320px;"
5631                                             itemscope itemtype="http://schema.org/ImageObject">
5632                                            <meta itemprop="image" content="">
5633                                        </div>
5634                                        <div class="t-cover__filter"
5635                                             style="height:320px; background-color:#000;opacity: 0.0; "></div>
5636                                    </div>
5637                                    <div class="t734__table">
5638                                        <div class="t-cell t-valign_middle">
5639                                            <div class="t-container">
5640                                                <div class="t-cover__wrapper t-valign_middle">
5641                                                    <div class="t734__wrapper t-width t-width_8 t-margin_auto"
5642                                                         data-hook-content="covercontent">
5643                                                        <div class="t734__textwrapper t-align_center"></div>
5644                                                    </div>
5645                                                </div>
5646                                            </div>
5647                                        </div>
5648                                    </div>
5649                                </div>
5650                            </div>
5651                            <div
5652                                class="t-slds__item" data-slide-index="2"
5653                                role="group"
5654                                aria-roledescription="slide"
5655                                aria-hidden="true"
5656                                aria-label="2 из 3"
5657                            >
5658                                <div class="t734__slds-wrapper t-slds__wrapper">
5659                                    <div class="t-cover" style="height:320px;">
5660                                        <div class="t-cover__carrier" data-content-cover-bg=""
5661                                             style="background-image: url(''); height:320px;"
5662                                             itemscope itemtype="http://schema.org/ImageObject">
5663                                            <meta itemprop="image" content="">
5664                                        </div>
5665                                        <div class="t-cover__filter"
5666                                             style="height:320px; background-color:#000;opacity: 0.0; "></div>
5667                                    </div>
5668                                    <div class="t734__table">
5669                                        <div class="t-cell t-valign_middle">
5670                                            <div class="t-container">
5671                                                <div class="t-cover__wrapper t-valign_middle">
5672                                                    <div class="t734__wrapper t-width t-width_8 t-margin_auto"
5673                                                         data-hook-content="covercontent">
5674                                                        <div class="t734__textwrapper t-align_center"></div>
5675                                                    </div>
5676                                                </div>
5677                                            </div>
5678                                        </div>
5679                                    </div>
5680                                </div>
5681                            </div>
5682                            <div
5683                                class="t-slds__item" data-slide-index="3"
5684                                role="group"
5685                                aria-roledescription="slide"
5686                                aria-hidden="true"
5687                                aria-label="3 из 3"
5688                            >
5689                                <div class="t734__slds-wrapper t-slds__wrapper">
5690                                    <div class="t-cover" style="height:320px;">
5691                                        <div class="t-cover__carrier" data-content-cover-bg=""
5692                                             style="background-image: url(''); height:320px;"
5693                                             itemscope itemtype="http://schema.org/ImageObject">
5694                                            <meta itemprop="image" content="">
5695                                        </div>
5696                                        <div class="t-cover__filter"
5697                                             style="height:320px; background-color:#000;opacity: 0.0; "></div>
5698                                    </div>
5699                                    <div class="t734__table">
5700                                        <div class="t-cell t-valign_middle">
5701                                            <div class="t-container">
5702                                                <div class="t-cover__wrapper t-valign_middle">
5703                                                    <div class="t734__wrapper t-width t-width_8 t-margin_auto"
5704                                                         data-hook-content="covercontent">
5705                                                        <div class="t734__textwrapper t-align_center"></div>
5706                                                    </div>
5707                                                </div>
5708                                            </div>
5709                                        </div>
5710                                    </div>
5711                                </div>
5712                            </div>
5713                        </div>
5714                    </div>
5715                </div>
5716            </div>
5717        </div>
5718        
5718<script type="text/javascript">t_onReady(function () {
5719                t_onFuncLoad('t734_init', function () {
5720                    try {
5721                        t734_init('625100182');
5722                    } catch (error) {
5723                        console.log(error);
5724                    }
5725                });
5726            });</script>
5726
5727        <style type="text/css">#rec625100182 .t-slds__bullet_active .t-slds__bullet_body {
5728                background-color: #ffffff !important;
5729            }
5730
5731            #rec625100182 .t-slds__bullet:hover .t-slds__bullet_body {
5732                background-color: #ffffff !important;
5733            }
5734
5735            #rec625100182 .t-slds__bullet_body:focus-visible {
5736                background-color: #ffffff !important;
5737            }</style>
5738    </div>
5739    <div id="rec644412436" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
5740        <style>#rec644412436 .t396__artboard {
5741                height: 280px;
5742                background-color: #121313;
5743                overflow-x: hidden;
5744                overflow-y: hidden;
5745            }
5746
5747            #rec644412436 .t396__filter {
5748                height: 280px;
5749            }
5750
5751            #rec644412436 .t396__carrier {
5752                height: 280px;
5753                background-position: center center;
5754                background-attachment: scroll;
5755                background-size: cover;
5756                background-repeat: no-repeat;
5757            }
5758
5759            @media  screen and (max-width: 1199px) {
5760                #rec644412436 .t396__artboard {
5761                    height: 222px;
5762                    background-color: #121313;
5763                }
5764
5765                #rec644412436 .t396__filter {
5766                    height: 222px;
5767                }
5768
5769                #rec644412436 .t396__carrier {
5770                    height: 222px;
5771                    background-attachment: scroll;
5772                }
5773            }
5774
5775            @media  screen and (max-width: 959px) {
5776                #rec644412436 .t396__artboard {
5777                    height: 290px;
5778                    background-color: #121313;
5779                }
5780
5781                #rec644412436 .t396__filter {
5782                    height: 290px;
5783                }
5784
5785                #rec644412436 .t396__carrier {
5786                    height: 290px;
5787                    background-attachment: scroll;
5788                }
5789            }
5790
5791            @media  screen and (max-width: 639px) {
5792                #rec644412436 .t396__artboard {
5793                    height: 125px;
5794                    background-color: #121313;
5795                }
5796
5797                #rec644412436 .t396__filter {
5798                    height: 125px;
5799                }
5800
5801                #rec644412436 .t396__carrier {
5802                    height: 125px;
5803                    background-attachment: scroll;
5804                }
5805            }
5806
5807            #rec644412436 .tn-elem[data-elem-id="1690241109137"] {
5808                z-index: 2;
5809                top: 0px;
5810                left: calc(50% - 600px + 39px);
5811                width: 540px;
5812                height: 280px;
5813                pointer-events: none;
5814            }
5815
5816            #rec644412436 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
5817                opacity: 0;
5818            }
5819
5820            #rec644412436 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
5821                border-width: 0px;
5822                border-radius: 14px;
5823                background-color: #23c255;
5824                background-position: center center;
5825                border-color: transparent;
5826                border-style: solid;
5827            }
5828
5829            @media  screen and (max-width: 1199px) {
5830                #rec644412436 .tn-elem[data-elem-id="1690241109137"] {
5831                    top: 3px;
5832                    left: calc(50% - 480px + 39px);
5833                    width: 424px;
5834                    height: 219px;
5835                }
5836            }
5837
5838            @media  screen and (max-width: 959px) {
5839                #rec644412436 .tn-elem[data-elem-id="1690241109137"] {
5840                    top: 0px;
5841                    left: calc(50% - 320px + 40px);
5842                    width: 560px;
5843                    height: 290px;
5844                }
5845            }
5846
5847            @media  screen and (max-width: 639px) {
5848                #rec644412436 .tn-elem[data-elem-id="1690241109137"] {
5849                    top: 0px;
5850                    left: calc(50% - 160px + 40px);
5851                    width: 240px;
5852                    height: 125px;
5853                }
5854            }
5855
5856            #rec644412436 .tn-elem[data-elem-id="1690239578729"] {
5857                z-index: 3;
5858                top: 0px;
5859                left: calc(50% - 600px + 39px);
5860                width: 540px;
5861                height: 280px;
5862                pointer-events: none;
5863            }
5864
5865            #rec644412436 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
5866                opacity: 0;
5867            }
5868
5869            #rec644412436 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
5870                border-radius: 13px;
5871                background-position: center top;
5872                background-size: cover;
5873                background-repeat: no-repeat;
5874                border-color: transparent;
5875                border-style: solid;
5876            }
5877
5878            @media  screen and (max-width: 1199px) {
5879                #rec644412436 .tn-elem[data-elem-id="1690239578729"] {
5880                    top: 3px;
5881                    left: calc(50% - 480px + 39px);
5882                    width: 424px;
5883                    height: 219px;
5884                }
5885            }
5886
5887            @media  screen and (max-width: 959px) {
5888                #rec644412436 .tn-elem[data-elem-id="1690239578729"] {
5889                    top: 0px;
5890                    left: calc(50% - 320px + 40px);
5891                    width: 560px;
5892                    height: 290px;
5893                }
5894            }
5895
5896            @media  screen and (max-width: 639px) {
5897                #rec644412436 .tn-elem[data-elem-id="1690239578729"] {
5898                    top: 0px;
5899                    left: calc(50% - 160px + 40px);
5900                    width: 240px;
5901                    height: 125px;
5902                }
5903            }
5904
5905            #rec644412436 .tn-elem[data-elem-id="1690239670103"] {
5906                z-index: 4;
5907                top: 0px;
5908                left: calc(50% - 600px + 39px);
5909                width: 540px;
5910                height: 280px;
5911                pointer-events: none;
5912            }
5913
5914            #rec644412436 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
5915                opacity: 0;
5916            }
5917
5918            #rec644412436 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
5919                border-radius: 13px;
5920                background-position: center top;
5921                background-size: cover;
5922                background-repeat: no-repeat;
5923                border-color: transparent;
5924                border-style: solid;
5925            }
5926
5927            @media  screen and (max-width: 1199px) {
5928                #rec644412436 .tn-elem[data-elem-id="1690239670103"] {
5929                    top: 3px;
5930                    left: calc(50% - 480px + 39px);
5931                    width: 424px;
5932                    height: 219px;
5933                }
5934            }
5935
5936            @media  screen and (max-width: 959px) {
5937                #rec644412436 .tn-elem[data-elem-id="1690239670103"] {
5938                    top: 0px;
5939                    left: calc(50% - 320px + 40px);
5940                    width: 560px;
5941                    height: 290px;
5942                }
5943            }
5944
5945            @media  screen and (max-width: 639px) {
5946                #rec644412436 .tn-elem[data-elem-id="1690239670103"] {
5947                    top: 0px;
5948                    left: calc(50% - 160px + 40px);
5949                    width: 240px;
5950                    height: 125px;
5951                }
5952            }
5953
5954            #rec644412436 .tn-elem[data-elem-id="1690239682409"] {
5955                z-index: 5;
5956                top: 0px;
5957                left: calc(50% - 600px + 39px);
5958                width: 540px;
5959                height: 280px;
5960                pointer-events: none;
5961            }
5962
5963            #rec644412436 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
5964                opacity: 0;
5965            }
5966
5967            #rec644412436 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
5968                border-radius: 13px;
5969                background-position: center top;
5970                background-size: cover;
5971                background-repeat: no-repeat;
5972                border-color: transparent;
5973                border-style: solid;
5974            }
5975
5976            @media  screen and (max-width: 1199px) {
5977                #rec644412436 .tn-elem[data-elem-id="1690239682409"] {
5978                    top: 3px;
5979                    left: calc(50% - 480px + 39px);
5980                    width: 424px;
5981                    height: 219px;
5982                }
5983            }
5984
5985            @media  screen and (max-width: 959px) {
5986                #rec644412436 .tn-elem[data-elem-id="1690239682409"] {
5987                    top: 0px;
5988                    left: calc(50% - 320px + 40px);
5989                    width: 560px;
5990                    height: 290px;
5991                }
5992            }
5993
5994            @media  screen and (max-width: 639px) {
5995                #rec644412436 .tn-elem[data-elem-id="1690239682409"] {
5996                    top: 0px;
5997                    left: calc(50% - 160px + 40px);
5998                    width: 240px;
5999                    height: 125px;
6000                }
6001            }
6002
6003            #rec644412436 .tn-elem[data-elem-id="1690238351796"] {
6004                z-index: 6;
6005                top: 0px;
6006                left: calc(50% - 600px + 39px);
6007                width: 540px;
6008                height: 280px;
6009            }
6010
6011            #rec644412436 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
6012                opacity: 0;
6013            }
6014
6015            #rec644412436 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
6016                border-radius: 13px;
6017                background-color: #1b1e20;
6018                background-position: center center;
6019                border-color: transparent;
6020                border-style: solid;
6021            }
6022
6023            @media  screen and (max-width: 1199px) {
6024                #rec644412436 .tn-elem[data-elem-id="1690238351796"] {
6025                    top: 3px;
6026                    left: calc(50% - 480px + 39px);
6027                    width: 424px;
6028                    height: 219px;
6029                }
6030            }
6031
6032            @media  screen and (max-width: 959px) {
6033                #rec644412436 .tn-elem[data-elem-id="1690238351796"] {
6034                    top: 0px;
6035                    left: calc(50% - 320px + 40px);
6036                    width: 560px;
6037                    height: 290px;
6038                }
6039            }
6040
6041            @media  screen and (max-width: 639px) {
6042                #rec644412436 .tn-elem[data-elem-id="1690238351796"] {
6043                    top: 0px;
6044                    left: calc(50% - 160px + 40px);
6045                    width: 240px;
6046                    height: 125px;
6047                }
6048            }
6049
6050            #rec644412436 .tn-elem[data-elem-id="1690238538450"] {
6051                z-index: 7;
6052                top: 0px;
6053                left: calc(50% - 600px + 39px);
6054                width: 540px;
6055                height: 280px;
6056                pointer-events: none;
6057            }
6058
6059            #rec644412436 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
6060                opacity: 0;
6061            }
6062
6063            #rec644412436 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
6064                border-radius: 13px;
6065                background-position: center top;
6066                background-size: cover;
6067                background-repeat: no-repeat;
6068                border-color: transparent;
6069                border-style: solid;
6070            }
6071
6072            @media  screen and (max-width: 1199px) {
6073                #rec644412436 .tn-elem[data-elem-id="1690238538450"] {
6074                    top: 0px;
6075                    left: calc(50% - 480px + 39px);
6076                    width: 424px;
6077                    height: 222px;
6078                }
6079            }
6080
6081            @media  screen and (max-width: 959px) {
6082                #rec644412436 .tn-elem[data-elem-id="1690238538450"] {
6083                    top: 0px;
6084                    left: calc(50% - 320px + 40px);
6085                    width: 560px;
6086                    height: 290px;
6087                }
6088            }
6089
6090            @media  screen and (max-width: 639px) {
6091                #rec644412436 .tn-elem[data-elem-id="1690238538450"] {
6092                    top: 0px;
6093                    left: calc(50% - 160px + 40px);
6094                    width: 240px;
6095                    height: 125px;
6096                }
6097            }
6098
6099            #rec644412436 .tn-elem[data-elem-id="1690238351801"] {
6100                color: #f4f4f4;
6101                text-align: LEFT;
6102                z-index: 8;
6103                top: 22px;
6104                left: calc(50% - 600px + 64px);
6105                width: 230px;
6106                pointer-events: none;
6107            }
6108
6109            #rec644412436 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
6110                color: #f4f4f4;
6111                font-size: 18px;
6112                font-family: 'Manrope', Arial, sans-serif;
6113                line-height: 1.00;
6114                font-weight: 500;
6115                background-position: center center;
6116                border-color: transparent;
6117                border-style: solid;
6118            }
6119
6120            @media  screen and (max-width: 1199px) {
6121                #rec644412436 .tn-elem[data-elem-id="1690238351801"] {
6122                    top: 16px;
6123                    left: calc(50% - 480px + 58px);
6124                }
6125            }
6126
6127            @media  screen and (max-width: 959px) {
6128                #rec644412436 .tn-elem[data-elem-id="1690238351801"] {
6129                    top: 40px;
6130                    left: calc(50% - 320px + 248px);
6131                    width: 144px;
6132                }
6133            }
6134
6135            @media  screen and (max-width: 639px) {
6136                #rec644412436 .tn-elem[data-elem-id="1690238351801"] {
6137                    top: 10px;
6138                    left: calc(50% - 160px + 113px);
6139                    width: 111px;
6140                }
6141
6142                #rec644412436 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
6143                    font-size: 12px;
6144                }
6145            }</style>
6146        <div class='t396'>
6147            <div class="t396__artboard" data-artboard-recid="644412436" data-artboard-screens="320,640,960,1200"
6148                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
6149                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
6150                 data-artboard-height-res-960="222"
6151            >
6152                <div class="t396__carrier" data-artboard-recid="644412436"></div>
6153                <div class="t396__filter" data-artboard-recid="644412436"></div>
6154                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444124361690241109137 ' data-elem-id='1690241109137'
6155                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
6156                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
6157                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
6158                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
6159                     data-animate-mobile="y" data-animate-sbs-event="hover"
6160                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
6161                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
6162                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
6163                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
6164                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
6165                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
6166                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
6167                >
6168                    <div class='tn-atom'></div>
6169                </div>
6170                <div class='t396__elem tn-elem show_1_1 tn-elem__6444124361690239578729 ' data-elem-id='1690239578729'
6171                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
6172                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
6173                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
6174                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
6175                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
6176                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
6177                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
6178                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
6179                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
6180                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
6181                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
6182                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
6183                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
6184                >
6185                    <div class='tn-atom t-bgimg'
6186                         data-original="/images/v2/tild3937-3436-4439-b434-666539373332__case_2_1_a1.svg"
6187                         style="background-image:url('/images/v2/tild3937-3436-4439-b434-666539373332__case_2_1_a1.svg');"
6188                    ></div>
6189                </div>
6190                <div class='t396__elem tn-elem show_1_1 tn-elem__6444124361690239670103 t396__elem--anim-hidden'
6191                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="0"
6192                     data-field-left-value="39" data-field-height-value="280" data-field-width-value="540"
6193                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
6194                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
6195                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
6196                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
6197                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
6198                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
6199                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
6200                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
6201                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
6202                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
6203                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
6204                >
6205                    <div class='tn-atom t-bgimg'
6206                         data-original="/images/v2/tild3837-3037-4664-b665-333866653438__case_2_1_a2.svg"
6207                         style="background-image:url('/images/v2/tild3837-3037-4664-b665-333866653438__case_2_1_a2.svg');"
6208                    ></div>
6209                </div>
6210                <div class='t396__elem tn-elem show_1_1 tn-elem__6444124361690239682409 t396__elem--anim-hidden'
6211                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="0"
6212                     data-field-left-value="39" data-field-height-value="280" data-field-width-value="540"
6213                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
6214                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
6215                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
6216                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
6217                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
6218                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
6219                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
6220                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
6221                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
6222                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
6223                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
6224                >
6225                    <div class='tn-atom t-bgimg'
6226                         data-original="/images/v2/tild3534-3465-4363-b137-383862663335__case_2_1_a3.svg"
6227                         style="background-image:url('/images/v2/tild3534-3465-4363-b137-383862663335__case_2_1_a3.svg');"
6228                    ></div>
6229                </div>
6230                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444124361690238351796 ' data-elem-id='1690238351796'
6231                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
6232                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
6233                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
6234                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
6235                     data-animate-mobile="y" data-animate-sbs-event="hover"
6236                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
6237                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
6238                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
6239                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
6240                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
6241                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
6242                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
6243                >
6244                    <div class='tn-atom'></div>
6245                </div>
6246                <div class='t396__elem tn-elem tn-elem__6444124361690238538450 ' data-elem-id='1690238538450'
6247                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
6248                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
6249                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
6250                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
6251                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
6252                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
6253                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
6254                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
6255                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
6256                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
6257                     data-field-top-res-960-value="0" data-field-left-res-960-value="39"
6258                     data-field-height-res-960-value="222" data-field-width-res-960-value="424"
6259                >
6260                    <div class='tn-atom t-bgimg'
6261                         data-original="/images/v2/tild3165-6661-4533-b237-396161623563__case_2_1.png"
6262                         style="background-image:url('/images/v2/tild3165-6661-4533-b237-396161623563__case_2_1.png');"
6263                    ></div>
6264                </div>
6265                <div class='t396__elem tn-elem tn-elem__6444124361690238351801 t-animate' data-elem-id='1690238351801'
6266                     data-elem-type='text' data-field-top-value="22" data-field-left-value="64"
6267                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
6268                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
6269                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
6270                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
6271                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="113"
6272                     data-field-width-res-320-value="111" data-field-top-res-640-value="40"
6273                     data-field-left-res-640-value="248" data-field-width-res-640-value="144"
6274                     data-field-top-res-960-value="16" data-field-left-res-960-value="58"
6275                >
6276                    <div class='tn-atom' field='tn_text_1690238351801'>Загадки и пазлы</div>
6277                </div>
6278            </div>
6279        </div>
6280        
6280<script>t_onFuncLoad('t396_initialScale', function () {
6281                t396_initialScale('644412436');
6282            });
6283            t_onReady(function () {
6284                t_onFuncLoad('t396_init', function () {
6285                    t396_init('644412436');
6286                });
6287            });</script>
6287<!-- /T396 --></div>
6288    <div id="rec641476772" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
6289        <style>#rec641476772 .t396__artboard {
6290                height: 280px;
6291                background-color: #121313;
6292                overflow-x: hidden;
6293                overflow-y: hidden;
6294            }
6295
6296            #rec641476772 .t396__filter {
6297                height: 280px;
6298            }
6299
6300            #rec641476772 .t396__carrier {
6301                height: 280px;
6302                background-position: center center;
6303                background-attachment: scroll;
6304                background-size: cover;
6305                background-repeat: no-repeat;
6306            }
6307
6308            @media  screen and (max-width: 1199px) {
6309                #rec641476772 .t396__artboard {
6310                    height: 220px;
6311                }
6312
6313                #rec641476772 .t396__filter {
6314                    height: 220px;
6315                }
6316
6317                #rec641476772 .t396__carrier {
6318                    height: 220px;
6319                    background-attachment: scroll;
6320                }
6321            }
6322
6323            @media  screen and (max-width: 959px) {
6324                #rec641476772 .t396__artboard {
6325                    height: 610px;
6326                }
6327
6328                #rec641476772 .t396__filter {
6329                    height: 610px;
6330                }
6331
6332                #rec641476772 .t396__carrier {
6333                    height: 610px;
6334                    background-attachment: scroll;
6335                }
6336            }
6337
6338            @media  screen and (max-width: 639px) {
6339                #rec641476772 .t396__artboard {
6340                    height: 125px;
6341                }
6342
6343                #rec641476772 .t396__filter {
6344                    height: 125px;
6345                }
6346
6347                #rec641476772 .t396__carrier {
6348                    height: 125px;
6349                    background-attachment: scroll;
6350                }
6351            }
6352
6353            #rec641476772 .tn-elem[data-elem-id="1690241109137"] {
6354                z-index: 4;
6355                top: 2px;
6356                left: calc(50% - 600px + 40px);
6357                width: 540px;
6358                height: 280px;
6359                pointer-events: none;
6360            }
6361
6362            #rec641476772 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
6363                opacity: 0;
6364            }
6365
6366            #rec641476772 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
6367                border-width: 0px;
6368                border-radius: 14px;
6369                background-color: #f04392;
6370                background-position: center center;
6371                border-color: transparent;
6372                border-style: solid;
6373            }
6374
6375            @media  screen and (max-width: 1199px) {
6376                #rec641476772 .tn-elem[data-elem-id="1690241109137"] {
6377                    top: 1px;
6378                    left: calc(50% - 480px + 40px);
6379                    width: 424px;
6380                    height: 219px;
6381                }
6382            }
6383
6384            @media  screen and (max-width: 959px) {
6385                #rec641476772 .tn-elem[data-elem-id="1690241109137"] {
6386                    top: 0px;
6387                    left: calc(50% - 320px + 40px);
6388                    width: 560px;
6389                    height: 290px;
6390                }
6391            }
6392
6393            @media  screen and (max-width: 639px) {
6394                #rec641476772 .tn-elem[data-elem-id="1690241109137"] {
6395                    top: 0px;
6396                    width: 240px;
6397                    height: 125px;
6398                }
6399            }
6400
6401            #rec641476772 .tn-elem[data-elem-id="1690239578729"] {
6402                z-index: 5;
6403                top: 2px;
6404                left: calc(50% - 600px + 40px);
6405                width: 540px;
6406                height: 280px;
6407                pointer-events: none;
6408            }
6409
6410            #rec641476772 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
6411                opacity: 0;
6412            }
6413
6414            #rec641476772 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
6415                border-radius: 13px;
6416                background-position: center top;
6417                background-size: cover;
6418                background-repeat: no-repeat;
6419                border-color: transparent;
6420                border-style: solid;
6421            }
6422
6423            @media  screen and (max-width: 1199px) {
6424                #rec641476772 .tn-elem[data-elem-id="1690239578729"] {
6425                    top: 1px;
6426                    width: 424px;
6427                    height: 219px;
6428                }
6429            }
6430
6431            @media  screen and (max-width: 959px) {
6432                #rec641476772 .tn-elem[data-elem-id="1690239578729"] {
6433                    top: 0px;
6434                    left: calc(50% - 320px + 40px);
6435                    width: 560px;
6436                    height: 290px;
6437                }
6438            }
6439
6440            @media  screen and (max-width: 639px) {
6441                #rec641476772 .tn-elem[data-elem-id="1690239578729"] {
6442                    top: 0px;
6443                    width: 240px;
6444                    height: 125px;
6445                }
6446            }
6447
6448            #rec641476772 .tn-elem[data-elem-id="1694167882112"] {
6449                z-index: 6;
6450                top: 2px;
6451                left: calc(50% - 600px + 620px);
6452                width: 540px;
6453                height: 280px;
6454                pointer-events: none;
6455            }
6456
6457            #rec641476772 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882112"] {
6458                opacity: 0;
6459            }
6460
6461            #rec641476772 .tn-elem[data-elem-id="1694167882112"] .tn-atom {
6462                border-width: 0px;
6463                border-radius: 14px;
6464                background-color: #39bfd1;
6465                background-position: center center;
6466                border-color: transparent;
6467                border-style: solid;
6468            }
6469
6470            @media  screen and (max-width: 1199px) {
6471                #rec641476772 .tn-elem[data-elem-id="1694167882112"] {
6472                    top: 0px;
6473                    left: calc(50% - 480px + 494px);
6474                    width: 424px;
6475                    height: 220px;
6476                }
6477            }
6478
6479            @media  screen and (max-width: 959px) {
6480                #rec641476772 .tn-elem[data-elem-id="1694167882112"] {
6481                    top: 320px;
6482                    left: calc(50% - 320px + 40px);
6483                    width: 560px;
6484                    height: 290px;
6485                }
6486            }
6487
6488            @media  screen and (max-width: 639px) {
6489                #rec641476772 .tn-elem[data-elem-id="1694167882112"] {
6490                    top: 0px;
6491                    left: calc(50% - 160px + 335px);
6492                    width: 240px;
6493                    height: 125px;
6494                }
6495            }
6496
6497            #rec641476772 .tn-elem[data-elem-id="1690239670103"] {
6498                z-index: 7;
6499                top: 2px;
6500                left: calc(50% - 600px + 40px);
6501                width: 540px;
6502                height: 280px;
6503                pointer-events: none;
6504            }
6505
6506            #rec641476772 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
6507                opacity: 0;
6508            }
6509
6510            #rec641476772 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
6511                border-radius: 13px;
6512                background-position: center top;
6513                background-size: cover;
6514                background-repeat: no-repeat;
6515                border-color: transparent;
6516                border-style: solid;
6517            }
6518
6519            @media  screen and (max-width: 1199px) {
6520                #rec641476772 .tn-elem[data-elem-id="1690239670103"] {
6521                    top: 1px;
6522                    width: 424px;
6523                    height: 219px;
6524                }
6525            }
6526
6527            @media  screen and (max-width: 959px) {
6528                #rec641476772 .tn-elem[data-elem-id="1690239670103"] {
6529                    top: 0px;
6530                    left: calc(50% - 320px + 40px);
6531                    width: 560px;
6532                    height: 290px;
6533                }
6534            }
6535
6536            @media  screen and (max-width: 639px) {
6537                #rec641476772 .tn-elem[data-elem-id="1690239670103"] {
6538                    top: 0px;
6539                    width: 240px;
6540                    height: 125px;
6541                }
6542            }
6543
6544            #rec641476772 .tn-elem[data-elem-id="1694167882116"] {
6545                z-index: 8;
6546                top: 2px;
6547                left: calc(50% - 600px + 620px);
6548                width: 540px;
6549                height: 280px;
6550                pointer-events: none;
6551            }
6552
6553            #rec641476772 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882116"] {
6554                opacity: 0;
6555            }
6556
6557            #rec641476772 .tn-elem[data-elem-id="1694167882116"] .tn-atom {
6558                border-radius: 13px;
6559                background-position: center top;
6560                background-size: cover;
6561                background-repeat: no-repeat;
6562                border-color: transparent;
6563                border-style: solid;
6564            }
6565
6566            @media  screen and (max-width: 1199px) {
6567                #rec641476772 .tn-elem[data-elem-id="1694167882116"] {
6568                    top: 0px;
6569                    left: calc(50% - 480px + 494px);
6570                    width: 424px;
6571                    height: 220px;
6572                }
6573            }
6574
6575            @media  screen and (max-width: 959px) {
6576                #rec641476772 .tn-elem[data-elem-id="1694167882116"] {
6577                    top: 320px;
6578                    left: calc(50% - 320px + 40px);
6579                    width: 560px;
6580                    height: 290px;
6581                }
6582            }
6583
6584            @media  screen and (max-width: 639px) {
6585                #rec641476772 .tn-elem[data-elem-id="1694167882116"] {
6586                    top: 0px;
6587                    left: calc(50% - 160px + 335px);
6588                    width: 240px;
6589                    height: 125px;
6590                }
6591            }
6592
6593            #rec641476772 .tn-elem[data-elem-id="1690239682409"] {
6594                z-index: 9;
6595                top: 2px;
6596                left: calc(50% - 600px + 40px);
6597                width: 540px;
6598                height: 280px;
6599                pointer-events: none;
6600            }
6601
6602            #rec641476772 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
6603                opacity: 0;
6604            }
6605
6606            #rec641476772 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
6607                border-radius: 13px;
6608                background-position: center top;
6609                background-size: cover;
6610                background-repeat: no-repeat;
6611                border-color: transparent;
6612                border-style: solid;
6613            }
6614
6615            @media  screen and (max-width: 1199px) {
6616                #rec641476772 .tn-elem[data-elem-id="1690239682409"] {
6617                    top: 1px;
6618                    width: 424px;
6619                    height: 219px;
6620                }
6621            }
6622
6623            @media  screen and (max-width: 959px) {
6624                #rec641476772 .tn-elem[data-elem-id="1690239682409"] {
6625                    top: 0px;
6626                    left: calc(50% - 320px + 40px);
6627                    width: 560px;
6628                    height: 290px;
6629                }
6630            }
6631
6632            @media  screen and (max-width: 639px) {
6633                #rec641476772 .tn-elem[data-elem-id="1690239682409"] {
6634                    top: 0px;
6635                    width: 240px;
6636                    height: 125px;
6637                }
6638            }
6639
6640            #rec641476772 .tn-elem[data-elem-id="1694167882119"] {
6641                z-index: 10;
6642                top: 2px;
6643                left: calc(50% - 600px + 620px);
6644                width: 540px;
6645                height: 280px;
6646                pointer-events: none;
6647            }
6648
6649            #rec641476772 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882119"] {
6650                opacity: 0;
6651            }
6652
6653            #rec641476772 .tn-elem[data-elem-id="1694167882119"] .tn-atom {
6654                border-radius: 13px;
6655                background-position: center top;
6656                background-size: cover;
6657                background-repeat: no-repeat;
6658                border-color: transparent;
6659                border-style: solid;
6660            }
6661
6662            @media  screen and (max-width: 1199px) {
6663                #rec641476772 .tn-elem[data-elem-id="1694167882119"] {
6664                    top: 0px;
6665                    left: calc(50% - 480px + 494px);
6666                    width: 424px;
6667                    height: 220px;
6668                }
6669            }
6670
6671            @media  screen and (max-width: 959px) {
6672                #rec641476772 .tn-elem[data-elem-id="1694167882119"] {
6673                    top: 320px;
6674                    left: calc(50% - 320px + 40px);
6675                    width: 560px;
6676                    height: 290px;
6677                }
6678            }
6679
6680            @media  screen and (max-width: 639px) {
6681                #rec641476772 .tn-elem[data-elem-id="1694167882119"] {
6682                    top: 0px;
6683                    left: calc(50% - 160px + 335px);
6684                    width: 240px;
6685                    height: 125px;
6686                }
6687            }
6688
6689            #rec641476772 .tn-elem[data-elem-id="1690238351796"] {
6690                z-index: 11;
6691                top: 2px;
6692                left: calc(50% - 600px + 40px);
6693                width: 540px;
6694                height: 280px;
6695            }
6696
6697            #rec641476772 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
6698                opacity: 0;
6699            }
6700
6701            #rec641476772 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
6702                border-radius: 13px;
6703                background-color: #1b1e20;
6704                background-position: center center;
6705                border-color: transparent;
6706                border-style: solid;
6707            }
6708
6709            @media  screen and (max-width: 1199px) {
6710                #rec641476772 .tn-elem[data-elem-id="1690238351796"] {
6711                    top: 1px;
6712                    left: calc(50% - 480px + 40px);
6713                    width: 424px;
6714                    height: 219px;
6715                }
6716            }
6717
6718            @media  screen and (max-width: 959px) {
6719                #rec641476772 .tn-elem[data-elem-id="1690238351796"] {
6720                    top: 0px;
6721                    left: calc(50% - 320px + 40px);
6722                    width: 560px;
6723                    height: 290px;
6724                }
6725            }
6726
6727            @media  screen and (max-width: 639px) {
6728                #rec641476772 .tn-elem[data-elem-id="1690238351796"] {
6729                    top: 0px;
6730                    width: 240px;
6731                    height: 125px;
6732                }
6733            }
6734
6735            #rec641476772 .tn-elem[data-elem-id="1694167882123"] {
6736                z-index: 12;
6737                top: 2px;
6738                left: calc(50% - 600px + 620px);
6739                width: 540px;
6740                height: 280px;
6741                pointer-events: none;
6742            }
6743
6744            #rec641476772 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882123"] {
6745                opacity: 0;
6746            }
6747
6748            #rec641476772 .tn-elem[data-elem-id="1694167882123"] .tn-atom {
6749                border-radius: 13px;
6750                background-position: center top;
6751                background-size: cover;
6752                background-repeat: no-repeat;
6753                border-color: transparent;
6754                border-style: solid;
6755            }
6756
6757            @media  screen and (max-width: 1199px) {
6758                #rec641476772 .tn-elem[data-elem-id="1694167882123"] {
6759                    top: 0px;
6760                    left: calc(50% - 480px + 494px);
6761                    width: 424px;
6762                    height: 220px;
6763                }
6764            }
6765
6766            @media  screen and (max-width: 959px) {
6767                #rec641476772 .tn-elem[data-elem-id="1694167882123"] {
6768                    top: 320px;
6769                    left: calc(50% - 320px + 40px);
6770                    width: 560px;
6771                    height: 290px;
6772                }
6773            }
6774
6775            @media  screen and (max-width: 639px) {
6776                #rec641476772 .tn-elem[data-elem-id="1694167882123"] {
6777                    top: 0px;
6778                    left: calc(50% - 160px + 335px);
6779                    width: 240px;
6780                    height: 125px;
6781                }
6782            }
6783
6784            #rec641476772 .tn-elem[data-elem-id="1690238538450"] {
6785                z-index: 13;
6786                top: 2px;
6787                left: calc(50% - 600px + 40px);
6788                width: 540px;
6789                height: 280px;
6790                pointer-events: none;
6791            }
6792
6793            #rec641476772 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
6794                opacity: 0;
6795            }
6796
6797            #rec641476772 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
6798                border-radius: 13px;
6799                background-position: center top;
6800                background-size: cover;
6801                background-repeat: no-repeat;
6802                border-color: transparent;
6803                border-style: solid;
6804            }
6805
6806            @media  screen and (max-width: 1199px) {
6807                #rec641476772 .tn-elem[data-elem-id="1690238538450"] {
6808                    top: 0px;
6809                    width: 424px;
6810                    height: 220px;
6811                }
6812            }
6813
6814            @media  screen and (max-width: 959px) {
6815                #rec641476772 .tn-elem[data-elem-id="1690238538450"] {
6816                    top: 0px;
6817                    left: calc(50% - 320px + 40px);
6818                    width: 560px;
6819                    height: 290px;
6820                }
6821            }
6822
6823            @media  screen and (max-width: 639px) {
6824                #rec641476772 .tn-elem[data-elem-id="1690238538450"] {
6825                    top: 0px;
6826                    width: 240px;
6827                    height: 125px;
6828                }
6829            }
6830
6831            #rec641476772 .tn-elem[data-elem-id="1694167882127"] {
6832                z-index: 14;
6833                top: 2px;
6834                left: calc(50% - 600px + 620px);
6835                width: 540px;
6836                height: 280px;
6837            }
6838
6839            #rec641476772 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882127"] {
6840                opacity: 0;
6841            }
6842
6843            #rec641476772 .tn-elem[data-elem-id="1694167882127"] .tn-atom {
6844                border-radius: 13px;
6845                background-color: #1b1e20;
6846                background-position: center center;
6847                border-color: transparent;
6848                border-style: solid;
6849            }
6850
6851            @media  screen and (max-width: 1199px) {
6852                #rec641476772 .tn-elem[data-elem-id="1694167882127"] {
6853                    top: 0px;
6854                    left: calc(50% - 480px + 494px);
6855                    width: 424px;
6856                    height: 220px;
6857                }
6858            }
6859
6860            @media  screen and (max-width: 959px) {
6861                #rec641476772 .tn-elem[data-elem-id="1694167882127"] {
6862                    top: 320px;
6863                    left: calc(50% - 320px + 40px);
6864                    width: 560px;
6865                    height: 290px;
6866                }
6867            }
6868
6869            @media  screen and (max-width: 639px) {
6870                #rec641476772 .tn-elem[data-elem-id="1694167882127"] {
6871                    top: 0px;
6872                    left: calc(50% - 160px + 335px);
6873                    width: 240px;
6874                    height: 125px;
6875                }
6876            }
6877
6878            #rec641476772 .tn-elem[data-elem-id="1690238351801"] {
6879                color: #f4f4f4;
6880                text-align: LEFT;
6881                z-index: 15;
6882                top: 23px;
6883                left: calc(50% - 600px + 64px);
6884                width: 230px;
6885                pointer-events: none;
6886            }
6887
6888            #rec641476772 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
6889                color: #f4f4f4;
6890                font-size: 18px;
6891                font-family: 'Manrope', Arial, sans-serif;
6892                line-height: 1.00;
6893                font-weight: 500;
6894                background-position: center center;
6895                border-color: transparent;
6896                border-style: solid;
6897            }
6898
6899            @media  screen and (max-width: 1199px) {
6900                #rec641476772 .tn-elem[data-elem-id="1690238351801"] {
6901                    top: 16px;
6902                    left: calc(50% - 480px + 58px);
6903                }
6904            }
6905
6906            @media  screen and (max-width: 959px) {
6907                #rec641476772 .tn-elem[data-elem-id="1690238351801"] {
6908                    top: 40px;
6909                    left: calc(50% - 320px + 267px);
6910                    width: 10px;
6911                }
6912            }
6913
6914            @media  screen and (max-width: 639px) {
6915                #rec641476772 .tn-elem[data-elem-id="1690238351801"] {
6916                    top: 10px;
6917                    left: calc(50% - 160px + 124px);
6918                    width: 10px;
6919                }
6920
6921                #rec641476772 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
6922                    font-size: 12px;
6923                }
6924            }
6925
6926            #rec641476772 .tn-elem[data-elem-id="1694167882130"] {
6927                z-index: 16;
6928                top: 2px;
6929                left: calc(50% - 600px + 620px);
6930                width: 540px;
6931                height: 280px;
6932                pointer-events: none;
6933            }
6934
6935            #rec641476772 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882130"] {
6936                opacity: 0;
6937            }
6938
6939            #rec641476772 .tn-elem[data-elem-id="1694167882130"] .tn-atom {
6940                border-radius: 13px;
6941                background-position: center top;
6942                background-size: cover;
6943                background-repeat: no-repeat;
6944                border-color: transparent;
6945                border-style: solid;
6946            }
6947
6948            @media  screen and (max-width: 1199px) {
6949                #rec641476772 .tn-elem[data-elem-id="1694167882130"] {
6950                    top: 0px;
6951                    left: calc(50% - 480px + 494px);
6952                    width: 424px;
6953                    height: 220px;
6954                }
6955            }
6956
6957            @media  screen and (max-width: 959px) {
6958                #rec641476772 .tn-elem[data-elem-id="1694167882130"] {
6959                    top: 320px;
6960                    left: calc(50% - 320px + 40px);
6961                    width: 560px;
6962                    height: 290px;
6963                }
6964            }
6965
6966            @media  screen and (max-width: 639px) {
6967                #rec641476772 .tn-elem[data-elem-id="1694167882130"] {
6968                    top: 0px;
6969                    left: calc(50% - 160px + 335px);
6970                    width: 240px;
6971                    height: 125px;
6972                }
6973            }
6974
6975            #rec641476772 .tn-elem[data-elem-id="1694167882136"] {
6976                color: #f4f4f4;
6977                text-align: LEFT;
6978                z-index: 17;
6979                top: 23px;
6980                left: calc(50% - 600px + 644px);
6981                width: 199px;
6982                pointer-events: none;
6983            }
6984
6985            #rec641476772 .tn-elem[data-elem-id="1694167882136"] .tn-atom {
6986                color: #f4f4f4;
6987                font-size: 18px;
6988                font-family: 'Manrope', Arial, sans-serif;
6989                line-height: 1.00;
6990                font-weight: 500;
6991                background-position: center center;
6992                border-color: transparent;
6993                border-style: solid;
6994            }
6995
6996            @media  screen and (max-width: 1199px) {
6997                #rec641476772 .tn-elem[data-elem-id="1694167882136"] {
6998                    top: 16px;
6999                    left: calc(50% - 480px + 513px);
7000                }
7001            }
7002
7003            @media  screen and (max-width: 959px) {
7004                #rec641476772 .tn-elem[data-elem-id="1694167882136"] {
7005                    top: 360px;
7006                    left: calc(50% - 320px + 285px);
7007                    width: 10px;
7008                }
7009            }
7010
7011            @media  screen and (max-width: 639px) {
7012                #rec641476772 .tn-elem[data-elem-id="1694167882136"] {
7013                    top: 10px;
7014                    left: calc(50% - 160px + 432px);
7015                    width: 10px;
7016                }
7017
7018                #rec641476772 .tn-elem[data-elem-id="1694167882136"] .tn-atom {
7019                    font-size: 12px;
7020                }
7021            }</style>
7022        <div class='t396'>
7023            <div class="t396__artboard" data-artboard-recid="641476772" data-artboard-screens="320,640,960,1200"
7024                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
7025                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="610"
7026                 data-artboard-height-res-960="220"
7027            >
7028                <div class="t396__carrier" data-artboard-recid="641476772"></div>
7029                <div class="t396__filter" data-artboard-recid="641476772"></div>
7030                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414767721690241109137 ' data-elem-id='1690241109137'
7031                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
7032                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
7033                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
7034                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
7035                     data-animate-mobile="y" data-animate-sbs-event="hover"
7036                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
7037                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
7038                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
7039                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
7040                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
7041                     data-field-left-res-960-value="40" data-field-height-res-960-value="219"
7042                     data-field-width-res-960-value="424"
7043                >
7044                    <div class='tn-atom'></div>
7045                </div>
7046                <div class='t396__elem tn-elem show_1_1 tn-elem__6414767721690239578729 ' data-elem-id='1690239578729'
7047                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
7048                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
7049                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
7050                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
7051                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
7052                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
7053                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
7054                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
7055                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
7056                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
7057                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
7058                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
7059                >
7060                    <div class='tn-atom t-bgimg'
7061                         data-original="/images/v2/tild3462-6563-4535-a362-363233323263__case_2_3_a1.svg"
7062                         style="background-image:url('/images/v2/tild3462-6563-4535-a362-363233323263__case_2_3_a1.svg');"
7063                    ></div>
7064                </div>
7065                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414767721694167882112 ' data-elem-id='1694167882112'
7066                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="620"
7067                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
7068                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
7069                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
7070                     data-animate-mobile="y" data-animate-sbs-event="hover"
7071                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
7072                     data-field-top-res-320-value="0" data-field-left-res-320-value="335"
7073                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
7074                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
7075                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
7076                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
7077                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
7078                >
7079                    <div class='tn-atom'></div>
7080                </div>
7081                <div class='t396__elem tn-elem show_1_1 tn-elem__6414767721690239670103 t396__elem--anim-hidden'
7082                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="2"
7083                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
7084                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
7085                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
7086                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
7087                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
7088                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
7089                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
7090                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
7091                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
7092                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
7093                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
7094                >
7095                    <div class='tn-atom t-bgimg'
7096                         data-original="/images/v2/tild3861-3461-4464-b765-613635613164__case_2_3_a2.svg"
7097                         style="background-image:url('/images/v2/tild3861-3461-4464-b765-613635613164__case_2_3_a2.svg');"
7098                    ></div>
7099                </div>
7100                <div class='t396__elem tn-elem show_1_1 tn-elem__6414767721694167882116 ' data-elem-id='1694167882116'
7101                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="620"
7102                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
7103                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
7104                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
7105                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
7106                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
7107                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
7108                     data-field-top-res-320-value="0" data-field-left-res-320-value="335"
7109                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
7110                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
7111                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
7112                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
7113                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
7114                >
7115                    <div class='tn-atom t-bgimg'
7116                         data-original="/images/v2/tild3966-3561-4235-b930-346238316362__case_2_2_a1.svg"
7117                         style="background-image:url('/images/v2/tild3966-3561-4235-b930-346238316362__case_2_2_a1.svg');"
7118                    ></div>
7119                </div>
7120                <div class='t396__elem tn-elem show_1_1 tn-elem__6414767721690239682409 t396__elem--anim-hidden'
7121                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="2"
7122                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
7123                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
7124                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
7125                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
7126                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
7127                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
7128                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
7129                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
7130                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
7131                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
7132                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
7133                >
7134                    <div class='tn-atom t-bgimg'
7135                         data-original="/images/v2/tild3465-3831-4533-a633-343238633635__case_2_3_a3.svg"
7136                         style="background-image:url('/images/v2/tild3465-3831-4533-a633-343238633635__case_2_3_a3.svg');"
7137                    ></div>
7138                </div>
7139                <div class='t396__elem tn-elem show_1_1 tn-elem__6414767721694167882119 t396__elem--anim-hidden'
7140                     data-elem-id='1694167882119' data-elem-type='shape' data-field-top-value="2"
7141                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
7142                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
7143                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
7144                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
7145                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
7146                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
7147                     data-field-top-res-320-value="0" data-field-left-res-320-value="335"
7148                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
7149                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
7150                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
7151                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
7152                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
7153                >
7154                    <div class='tn-atom t-bgimg'
7155                         data-original="/images/v2/tild3532-3139-4730-b835-396162386535__case_2_2_a2.svg"
7156                         style="background-image:url('/images/v2/tild3532-3139-4730-b835-396162386535__case_2_2_a2.svg');"
7157                    ></div>
7158                </div>
7159                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414767721690238351796 ' data-elem-id='1690238351796'
7160                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
7161                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
7162                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
7163                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
7164                     data-animate-mobile="y" data-animate-sbs-event="hover"
7165                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
7166                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
7167                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
7168                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
7169                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
7170                     data-field-left-res-960-value="40" data-field-height-res-960-value="219"
7171                     data-field-width-res-960-value="424"
7172                >
7173                    <div class='tn-atom'></div>
7174                </div>
7175                <div class='t396__elem tn-elem show_1_1 tn-elem__6414767721694167882123 t396__elem--anim-hidden'
7176                     data-elem-id='1694167882123' data-elem-type='shape' data-field-top-value="2"
7177                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
7178                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
7179                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
7180                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
7181                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
7182                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
7183                     data-field-top-res-320-value="0" data-field-left-res-320-value="335"
7184                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
7185                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
7186                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
7187                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
7188                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
7189                >
7190                    <div class='tn-atom t-bgimg'
7191                         data-original="/images/v2/tild3234-3135-4337-b266-393234613330__case_2_2_a3.svg"
7192                         style="background-image:url('/images/v2/tild3234-3135-4337-b266-393234613330__case_2_2_a3.svg');"
7193                    ></div>
7194                </div>
7195                <div class='t396__elem tn-elem tn-elem__6414767721690238538450 ' data-elem-id='1690238538450'
7196                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
7197                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
7198                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
7199                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
7200                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
7201                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
7202                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
7203                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
7204                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
7205                     data-field-width-res-640-value="560" data-field-top-res-960-value="0"
7206                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
7207                >
7208                    <div class='tn-atom t-bgimg'
7209                         data-original="/images/v2/tild3264-6435-4234-b033-346562643630__case_2_3.png"
7210                         style="background-image:url('/images/v2/tild3264-6435-4234-b033-346562643630__case_2_3.png');"
7211                    ></div>
7212                </div>
7213                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414767721694167882127 ' data-elem-id='1694167882127'
7214                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="620"
7215                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
7216                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
7217                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
7218                     data-animate-mobile="y" data-animate-sbs-event="hover"
7219                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
7220                     data-field-top-res-320-value="0" data-field-left-res-320-value="335"
7221                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
7222                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
7223                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
7224                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
7225                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
7226                >
7227                    <div class='tn-atom'></div>
7228                </div>
7229                <div class='t396__elem tn-elem tn-elem__6414767721690238351801 t-animate' data-elem-id='1690238351801'
7230                     data-elem-type='text' data-field-top-value="23" data-field-left-value="64"
7231                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
7232                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
7233                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
7234                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
7235                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="124"
7236                     data-field-width-res-320-value="10" data-field-top-res-640-value="40"
7237                     data-field-left-res-640-value="267" data-field-width-res-640-value="10"
7238                     data-field-top-res-960-value="16" data-field-left-res-960-value="58"
7239                >
7240                    <div class='tn-atom' field='tn_text_1690238351801'>Словополис</div>
7241                </div>
7242                <div class='t396__elem tn-elem tn-elem__6414767721694167882130 ' data-elem-id='1694167882130'
7243                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="620"
7244                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
7245                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
7246                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
7247                     data-animate-mobile="y" data-animate-sbs-event="hover"
7248                     data-animate-sbs-trgels="1690241327217,1694167882127"
7249                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
7250                     data-field-top-res-320-value="0" data-field-left-res-320-value="335"
7251                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
7252                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
7253                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
7254                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
7255                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
7256                >
7257                    <div class='tn-atom t-bgimg'
7258                         data-original="/images/v2/tild6532-3531-4636-b332-633438353631__case_2_2.png"
7259                         style="background-image:url('/images/v2/tild6532-3531-4636-b332-633438353631__case_2_2.png');"
7260                    ></div>
7261                </div>
7262                <div class='t396__elem tn-elem tn-elem__6414767721694167882136 t-animate' data-elem-id='1694167882136'
7263                     data-elem-type='text' data-field-top-value="23" data-field-left-value="644"
7264                     data-field-width-value="199" data-field-axisy-value="top" data-field-axisx-value="left"
7265                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
7266                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
7267                     data-animate-duration="0.8" data-animate-delay="0.4" data-animate-distance="15"
7268                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="432"
7269                     data-field-width-res-320-value="10" data-field-top-res-640-value="360"
7270                     data-field-left-res-640-value="285" data-field-width-res-640-value="10"
7271                     data-field-top-res-960-value="16" data-field-left-res-960-value="513"
7272                >
7273                    <div class='tn-atom' field='tn_text_1694167882136'>Телепат</div>
7274                </div>
7275            </div>
7276        </div>
7277        
7277<script>t_onFuncLoad('t396_initialScale', function () {
7278                t396_initialScale('641476772');
7279            });
7280            t_onReady(function () {
7281                t_onFuncLoad('t396_init', function () {
7282                    t396_init('641476772');
7283                });
7284            });</script>
7284<!-- /T396 --></div>
7285    <div id="rec625130936" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
7286        <style>#rec625130936 .t396__artboard {
7287                height: 280px;
7288                background-color: #121313;
7289                overflow-x: hidden;
7290                overflow-y: hidden;
7291                isolation: isolate;
7292            }
7293
7294            #rec625130936 .t396__filter {
7295                height: 280px;
7296            }
7297
7298            #rec625130936 .t396__carrier {
7299                height: 280px;
7300                background-position: center center;
7301                background-attachment: scroll;
7302                background-size: cover;
7303                background-repeat: no-repeat;
7304            }
7305
7306            @media  screen and (max-width: 1199px) {
7307                #rec625130936 .t396__artboard {
7308                    height: 220px;
7309                }
7310
7311                #rec625130936 .t396__filter {
7312                    height: 220px;
7313                }
7314
7315                #rec625130936 .t396__carrier {
7316                    height: 220px;
7317                    background-attachment: scroll;
7318                }
7319            }
7320
7321            @media  screen and (max-width: 959px) {
7322                #rec625130936 .t396__artboard {
7323                    height: 290px;
7324                }
7325
7326                #rec625130936 .t396__filter {
7327                    height: 290px;
7328                }
7329
7330                #rec625130936 .t396__carrier {
7331                    height: 290px;
7332                    background-attachment: scroll;
7333                }
7334            }
7335
7336            @media  screen and (max-width: 639px) {
7337                #rec625130936 .t396__artboard {
7338                    height: 125px;
7339                }
7340
7341                #rec625130936 .t396__filter {
7342                    height: 125px;
7343                }
7344
7345                #rec625130936 .t396__carrier {
7346                    height: 125px;
7347                    background-attachment: scroll;
7348                }
7349            }
7350
7351            #rec625130936 .tn-elem[data-elem-id="1690241109137"] {
7352                z-index: 2;
7353                top: 0px;
7354                left: calc(50% - 600px + 40px);
7355                width: 538px;
7356                height: 280px;
7357                pointer-events: none;
7358            }
7359
7360            @media (min-width: 1200px) {
7361                #rec625130936 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
7362                    opacity: 0;
7363                }
7364            }
7365
7366            #rec625130936 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
7367                border-width: 0px;
7368                border-radius: 14px;
7369                background-color: #f4435c;
7370                background-position: center center;
7371                border-color: transparent;
7372                border-style: solid;
7373            }
7374
7375            @media  screen and (max-width: 1199px) {
7376                #rec625130936 .tn-elem[data-elem-id="1690241109137"] {
7377                    top: 1px;
7378                    left: calc(50% - 480px + 39px);
7379                    width: 424px;
7380                    height: 219px;
7381                }
7382            }
7383
7384            @media  screen and (max-width: 959px) {
7385                #rec625130936 .tn-elem[data-elem-id="1690241109137"] {
7386                    top: 0px;
7387                    left: calc(50% - 320px + 40px);
7388                    width: 560px;
7389                    height: 290px;
7390                }
7391            }
7392
7393            @media  screen and (max-width: 639px) {
7394                #rec625130936 .tn-elem[data-elem-id="1690241109137"] {
7395                    top: 0px;
7396                    width: 240px;
7397                    height: 125px;
7398                }
7399            }
7400
7401            #rec625130936 .tn-elem[data-elem-id="1690239578729"] {
7402                z-index: 3;
7403                top: 0px;
7404                left: calc(50% - 600px + 39px);
7405                width: 540px;
7406                height: 280px;
7407                pointer-events: none;
7408            }
7409
7410            #rec625130936 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
7411                opacity: 0;
7412            }
7413
7414            #rec625130936 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
7415                border-radius: 13px;
7416                background-position: center top;
7417                background-size: cover;
7418                background-repeat: no-repeat;
7419                border-color: transparent;
7420                border-style: solid;
7421            }
7422
7423            @media  screen and (max-width: 1199px) {
7424                #rec625130936 .tn-elem[data-elem-id="1690239578729"] {
7425                    top: 1px;
7426                    left: calc(50% - 480px + 39px);
7427                    width: 424px;
7428                    height: 219px;
7429                }
7430            }
7431
7432            @media  screen and (max-width: 959px) {
7433                #rec625130936 .tn-elem[data-elem-id="1690239578729"] {
7434                    top: 0px;
7435                    left: calc(50% - 320px + 40px);
7436                    width: 560px;
7437                    height: 290px;
7438                }
7439            }
7440
7441            @media  screen and (max-width: 639px) {
7442                #rec625130936 .tn-elem[data-elem-id="1690239578729"] {
7443                    top: 0px;
7444                    width: 240px;
7445                    height: 125px;
7446                }
7447            }
7448
7449            #rec625130936 .tn-elem[data-elem-id="1690239670103"] {
7450                z-index: 4;
7451                top: 0px;
7452                left: calc(50% - 600px + 39px);
7453                width: 540px;
7454                height: 280px;
7455                pointer-events: none;
7456            }
7457
7458            #rec625130936 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
7459                opacity: 0;
7460            }
7461
7462            #rec625130936 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
7463                border-radius: 13px;
7464                background-position: center top;
7465                background-size: cover;
7466                background-repeat: no-repeat;
7467                border-color: transparent;
7468                border-style: solid;
7469            }
7470
7471            @media  screen and (max-width: 1199px) {
7472                #rec625130936 .tn-elem[data-elem-id="1690239670103"] {
7473                    top: 1px;
7474                    left: calc(50% - 480px + 39px);
7475                    width: 424px;
7476                    height: 219px;
7477                }
7478            }
7479
7480            @media  screen and (max-width: 959px) {
7481                #rec625130936 .tn-elem[data-elem-id="1690239670103"] {
7482                    top: 0px;
7483                    left: calc(50% - 320px + 40px);
7484                    width: 560px;
7485                    height: 290px;
7486                }
7487            }
7488
7489            @media  screen and (max-width: 639px) {
7490                #rec625130936 .tn-elem[data-elem-id="1690239670103"] {
7491                    top: 0px;
7492                    width: 240px;
7493                    height: 125px;
7494                }
7495            }
7496
7497            #rec625130936 .tn-elem[data-elem-id="1694167767706"] {
7498                z-index: 5;
7499                top: 0px;
7500                left: calc(50% - 600px + 620px);
7501                width: 540px;
7502                height: 280px;
7503                pointer-events: none;
7504            }
7505
7506            #rec625130936 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167767706"] {
7507                opacity: 0;
7508            }
7509
7510            #rec625130936 .tn-elem[data-elem-id="1694167767706"] .tn-atom {
7511                border-width: 0px;
7512                border-radius: 14px;
7513                background-color: #755ffc;
7514                background-position: center center;
7515                border-color: transparent;
7516                border-style: solid;
7517            }
7518
7519            @media  screen and (max-width: 1199px) {
7520                #rec625130936 .tn-elem[data-elem-id="1694167767706"] {
7521                    top: 1px;
7522                    left: calc(50% - 480px + 494px);
7523                    width: 424px;
7524                    height: 219px;
7525                }
7526            }
7527
7528            @media  screen and (max-width: 959px) {
7529                #rec625130936 .tn-elem[data-elem-id="1694167767706"] {
7530                    top: -6px;
7531                    left: calc(50% - 320px + 692px);
7532                    width: 560px;
7533                    height: 290px;
7534                }
7535            }
7536
7537            @media  screen and (max-width: 639px) {
7538                #rec625130936 .tn-elem[data-elem-id="1694167767706"] {
7539                    top: 0px;
7540                    left: calc(50% - 160px + 357px);
7541                    width: 240px;
7542                    height: 125px;
7543                }
7544            }
7545
7546            #rec625130936 .tn-elem[data-elem-id="1690239682409"] {
7547                z-index: 6;
7548                top: 0px;
7549                left: calc(50% - 600px + 39px);
7550                width: 540px;
7551                height: 280px;
7552                pointer-events: none;
7553            }
7554
7555            #rec625130936 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
7556                opacity: 0;
7557            }
7558
7559            #rec625130936 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
7560                border-radius: 13px;
7561                background-position: center top;
7562                background-size: cover;
7563                background-repeat: no-repeat;
7564                border-color: transparent;
7565                border-style: solid;
7566            }
7567
7568            @media  screen and (max-width: 1199px) {
7569                #rec625130936 .tn-elem[data-elem-id="1690239682409"] {
7570                    top: 1px;
7571                    left: calc(50% - 480px + 39px);
7572                    width: 424px;
7573                    height: 219px;
7574                }
7575            }
7576
7577            @media  screen and (max-width: 959px) {
7578                #rec625130936 .tn-elem[data-elem-id="1690239682409"] {
7579                    top: 0px;
7580                    left: calc(50% - 320px + 40px);
7581                    width: 560px;
7582                    height: 290px;
7583                }
7584            }
7585
7586            @media  screen and (max-width: 639px) {
7587                #rec625130936 .tn-elem[data-elem-id="1690239682409"] {
7588                    top: 0px;
7589                    width: 240px;
7590                    height: 125px;
7591                }
7592            }
7593
7594            #rec625130936 .tn-elem[data-elem-id="1694167767710"] {
7595                z-index: 7;
7596                top: 0px;
7597                left: calc(50% - 600px + 620px);
7598                width: 540px;
7599                height: 280px;
7600                pointer-events: none;
7601            }
7602
7603            #rec625130936 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167767710"] {
7604                opacity: 0;
7605            }
7606
7607            #rec625130936 .tn-elem[data-elem-id="1694167767710"] .tn-atom {
7608                border-radius: 13px;
7609                background-position: center top;
7610                background-size: cover;
7611                background-repeat: no-repeat;
7612                border-color: transparent;
7613                border-style: solid;
7614            }
7615
7616            @media  screen and (max-width: 1199px) {
7617                #rec625130936 .tn-elem[data-elem-id="1694167767710"] {
7618                    top: 1px;
7619                    left: calc(50% - 480px + 494px);
7620                    width: 424px;
7621                    height: 219px;
7622                }
7623            }
7624
7625            @media  screen and (max-width: 959px) {
7626                #rec625130936 .tn-elem[data-elem-id="1694167767710"] {
7627                    top: -6px;
7628                    left: calc(50% - 320px + 692px);
7629                    width: 560px;
7630                    height: 290px;
7631                }
7632            }
7633
7634            @media  screen and (max-width: 639px) {
7635                #rec625130936 .tn-elem[data-elem-id="1694167767710"] {
7636                    top: 0px;
7637                    left: calc(50% - 160px + 357px);
7638                    width: 240px;
7639                    height: 125px;
7640                }
7641            }
7642
7643            #rec625130936 .tn-elem[data-elem-id="1690238351796"] {
7644                z-index: 8;
7645                top: 0px;
7646                left: calc(50% - 600px + 39px);
7647                width: 540px;
7648                height: 280px;
7649            }
7650
7651            #rec625130936 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
7652                opacity: 0;
7653            }
7654
7655            #rec625130936 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
7656                border-radius: 13px;
7657                background-color: #1b1e20;
7658                background-position: center center;
7659                border-color: transparent;
7660                border-style: solid;
7661            }
7662
7663            @media  screen and (max-width: 1199px) {
7664                #rec625130936 .tn-elem[data-elem-id="1690238351796"] {
7665                    top: 1px;
7666                    left: calc(50% - 480px + 39px);
7667                    width: 424px;
7668                    height: 219px;
7669                }
7670            }
7671
7672            @media  screen and (max-width: 959px) {
7673                #rec625130936 .tn-elem[data-elem-id="1690238351796"] {
7674                    top: 0px;
7675                    left: calc(50% - 320px + 40px);
7676                    width: 560px;
7677                    height: 290px;
7678                }
7679            }
7680
7681            @media  screen and (max-width: 639px) {
7682                #rec625130936 .tn-elem[data-elem-id="1690238351796"] {
7683                    top: 0px;
7684                    width: 240px;
7685                    height: 125px;
7686                }
7687            }
7688
7689            #rec625130936 .tn-elem[data-elem-id="1694167767714"] {
7690                z-index: 9;
7691                top: 0px;
7692                left: calc(50% - 600px + 620px);
7693                width: 540px;
7694                height: 280px;
7695                pointer-events: none;
7696            }
7697
7698            #rec625130936 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167767714"] {
7699                opacity: 0;
7700            }
7701
7702            #rec625130936 .tn-elem[data-elem-id="1694167767714"] .tn-atom {
7703                border-radius: 13px;
7704                background-position: center top;
7705                background-size: cover;
7706                background-repeat: no-repeat;
7707                border-color: transparent;
7708                border-style: solid;
7709            }
7710
7711            @media  screen and (max-width: 1199px) {
7712                #rec625130936 .tn-elem[data-elem-id="1694167767714"] {
7713                    top: 1px;
7714                    left: calc(50% - 480px + 494px);
7715                    width: 424px;
7716                    height: 219px;
7717                }
7718            }
7719
7720            @media  screen and (max-width: 959px) {
7721                #rec625130936 .tn-elem[data-elem-id="1694167767714"] {
7722                    top: -6px;
7723                    left: calc(50% - 320px + 692px);
7724                    width: 560px;
7725                    height: 290px;
7726                }
7727            }
7728
7729            @media  screen and (max-width: 639px) {
7730                #rec625130936 .tn-elem[data-elem-id="1694167767714"] {
7731                    top: 0px;
7732                    left: calc(50% - 160px + 357px);
7733                    width: 240px;
7734                    height: 125px;
7735                }
7736            }
7737
7738            #rec625130936 .tn-elem[data-elem-id="1690238538450"] {
7739                z-index: 10;
7740                top: 0px;
7741                left: calc(50% - 600px + 39px);
7742                width: 540px;
7743                height: 280px;
7744                pointer-events: none;
7745            }
7746
7747            #rec625130936 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
7748                opacity: 0;
7749            }
7750
7751            #rec625130936 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
7752                border-radius: 13px;
7753                background-position: center top;
7754                background-size: cover;
7755                background-repeat: no-repeat;
7756                border-color: transparent;
7757                border-style: solid;
7758            }
7759
7760            @media  screen and (max-width: 1199px) {
7761                #rec625130936 .tn-elem[data-elem-id="1690238538450"] {
7762                    top: 0px;
7763                    left: calc(50% - 480px + 39px);
7764                    width: 424px;
7765                    height: 220px;
7766                }
7767            }
7768
7769            @media  screen and (max-width: 959px) {
7770                #rec625130936 .tn-elem[data-elem-id="1690238538450"] {
7771                    top: 0px;
7772                    left: calc(50% - 320px + 40px);
7773                    width: 560px;
7774                    height: 290px;
7775                }
7776            }
7777
7778            @media  screen and (max-width: 639px) {
7779                #rec625130936 .tn-elem[data-elem-id="1690238538450"] {
7780                    top: 0px;
7781                    width: 240px;
7782                    height: 125px;
7783                }
7784            }
7785
7786            #rec625130936 .tn-elem[data-elem-id="1694167767718"] {
7787                z-index: 11;
7788                top: 0px;
7789                left: calc(50% - 600px + 620px);
7790                width: 540px;
7791                height: 280px;
7792                pointer-events: none;
7793            }
7794
7795            #rec625130936 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167767718"] {
7796                opacity: 0;
7797            }
7798
7799            #rec625130936 .tn-elem[data-elem-id="1694167767718"] .tn-atom {
7800                border-radius: 13px;
7801                background-position: center top;
7802                background-size: cover;
7803                background-repeat: no-repeat;
7804                border-color: transparent;
7805                border-style: solid;
7806            }
7807
7808            @media  screen and (max-width: 1199px) {
7809                #rec625130936 .tn-elem[data-elem-id="1694167767718"] {
7810                    top: 1px;
7811                    left: calc(50% - 480px + 494px);
7812                    width: 424px;
7813                    height: 219px;
7814                }
7815            }
7816
7817            @media  screen and (max-width: 959px) {
7818                #rec625130936 .tn-elem[data-elem-id="1694167767718"] {
7819                    top: -6px;
7820                    left: calc(50% - 320px + 692px);
7821                    width: 560px;
7822                    height: 290px;
7823                }
7824            }
7825
7826            @media  screen and (max-width: 639px) {
7827                #rec625130936 .tn-elem[data-elem-id="1694167767718"] {
7828                    top: 0px;
7829                    left: calc(50% - 160px + 357px);
7830                    width: 240px;
7831                    height: 125px;
7832                }
7833            }
7834
7835            #rec625130936 .tn-elem[data-elem-id="1690238351801"] {
7836                color: #f4f4f4;
7837                text-align: LEFT;
7838                z-index: 12;
7839                top: 23px;
7840                left: calc(50% - 600px + 64px);
7841                width: 230px;
7842                pointer-events: none;
7843            }
7844
7845            #rec625130936 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
7846                color: #f4f4f4;
7847                font-size: 18px;
7848                font-family: 'Manrope', Arial, sans-serif;
7849                line-height: 1.00;
7850                font-weight: 500;
7851                background-position: center center;
7852                border-color: transparent;
7853                border-style: solid;
7854            }
7855
7856            @media  screen and (max-width: 1199px) {
7857                #rec625130936 .tn-elem[data-elem-id="1690238351801"] {
7858                    top: 16px;
7859                    left: calc(50% - 480px + 58px);
7860                }
7861            }
7862
7863            @media  screen and (max-width: 959px) {
7864                #rec625130936 .tn-elem[data-elem-id="1690238351801"] {
7865                    top: 40px;
7866                    left: calc(50% - 320px + 270px);
7867                    width: 10px;
7868                }
7869            }
7870
7871            @media  screen and (max-width: 639px) {
7872                #rec625130936 .tn-elem[data-elem-id="1690238351801"] {
7873                    top: 10px;
7874                    left: calc(50% - 160px + 127px);
7875                    width: 10px;
7876                }
7877
7878                #rec625130936 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
7879                    font-size: 12px;
7880                }
7881            }
7882
7883            #rec625130936 .tn-elem[data-elem-id="1694167767722"] {
7884                z-index: 13;
7885                top: 0px;
7886                left: calc(50% - 600px + 620px);
7887                width: 540px;
7888                height: 280px;
7889            }
7890
7891            #rec625130936 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167767722"] {
7892                opacity: 0;
7893            }
7894
7895            #rec625130936 .tn-elem[data-elem-id="1694167767722"] .tn-atom {
7896                border-radius: 13px;
7897                background-color: #1b1e20;
7898                background-position: center center;
7899                border-color: transparent;
7900                border-style: solid;
7901            }
7902
7903            @media  screen and (max-width: 1199px) {
7904                #rec625130936 .tn-elem[data-elem-id="1694167767722"] {
7905                    top: 1px;
7906                    left: calc(50% - 480px + 494px);
7907                    width: 424px;
7908                    height: 219px;
7909                }
7910            }
7911
7912            @media  screen and (max-width: 959px) {
7913                #rec625130936 .tn-elem[data-elem-id="1694167767722"] {
7914                    top: -6px;
7915                    left: calc(50% - 320px + 692px);
7916                    width: 560px;
7917                    height: 290px;
7918                }
7919            }
7920
7921            @media  screen and (max-width: 639px) {
7922                #rec625130936 .tn-elem[data-elem-id="1694167767722"] {
7923                    top: 0px;
7924                    left: calc(50% - 160px + 357px);
7925                    width: 240px;
7926                    height: 125px;
7927                }
7928            }
7929
7930            #rec625130936 .tn-elem[data-elem-id="1694167767725"] {
7931                z-index: 15;
7932                top: 0px;
7933                left: calc(50% - 600px + 620px);
7934                width: 540px;
7935                height: 280px;
7936                pointer-events: none;
7937            }
7938
7939            #rec625130936 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167767725"] {
7940                opacity: 0;
7941            }
7942
7943            #rec625130936 .tn-elem[data-elem-id="1694167767725"] .tn-atom {
7944                border-radius: 13px;
7945                background-position: center top;
7946                background-size: cover;
7947                background-repeat: no-repeat;
7948                border-color: transparent;
7949                border-style: solid;
7950            }
7951
7952            @media  screen and (max-width: 1199px) {
7953                #rec625130936 .tn-elem[data-elem-id="1694167767725"] {
7954                    top: 0px;
7955                    left: calc(50% - 480px + 494px);
7956                    width: 424px;
7957                    height: 220px;
7958                }
7959            }
7960
7961            @media  screen and (max-width: 959px) {
7962                #rec625130936 .tn-elem[data-elem-id="1694167767725"] {
7963                    top: -6px;
7964                    left: calc(50% - 320px + 692px);
7965                    width: 560px;
7966                    height: 290px;
7967                }
7968            }
7969
7970            @media  screen and (max-width: 639px) {
7971                #rec625130936 .tn-elem[data-elem-id="1694167767725"] {
7972                    top: 0px;
7973                    left: calc(50% - 160px + 357px);
7974                    width: 240px;
7975                    height: 125px;
7976                }
7977            }
7978
7979            #rec625130936 .tn-elem[data-elem-id="1694167767729"] {
7980                color: #f4f4f4;
7981                text-align: LEFT;
7982                z-index: 16;
7983                top: 23px;
7984                left: calc(50% - 600px + 644px);
7985                width: 199px;
7986                pointer-events: none;
7987            }
7988
7989            #rec625130936 .tn-elem[data-elem-id="1694167767729"] .tn-atom {
7990                color: #f4f4f4;
7991                font-size: 18px;
7992                font-family: 'Manrope', Arial, sans-serif;
7993                line-height: 1.00;
7994                font-weight: 500;
7995                background-position: center center;
7996                border-color: transparent;
7997                border-style: solid;
7998            }
7999
8000            @media  screen and (max-width: 1199px) {
8001                #rec625130936 .tn-elem[data-elem-id="1694167767729"] {
8002                    top: 16px;
8003                    left: calc(50% - 480px + 513px);
8004                }
8005            }
8006
8007            @media  screen and (max-width: 959px) {
8008                #rec625130936 .tn-elem[data-elem-id="1694167767729"] {
8009                    top: 34px;
8010                    left: calc(50% - 320px + 894px);
8011                    width: 156px;
8012                }
8013            }
8014
8015            @media  screen and (max-width: 639px) {
8016                #rec625130936 .tn-elem[data-elem-id="1694167767729"] {
8017                    top: 10px;
8018                    left: calc(50% - 160px + 425px);
8019                    width: 129px;
8020                }
8021
8022                #rec625130936 .tn-elem[data-elem-id="1694167767729"] .tn-atom {
8023                    font-size: 12px;
8024                }
8025            }</style>
8026        <div class='t396'>
8027            <div class="t396__artboard" data-artboard-recid="625130936" data-artboard-screens="320,640,960,1200"
8028                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
8029                 data-artboard-ovrflw="custom" data-artboard-isolation="isolate" data-artboard-height-res-320="125"
8030                 data-artboard-height-res-640="290" data-artboard-height-res-960="220"
8031            >
8032                <div class="t396__carrier" data-artboard-recid="625130936"></div>
8033                <div class="t396__filter" data-artboard-recid="625130936"></div>
8034                <div class='t396__elem tn-elem hover_1_1 tn-elem__6251309361690241109137 ' data-elem-id='1690241109137'
8035                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
8036                     data-field-height-value="280" data-field-width-value="538" data-field-axisy-value="top"
8037                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
8038                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
8039                     data-animate-sbs-event="hover"
8040                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
8041                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
8042                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
8043                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
8044                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
8045                     data-field-left-res-960-value="39" data-field-height-res-960-value="219"
8046                     data-field-width-res-960-value="424"
8047                >
8048                    <div class='tn-atom'></div>
8049                </div>
8050                <div class='t396__elem tn-elem show_1_1 tn-elem__6251309361690239578729 ' data-elem-id='1690239578729'
8051                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
8052                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
8053                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
8054                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
8055                     data-animate-mobile="y" data-animate-sbs-event="blockintoview" data-animate-sbs-trg="1"
8056                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
8057                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
8058                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
8059                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
8060                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
8061                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
8062                     data-field-left-res-960-value="39" data-field-height-res-960-value="219"
8063                     data-field-width-res-960-value="424"
8064                >
8065                    <div class='tn-atom t-bgimg'
8066                         data-original="/images/v2/tild3465-3539-4031-a637-306335303339__case_2_5_a1.svg"
8067                         style="background-image:url('/images/v2/tild3465-3539-4031-a637-306335303339__case_2_5_a1.svg');"
8068                    ></div>
8069                </div>
8070                <div class='t396__elem tn-elem show_1_1 tn-elem__6251309361690239670103 t396__elem--anim-hidden'
8071                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="0"
8072                     data-field-left-value="39" data-field-height-value="280" data-field-width-value="540"
8073                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
8074                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
8075                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="blockintoview"
8076                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
8077                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
8078                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
8079                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
8080                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
8081                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
8082                     data-field-left-res-960-value="39" data-field-height-res-960-value="219"
8083                     data-field-width-res-960-value="424"
8084                >
8085                    <div class='tn-atom t-bgimg'
8086                         data-original="/images/v2/tild6333-3165-4065-a234-323934346239__case_2_5_a2.svg"
8087                         style="background-image:url('/images/v2/tild6333-3165-4065-a234-323934346239__case_2_5_a2.svg');"
8088                    ></div>
8089                </div>
8090                <div class='t396__elem tn-elem hover_1_1 tn-elem__6251309361694167767706 ' data-elem-id='1694167767706'
8091                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
8092                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
8093                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
8094                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
8095                     data-animate-mobile="y" data-animate-sbs-event="hover"
8096                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
8097                     data-field-top-res-320-value="0" data-field-left-res-320-value="357"
8098                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
8099                     data-field-top-res-640-value="-6" data-field-left-res-640-value="692"
8100                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
8101                     data-field-top-res-960-value="1" data-field-left-res-960-value="494"
8102                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
8103                >
8104                    <div class='tn-atom'></div>
8105                </div>
8106                <div class='t396__elem tn-elem show_1_1 tn-elem__6251309361690239682409 t396__elem--anim-hidden'
8107                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="0"
8108                     data-field-left-value="39" data-field-height-value="280" data-field-width-value="540"
8109                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
8110                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
8111                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="blockintoview"
8112                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
8113                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
8114                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
8115                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
8116                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
8117                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
8118                     data-field-left-res-960-value="39" data-field-height-res-960-value="219"
8119                     data-field-width-res-960-value="424"
8120                >
8121                    <div class='tn-atom t-bgimg'
8122                         data-original="/images/v2/tild3438-6131-4532-a461-343132636532__case_2_5_a3.svg"
8123                         style="background-image:url('/images/v2/tild3438-6131-4532-a461-343132636532__case_2_5_a3.svg');"
8124                    ></div>
8125                </div>
8126                <div class='t396__elem tn-elem show_1_1 tn-elem__6251309361694167767710 ' data-elem-id='1694167767710'
8127                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
8128                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
8129                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
8130                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
8131                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
8132                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
8133                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
8134                     data-field-top-res-320-value="0" data-field-left-res-320-value="357"
8135                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
8136                     data-field-top-res-640-value="-6" data-field-left-res-640-value="692"
8137                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
8138                     data-field-top-res-960-value="1" data-field-left-res-960-value="494"
8139                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
8140                >
8141                    <div class='tn-atom t-bgimg'
8142                         data-original="/images/v2/tild6466-3465-4234-b063-613334303861__case_2_4_a1.svg"
8143                         style="background-image:url('/images/v2/tild6466-3465-4234-b063-613334303861__case_2_4_a1.svg');"
8144                    ></div>
8145                </div>
8146                <div class='t396__elem tn-elem hover_1_1 tn-elem__6251309361690238351796 ' data-elem-id='1690238351796'
8147                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
8148                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
8149                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
8150                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
8151                     data-animate-mobile="y" data-animate-sbs-event="hover"
8152                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
8153                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
8154                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
8155                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
8156                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
8157                     data-field-left-res-960-value="39" data-field-height-res-960-value="219"
8158                     data-field-width-res-960-value="424"
8159                >
8160                    <div class='tn-atom'></div>
8161                </div>
8162                <div class='t396__elem tn-elem show_1_1 tn-elem__6251309361694167767714 t396__elem--anim-hidden'
8163                     data-elem-id='1694167767714' data-elem-type='shape' data-field-top-value="0"
8164                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
8165                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
8166                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
8167                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
8168                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
8169                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
8170                     data-field-top-res-320-value="0" data-field-left-res-320-value="357"
8171                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
8172                     data-field-top-res-640-value="-6" data-field-left-res-640-value="692"
8173                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
8174                     data-field-top-res-960-value="1" data-field-left-res-960-value="494"
8175                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
8176                >
8177                    <div class='tn-atom t-bgimg'
8178                         data-original="/images/v2/tild3266-6364-4030-a332-393039383430__case_2_4_a2.svg"
8179                         style="background-image:url('/images/v2/tild3266-6364-4030-a332-393039383430__case_2_4_a2.svg');"
8180                    ></div>
8181                </div>
8182                <div class='t396__elem tn-elem tn-elem__6251309361690238538450 ' data-elem-id='1690238538450'
8183                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
8184                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
8185                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
8186                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
8187                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
8188                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
8189                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
8190                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
8191                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
8192                     data-field-width-res-640-value="560" data-field-top-res-960-value="0"
8193                     data-field-left-res-960-value="39" data-field-height-res-960-value="220"
8194                     data-field-width-res-960-value="424"
8195                >
8196                    <div class='tn-atom t-bgimg'
8197                         data-original="/images/v2/tild3632-6434-4433-b934-353136326335__case_2_5.png"
8198                         style="background-image:url('/images/v2/tild3632-6434-4433-b934-353136326335__case_2_5.png');"
8199                    ></div>
8200                </div>
8201                <div class='t396__elem tn-elem show_1_1 tn-elem__6251309361694167767718 t396__elem--anim-hidden'
8202                     data-elem-id='1694167767718' data-elem-type='shape' data-field-top-value="0"
8203                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
8204                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
8205                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
8206                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
8207                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
8208                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
8209                     data-field-top-res-320-value="0" data-field-left-res-320-value="357"
8210                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
8211                     data-field-top-res-640-value="-6" data-field-left-res-640-value="692"
8212                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
8213                     data-field-top-res-960-value="1" data-field-left-res-960-value="494"
8214                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
8215                >
8216                    <div class='tn-atom t-bgimg'
8217                         data-original="/images/v2/tild6337-3062-4932-b164-636337386330__case_2_4_a3.svg"
8218                         style="background-image:url('/images/v2/tild6337-3062-4932-b164-636337386330__case_2_4_a3.svg');"
8219                    ></div>
8220                </div>
8221                <div class='t396__elem tn-elem tn-elem__6251309361690238351801 t-animate' data-elem-id='1690238351801'
8222                     data-elem-type='text' data-field-top-value="23" data-field-left-value="64"
8223                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
8224                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
8225                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
8226                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
8227                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="127"
8228                     data-field-width-res-320-value="10" data-field-top-res-640-value="40"
8229                     data-field-left-res-640-value="270" data-field-width-res-640-value="10"
8230                     data-field-top-res-960-value="16" data-field-left-res-960-value="58"
8231                >
8232                    <div class='tn-atom' field='tn_text_1690238351801'>Разгадайка</div>
8233                </div>
8234                <div class='t396__elem tn-elem hover_1_1 tn-elem__6251309361694167767722 ' data-elem-id='1694167767722'
8235                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
8236                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
8237                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
8238                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
8239                     data-animate-mobile="y" data-animate-sbs-event="hover"
8240                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
8241                     data-field-top-res-320-value="0" data-field-left-res-320-value="357"
8242                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
8243                     data-field-top-res-640-value="-6" data-field-left-res-640-value="692"
8244                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
8245                     data-field-top-res-960-value="1" data-field-left-res-960-value="494"
8246                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
8247                >
8248                    <div class='tn-atom'></div>
8249                </div>
8250                <div class='t396__elem tn-elem tn-elem__6251309361694167767725 ' data-elem-id='1694167767725'
8251                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
8252                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
8253                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
8254                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
8255                     data-animate-mobile="y" data-animate-sbs-event="hover"
8256                     data-animate-sbs-trgels="1690241327217,1694167767722"
8257                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
8258                     data-field-top-res-320-value="0" data-field-left-res-320-value="357"
8259                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
8260                     data-field-top-res-640-value="-6" data-field-left-res-640-value="692"
8261                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
8262                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
8263                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
8264                >
8265                    <div class='tn-atom t-bgimg'
8266                         data-original="/images/v2/tild6131-6434-4332-a265-386637643432__case_2_4.png"
8267                         style="background-image:url('/images/v2/tild6131-6434-4332-a265-386637643432__case_2_4.png');"
8268                    ></div>
8269                </div>
8270                <div class='t396__elem tn-elem tn-elem__6251309361694167767729 t-animate' data-elem-id='1694167767729'
8271                     data-elem-type='text' data-field-top-value="23" data-field-left-value="644"
8272                     data-field-width-value="199" data-field-axisy-value="top" data-field-axisx-value="left"
8273                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
8274                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
8275                     data-animate-duration="0.8" data-animate-delay="0.4" data-animate-distance="15"
8276                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="425"
8277                     data-field-width-res-320-value="129" data-field-top-res-640-value="34"
8278                     data-field-left-res-640-value="894" data-field-width-res-640-value="156"
8279                     data-field-top-res-960-value="16" data-field-left-res-960-value="513"
8280                >
8281                    <div class='tn-atom' field='tn_text_1694167767729'>Мир кроссвордов</div>
8282                </div>
8283            </div>
8284        </div>
8285        
8285<script>t_onFuncLoad('t396_initialScale', function () {
8286                t396_initialScale('625130936');
8287            });
8288            t_onReady(function () {
8289                t_onFuncLoad('t396_init', function () {
8290                    t396_init('625130936');
8291                });
8292            });</script>
8292<!-- /T396 --></div>
8293    <div id="rec641476276" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
8294        <style>#rec641476276 .t396__artboard {
8295                height: 280px;
8296                background-color: #121313;
8297                overflow-x: hidden;
8298                overflow-y: hidden;
8299            }
8300
8301            #rec641476276 .t396__filter {
8302                height: 280px;
8303            }
8304
8305            #rec641476276 .t396__carrier {
8306                height: 280px;
8307                background-position: center center;
8308                background-attachment: scroll;
8309                background-size: cover;
8310                background-repeat: no-repeat;
8311            }
8312
8313            @media  screen and (max-width: 1199px) {
8314                #rec641476276 .t396__artboard {
8315                    height: 222px;
8316                    background-color: #121313;
8317                }
8318
8319                #rec641476276 .t396__filter {
8320                    height: 222px;
8321                }
8322
8323                #rec641476276 .t396__carrier {
8324                    height: 222px;
8325                    background-attachment: scroll;
8326                }
8327            }
8328
8329            @media  screen and (max-width: 959px) {
8330                #rec641476276 .t396__artboard {
8331                    height: 290px;
8332                    background-color: #121313;
8333                }
8334
8335                #rec641476276 .t396__filter {
8336                    height: 290px;
8337                }
8338
8339                #rec641476276 .t396__carrier {
8340                    height: 290px;
8341                    background-attachment: scroll;
8342                }
8343            }
8344
8345            @media  screen and (max-width: 639px) {
8346                #rec641476276 .t396__artboard {
8347                    height: 125px;
8348                    background-color: #121313;
8349                }
8350
8351                #rec641476276 .t396__filter {
8352                    height: 125px;
8353                }
8354
8355                #rec641476276 .t396__carrier {
8356                    height: 125px;
8357                    background-attachment: scroll;
8358                }
8359            }
8360
8361            #rec641476276 .tn-elem[data-elem-id="1690241109137"] {
8362                z-index: 2;
8363                top: 0px;
8364                left: calc(50% - 600px + 39px);
8365                width: 540px;
8366                height: 280px;
8367                pointer-events: none;
8368            }
8369
8370            #rec641476276 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
8371                opacity: 0;
8372            }
8373
8374            #rec641476276 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
8375                border-width: 0px;
8376                border-radius: 14px;
8377                background-color: #23c255;
8378                background-position: center center;
8379                border-color: transparent;
8380                border-style: solid;
8381            }
8382
8383            @media  screen and (max-width: 1199px) {
8384                #rec641476276 .tn-elem[data-elem-id="1690241109137"] {
8385                    top: 3px;
8386                    left: calc(50% - 480px + 39px);
8387                    width: 424px;
8388                    height: 219px;
8389                }
8390            }
8391
8392            @media  screen and (max-width: 959px) {
8393                #rec641476276 .tn-elem[data-elem-id="1690241109137"] {
8394                    top: 0px;
8395                    left: calc(50% - 320px + 40px);
8396                    width: 560px;
8397                    height: 290px;
8398                }
8399            }
8400
8401            @media  screen and (max-width: 639px) {
8402                #rec641476276 .tn-elem[data-elem-id="1690241109137"] {
8403                    top: 0px;
8404                    left: calc(50% - 160px + 40px);
8405                    width: 240px;
8406                    height: 125px;
8407                }
8408            }
8409
8410            #rec641476276 .tn-elem[data-elem-id="1690239578729"] {
8411                z-index: 3;
8412                top: 0px;
8413                left: calc(50% - 600px + 39px);
8414                width: 540px;
8415                height: 280px;
8416                pointer-events: none;
8417            }
8418
8419            #rec641476276 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
8420                opacity: 0;
8421            }
8422
8423            #rec641476276 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
8424                border-radius: 13px;
8425                background-position: center top;
8426                background-size: cover;
8427                background-repeat: no-repeat;
8428                border-color: transparent;
8429                border-style: solid;
8430            }
8431
8432            @media  screen and (max-width: 1199px) {
8433                #rec641476276 .tn-elem[data-elem-id="1690239578729"] {
8434                    top: 3px;
8435                    left: calc(50% - 480px + 39px);
8436                    width: 424px;
8437                    height: 219px;
8438                }
8439            }
8440
8441            @media  screen and (max-width: 959px) {
8442                #rec641476276 .tn-elem[data-elem-id="1690239578729"] {
8443                    top: 0px;
8444                    left: calc(50% - 320px + 40px);
8445                    width: 560px;
8446                    height: 290px;
8447                }
8448            }
8449
8450            @media  screen and (max-width: 639px) {
8451                #rec641476276 .tn-elem[data-elem-id="1690239578729"] {
8452                    top: 0px;
8453                    left: calc(50% - 160px + 40px);
8454                    width: 240px;
8455                    height: 125px;
8456                }
8457            }
8458
8459            #rec641476276 .tn-elem[data-elem-id="1690239670103"] {
8460                z-index: 4;
8461                top: 0px;
8462                left: calc(50% - 600px + 39px);
8463                width: 540px;
8464                height: 280px;
8465                pointer-events: none;
8466            }
8467
8468            #rec641476276 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
8469                opacity: 0;
8470            }
8471
8472            #rec641476276 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
8473                border-radius: 13px;
8474                background-position: center top;
8475                background-size: cover;
8476                background-repeat: no-repeat;
8477                border-color: transparent;
8478                border-style: solid;
8479            }
8480
8481            @media  screen and (max-width: 1199px) {
8482                #rec641476276 .tn-elem[data-elem-id="1690239670103"] {
8483                    top: 3px;
8484                    left: calc(50% - 480px + 39px);
8485                    width: 424px;
8486                    height: 219px;
8487                }
8488            }
8489
8490            @media  screen and (max-width: 959px) {
8491                #rec641476276 .tn-elem[data-elem-id="1690239670103"] {
8492                    top: 0px;
8493                    left: calc(50% - 320px + 40px);
8494                    width: 560px;
8495                    height: 290px;
8496                }
8497            }
8498
8499            @media  screen and (max-width: 639px) {
8500                #rec641476276 .tn-elem[data-elem-id="1690239670103"] {
8501                    top: 0px;
8502                    left: calc(50% - 160px + 40px);
8503                    width: 240px;
8504                    height: 125px;
8505                }
8506            }
8507
8508            #rec641476276 .tn-elem[data-elem-id="1690239682409"] {
8509                z-index: 5;
8510                top: 0px;
8511                left: calc(50% - 600px + 39px);
8512                width: 540px;
8513                height: 280px;
8514                pointer-events: none;
8515            }
8516
8517            #rec641476276 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
8518                opacity: 0;
8519            }
8520
8521            #rec641476276 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
8522                border-radius: 13px;
8523                background-position: center top;
8524                background-size: cover;
8525                background-repeat: no-repeat;
8526                border-color: transparent;
8527                border-style: solid;
8528            }
8529
8530            @media  screen and (max-width: 1199px) {
8531                #rec641476276 .tn-elem[data-elem-id="1690239682409"] {
8532                    top: 3px;
8533                    left: calc(50% - 480px + 39px);
8534                    width: 424px;
8535                    height: 219px;
8536                }
8537            }
8538
8539            @media  screen and (max-width: 959px) {
8540                #rec641476276 .tn-elem[data-elem-id="1690239682409"] {
8541                    top: 0px;
8542                    left: calc(50% - 320px + 40px);
8543                    width: 560px;
8544                    height: 290px;
8545                }
8546            }
8547
8548            @media  screen and (max-width: 639px) {
8549                #rec641476276 .tn-elem[data-elem-id="1690239682409"] {
8550                    top: 0px;
8551                    left: calc(50% - 160px + 40px);
8552                    width: 240px;
8553                    height: 125px;
8554                }
8555            }
8556
8557            #rec641476276 .tn-elem[data-elem-id="1690238351796"] {
8558                z-index: 6;
8559                top: 0px;
8560                left: calc(50% - 600px + 39px);
8561                width: 540px;
8562                height: 280px;
8563            }
8564
8565            #rec641476276 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
8566                opacity: 0;
8567            }
8568
8569            #rec641476276 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
8570                border-radius: 13px;
8571                background-color: #1b1e20;
8572                background-position: center center;
8573                border-color: transparent;
8574                border-style: solid;
8575            }
8576
8577            @media  screen and (max-width: 1199px) {
8578                #rec641476276 .tn-elem[data-elem-id="1690238351796"] {
8579                    top: 3px;
8580                    left: calc(50% - 480px + 39px);
8581                    width: 424px;
8582                    height: 219px;
8583                }
8584            }
8585
8586            @media  screen and (max-width: 959px) {
8587                #rec641476276 .tn-elem[data-elem-id="1690238351796"] {
8588                    top: 0px;
8589                    left: calc(50% - 320px + 40px);
8590                    width: 560px;
8591                    height: 290px;
8592                }
8593            }
8594
8595            @media  screen and (max-width: 639px) {
8596                #rec641476276 .tn-elem[data-elem-id="1690238351796"] {
8597                    top: 0px;
8598                    left: calc(50% - 160px + 40px);
8599                    width: 240px;
8600                    height: 125px;
8601                }
8602            }
8603
8604            #rec641476276 .tn-elem[data-elem-id="1690238538450"] {
8605                z-index: 7;
8606                top: 0px;
8607                left: calc(50% - 600px + 39px);
8608                width: 540px;
8609                height: 280px;
8610                pointer-events: none;
8611            }
8612
8613            #rec641476276 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
8614                opacity: 0;
8615            }
8616
8617            #rec641476276 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
8618                border-radius: 13px;
8619                background-position: center top;
8620                background-size: cover;
8621                background-repeat: no-repeat;
8622                border-color: transparent;
8623                border-style: solid;
8624            }
8625
8626            @media  screen and (max-width: 1199px) {
8627                #rec641476276 .tn-elem[data-elem-id="1690238538450"] {
8628                    top: 0px;
8629                    left: calc(50% - 480px + 39px);
8630                    width: 424px;
8631                    height: 222px;
8632                }
8633            }
8634
8635            @media  screen and (max-width: 959px) {
8636                #rec641476276 .tn-elem[data-elem-id="1690238538450"] {
8637                    top: 0px;
8638                    left: calc(50% - 320px + 40px);
8639                    width: 560px;
8640                    height: 290px;
8641                }
8642            }
8643
8644            @media  screen and (max-width: 639px) {
8645                #rec641476276 .tn-elem[data-elem-id="1690238538450"] {
8646                    top: 0px;
8647                    left: calc(50% - 160px + 40px);
8648                    width: 240px;
8649                    height: 125px;
8650                }
8651            }
8652
8653            #rec641476276 .tn-elem[data-elem-id="1690238351801"] {
8654                color: #f4f4f4;
8655                text-align: LEFT;
8656                z-index: 8;
8657                top: 22px;
8658                left: calc(50% - 600px + 64px);
8659                width: 230px;
8660                pointer-events: none;
8661            }
8662
8663            #rec641476276 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
8664                color: #f4f4f4;
8665                font-size: 18px;
8666                font-family: 'Manrope', Arial, sans-serif;
8667                line-height: 1.00;
8668                font-weight: 500;
8669                background-position: center center;
8670                border-color: transparent;
8671                border-style: solid;
8672            }
8673
8674            @media  screen and (max-width: 1199px) {
8675                #rec641476276 .tn-elem[data-elem-id="1690238351801"] {
8676                    top: 16px;
8677                    left: calc(50% - 480px + 58px);
8678                }
8679            }
8680
8681            @media  screen and (max-width: 959px) {
8682                #rec641476276 .tn-elem[data-elem-id="1690238351801"] {
8683                    top: 40px;
8684                    left: calc(50% - 320px + 248px);
8685                    width: 144px;
8686                }
8687            }
8688
8689            @media  screen and (max-width: 639px) {
8690                #rec641476276 .tn-elem[data-elem-id="1690238351801"] {
8691                    top: 10px;
8692                    left: calc(50% - 160px + 113px);
8693                    width: 111px;
8694                }
8695
8696                #rec641476276 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
8697                    font-size: 12px;
8698                }
8699            }</style>
8700        <div class='t396'>
8701            <div class="t396__artboard" data-artboard-recid="641476276" data-artboard-screens="320,640,960,1200"
8702                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
8703                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
8704                 data-artboard-height-res-960="222"
8705            >
8706                <div class="t396__carrier" data-artboard-recid="641476276"></div>
8707                <div class="t396__filter" data-artboard-recid="641476276"></div>
8708                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414762761690241109137 ' data-elem-id='1690241109137'
8709                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
8710                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
8711                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
8712                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
8713                     data-animate-mobile="y" data-animate-sbs-event="hover"
8714                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
8715                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
8716                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
8717                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
8718                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
8719                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
8720                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
8721                >
8722                    <div class='tn-atom'></div>
8723                </div>
8724                <div class='t396__elem tn-elem show_1_1 tn-elem__6414762761690239578729 ' data-elem-id='1690239578729'
8725                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
8726                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
8727                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
8728                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
8729                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
8730                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
8731                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
8732                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
8733                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
8734                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
8735                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
8736                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
8737                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
8738                >
8739                    <div class='tn-atom t-bgimg'
8740                         data-original="/images/v2/tild3937-3436-4439-b434-666539373332__case_2_1_a1.svg"
8741                         style="background-image:url('/images/v2/tild3937-3436-4439-b434-666539373332__case_2_1_a1.svg');"
8742                    ></div>
8743                </div>
8744                <div class='t396__elem tn-elem show_1_1 tn-elem__6414762761690239670103 t396__elem--anim-hidden'
8745                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="0"
8746                     data-field-left-value="39" data-field-height-value="280" data-field-width-value="540"
8747                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
8748                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
8749                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
8750                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
8751                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
8752                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
8753                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
8754                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
8755                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
8756                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
8757                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
8758                >
8759                    <div class='tn-atom t-bgimg'
8760                         data-original="/images/v2/tild3837-3037-4664-b665-333866653438__case_2_1_a2.svg"
8761                         style="background-image:url('/images/v2/tild3837-3037-4664-b665-333866653438__case_2_1_a2.svg');"
8762                    ></div>
8763                </div>
8764                <div class='t396__elem tn-elem show_1_1 tn-elem__6414762761690239682409 t396__elem--anim-hidden'
8765                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="0"
8766                     data-field-left-value="39" data-field-height-value="280" data-field-width-value="540"
8767                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
8768                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
8769                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
8770                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
8771                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
8772                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
8773                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
8774                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
8775                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
8776                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
8777                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
8778                >
8779                    <div class='tn-atom t-bgimg'
8780                         data-original="/images/v2/tild3534-3465-4363-b137-383862663335__case_2_1_a3.svg"
8781                         style="background-image:url('/images/v2/tild3534-3465-4363-b137-383862663335__case_2_1_a3.svg');"
8782                    ></div>
8783                </div>
8784                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414762761690238351796 ' data-elem-id='1690238351796'
8785                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
8786                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
8787                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
8788                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
8789                     data-animate-mobile="y" data-animate-sbs-event="hover"
8790                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
8791                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
8792                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
8793                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
8794                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
8795                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
8796                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
8797                >
8798                    <div class='tn-atom'></div>
8799                </div>
8800                <div class='t396__elem tn-elem tn-elem__6414762761690238538450 ' data-elem-id='1690238538450'
8801                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
8802                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
8803                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
8804                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
8805                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
8806                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
8807                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
8808                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
8809                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
8810                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
8811                     data-field-top-res-960-value="0" data-field-left-res-960-value="39"
8812                     data-field-height-res-960-value="222" data-field-width-res-960-value="424"
8813                >
8814                    <div class='tn-atom t-bgimg'
8815                         data-original="/images/v2/tild3165-6661-4533-b237-396161623563__case_2_1.png"
8816                         style="background-image:url('/images/v2/tild3165-6661-4533-b237-396161623563__case_2_1.png');"
8817                    ></div>
8818                </div>
8819                <div class='t396__elem tn-elem tn-elem__6414762761690238351801 t-animate' data-elem-id='1690238351801'
8820                     data-elem-type='text' data-field-top-value="22" data-field-left-value="64"
8821                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
8822                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
8823                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
8824                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
8825                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="113"
8826                     data-field-width-res-320-value="111" data-field-top-res-640-value="40"
8827                     data-field-left-res-640-value="248" data-field-width-res-640-value="144"
8828                     data-field-top-res-960-value="16" data-field-left-res-960-value="58"
8829                >
8830                    <div class='tn-atom' field='tn_text_1690238351801'>Загадки и пазлы</div>
8831                </div>
8832            </div>
8833        </div>
8834        
8834<script>t_onFuncLoad('t396_initialScale', function () {
8835                t396_initialScale('641476276');
8836            });
8837            t_onReady(function () {
8838                t_onFuncLoad('t396_init', function () {
8839                    t396_init('641476276');
8840                });
8841            });</script>
8841<!-- /T396 --></div>
8842    <div id="rec644412413" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
8843        <style>#rec644412413 .t396__artboard {
8844                height: 280px;
8845                background-color: #121313;
8846                overflow-x: hidden;
8847                overflow-y: hidden;
8848            }
8849
8850            #rec644412413 .t396__filter {
8851                height: 280px;
8852            }
8853
8854            #rec644412413 .t396__carrier {
8855                height: 280px;
8856                background-position: center center;
8857                background-attachment: scroll;
8858                background-size: cover;
8859                background-repeat: no-repeat;
8860            }
8861
8862            @media  screen and (max-width: 1199px) {
8863                #rec644412413 .t396__artboard {
8864                    height: 220px;
8865                }
8866
8867                #rec644412413 .t396__filter {
8868                    height: 220px;
8869                }
8870
8871                #rec644412413 .t396__carrier {
8872                    height: 220px;
8873                    background-attachment: scroll;
8874                }
8875            }
8876
8877            @media  screen and (max-width: 959px) {
8878                #rec644412413 .t396__artboard {
8879                    height: 610px;
8880                }
8881
8882                #rec644412413 .t396__filter {
8883                    height: 610px;
8884                }
8885
8886                #rec644412413 .t396__carrier {
8887                    height: 610px;
8888                    background-attachment: scroll;
8889                }
8890            }
8891
8892            @media  screen and (max-width: 639px) {
8893                #rec644412413 .t396__artboard {
8894                    height: 125px;
8895                }
8896
8897                #rec644412413 .t396__filter {
8898                    height: 125px;
8899                }
8900
8901                #rec644412413 .t396__carrier {
8902                    height: 125px;
8903                    background-attachment: scroll;
8904                }
8905            }
8906
8907            #rec644412413 .tn-elem[data-elem-id="1690241109137"] {
8908                z-index: 4;
8909                top: 2px;
8910                left: calc(50% - 600px + 40px);
8911                width: 540px;
8912                height: 280px;
8913                pointer-events: none;
8914            }
8915
8916            #rec644412413 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
8917                opacity: 0;
8918            }
8919
8920            #rec644412413 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
8921                border-width: 0px;
8922                border-radius: 14px;
8923                background-color: #f04392;
8924                background-position: center center;
8925                border-color: transparent;
8926                border-style: solid;
8927            }
8928
8929            @media  screen and (max-width: 1199px) {
8930                #rec644412413 .tn-elem[data-elem-id="1690241109137"] {
8931                    top: 1px;
8932                    left: calc(50% - 480px + 40px);
8933                    width: 424px;
8934                    height: 219px;
8935                }
8936            }
8937
8938            @media  screen and (max-width: 959px) {
8939                #rec644412413 .tn-elem[data-elem-id="1690241109137"] {
8940                    top: 0px;
8941                    left: calc(50% - 320px + 40px);
8942                    width: 560px;
8943                    height: 290px;
8944                }
8945            }
8946
8947            @media  screen and (max-width: 639px) {
8948                #rec644412413 .tn-elem[data-elem-id="1690241109137"] {
8949                    top: 0px;
8950                    width: 240px;
8951                    height: 125px;
8952                }
8953            }
8954
8955            #rec644412413 .tn-elem[data-elem-id="1690239578729"] {
8956                z-index: 5;
8957                top: 2px;
8958                left: calc(50% - 600px + 40px);
8959                width: 540px;
8960                height: 280px;
8961                pointer-events: none;
8962            }
8963
8964            #rec644412413 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
8965                opacity: 0;
8966            }
8967
8968            #rec644412413 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
8969                border-radius: 13px;
8970                background-position: center top;
8971                background-size: cover;
8972                background-repeat: no-repeat;
8973                border-color: transparent;
8974                border-style: solid;
8975            }
8976
8977            @media  screen and (max-width: 1199px) {
8978                #rec644412413 .tn-elem[data-elem-id="1690239578729"] {
8979                    top: 1px;
8980                    width: 424px;
8981                    height: 219px;
8982                }
8983            }
8984
8985            @media  screen and (max-width: 959px) {
8986                #rec644412413 .tn-elem[data-elem-id="1690239578729"] {
8987                    top: 0px;
8988                    left: calc(50% - 320px + 40px);
8989                    width: 560px;
8990                    height: 290px;
8991                }
8992            }
8993
8994            @media  screen and (max-width: 639px) {
8995                #rec644412413 .tn-elem[data-elem-id="1690239578729"] {
8996                    top: 0px;
8997                    width: 240px;
8998                    height: 125px;
8999                }
9000            }
9001
9002            #rec644412413 .tn-elem[data-elem-id="1694167882112"] {
9003                z-index: 6;
9004                top: 2px;
9005                left: calc(50% - 600px + 620px);
9006                width: 540px;
9007                height: 280px;
9008                pointer-events: none;
9009            }
9010
9011            #rec644412413 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882112"] {
9012                opacity: 0;
9013            }
9014
9015            #rec644412413 .tn-elem[data-elem-id="1694167882112"] .tn-atom {
9016                border-width: 0px;
9017                border-radius: 14px;
9018                background-color: #39bfd1;
9019                background-position: center center;
9020                border-color: transparent;
9021                border-style: solid;
9022            }
9023
9024            @media  screen and (max-width: 1199px) {
9025                #rec644412413 .tn-elem[data-elem-id="1694167882112"] {
9026                    top: 0px;
9027                    left: calc(50% - 480px + 494px);
9028                    width: 424px;
9029                    height: 220px;
9030                }
9031            }
9032
9033            @media  screen and (max-width: 959px) {
9034                #rec644412413 .tn-elem[data-elem-id="1694167882112"] {
9035                    top: 320px;
9036                    left: calc(50% - 320px + 40px);
9037                    width: 560px;
9038                    height: 290px;
9039                }
9040            }
9041
9042            @media  screen and (max-width: 639px) {
9043                #rec644412413 .tn-elem[data-elem-id="1694167882112"] {
9044                    top: 0px;
9045                    left: calc(50% - 160px + 335px);
9046                    width: 240px;
9047                    height: 125px;
9048                }
9049            }
9050
9051            #rec644412413 .tn-elem[data-elem-id="1690239670103"] {
9052                z-index: 7;
9053                top: 2px;
9054                left: calc(50% - 600px + 40px);
9055                width: 540px;
9056                height: 280px;
9057                pointer-events: none;
9058            }
9059
9060            #rec644412413 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
9061                opacity: 0;
9062            }
9063
9064            #rec644412413 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
9065                border-radius: 13px;
9066                background-position: center top;
9067                background-size: cover;
9068                background-repeat: no-repeat;
9069                border-color: transparent;
9070                border-style: solid;
9071            }
9072
9073            @media  screen and (max-width: 1199px) {
9074                #rec644412413 .tn-elem[data-elem-id="1690239670103"] {
9075                    top: 1px;
9076                    width: 424px;
9077                    height: 219px;
9078                }
9079            }
9080
9081            @media  screen and (max-width: 959px) {
9082                #rec644412413 .tn-elem[data-elem-id="1690239670103"] {
9083                    top: 0px;
9084                    left: calc(50% - 320px + 40px);
9085                    width: 560px;
9086                    height: 290px;
9087                }
9088            }
9089
9090            @media  screen and (max-width: 639px) {
9091                #rec644412413 .tn-elem[data-elem-id="1690239670103"] {
9092                    top: 0px;
9093                    width: 240px;
9094                    height: 125px;
9095                }
9096            }
9097
9098            #rec644412413 .tn-elem[data-elem-id="1694167882116"] {
9099                z-index: 8;
9100                top: 2px;
9101                left: calc(50% - 600px + 620px);
9102                width: 540px;
9103                height: 280px;
9104                pointer-events: none;
9105            }
9106
9107            #rec644412413 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882116"] {
9108                opacity: 0;
9109            }
9110
9111            #rec644412413 .tn-elem[data-elem-id="1694167882116"] .tn-atom {
9112                border-radius: 13px;
9113                background-position: center top;
9114                background-size: cover;
9115                background-repeat: no-repeat;
9116                border-color: transparent;
9117                border-style: solid;
9118            }
9119
9120            @media  screen and (max-width: 1199px) {
9121                #rec644412413 .tn-elem[data-elem-id="1694167882116"] {
9122                    top: 0px;
9123                    left: calc(50% - 480px + 494px);
9124                    width: 424px;
9125                    height: 220px;
9126                }
9127            }
9128
9129            @media  screen and (max-width: 959px) {
9130                #rec644412413 .tn-elem[data-elem-id="1694167882116"] {
9131                    top: 320px;
9132                    left: calc(50% - 320px + 40px);
9133                    width: 560px;
9134                    height: 290px;
9135                }
9136            }
9137
9138            @media  screen and (max-width: 639px) {
9139                #rec644412413 .tn-elem[data-elem-id="1694167882116"] {
9140                    top: 0px;
9141                    left: calc(50% - 160px + 335px);
9142                    width: 240px;
9143                    height: 125px;
9144                }
9145            }
9146
9147            #rec644412413 .tn-elem[data-elem-id="1690239682409"] {
9148                z-index: 9;
9149                top: 2px;
9150                left: calc(50% - 600px + 40px);
9151                width: 540px;
9152                height: 280px;
9153                pointer-events: none;
9154            }
9155
9156            #rec644412413 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
9157                opacity: 0;
9158            }
9159
9160            #rec644412413 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
9161                border-radius: 13px;
9162                background-position: center top;
9163                background-size: cover;
9164                background-repeat: no-repeat;
9165                border-color: transparent;
9166                border-style: solid;
9167            }
9168
9169            @media  screen and (max-width: 1199px) {
9170                #rec644412413 .tn-elem[data-elem-id="1690239682409"] {
9171                    top: 1px;
9172                    width: 424px;
9173                    height: 219px;
9174                }
9175            }
9176
9177            @media  screen and (max-width: 959px) {
9178                #rec644412413 .tn-elem[data-elem-id="1690239682409"] {
9179                    top: 0px;
9180                    left: calc(50% - 320px + 40px);
9181                    width: 560px;
9182                    height: 290px;
9183                }
9184            }
9185
9186            @media  screen and (max-width: 639px) {
9187                #rec644412413 .tn-elem[data-elem-id="1690239682409"] {
9188                    top: 0px;
9189                    width: 240px;
9190                    height: 125px;
9191                }
9192            }
9193
9194            #rec644412413 .tn-elem[data-elem-id="1694167882119"] {
9195                z-index: 10;
9196                top: 2px;
9197                left: calc(50% - 600px + 620px);
9198                width: 540px;
9199                height: 280px;
9200                pointer-events: none;
9201            }
9202
9203            #rec644412413 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882119"] {
9204                opacity: 0;
9205            }
9206
9207            #rec644412413 .tn-elem[data-elem-id="1694167882119"] .tn-atom {
9208                border-radius: 13px;
9209                background-position: center top;
9210                background-size: cover;
9211                background-repeat: no-repeat;
9212                border-color: transparent;
9213                border-style: solid;
9214            }
9215
9216            @media  screen and (max-width: 1199px) {
9217                #rec644412413 .tn-elem[data-elem-id="1694167882119"] {
9218                    top: 0px;
9219                    left: calc(50% - 480px + 494px);
9220                    width: 424px;
9221                    height: 220px;
9222                }
9223            }
9224
9225            @media  screen and (max-width: 959px) {
9226                #rec644412413 .tn-elem[data-elem-id="1694167882119"] {
9227                    top: 320px;
9228                    left: calc(50% - 320px + 40px);
9229                    width: 560px;
9230                    height: 290px;
9231                }
9232            }
9233
9234            @media  screen and (max-width: 639px) {
9235                #rec644412413 .tn-elem[data-elem-id="1694167882119"] {
9236                    top: 0px;
9237                    left: calc(50% - 160px + 335px);
9238                    width: 240px;
9239                    height: 125px;
9240                }
9241            }
9242
9243            #rec644412413 .tn-elem[data-elem-id="1690238351796"] {
9244                z-index: 11;
9245                top: 2px;
9246                left: calc(50% - 600px + 40px);
9247                width: 540px;
9248                height: 280px;
9249            }
9250
9251            #rec644412413 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
9252                opacity: 0;
9253            }
9254
9255            #rec644412413 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
9256                border-radius: 13px;
9257                background-color: #1b1e20;
9258                background-position: center center;
9259                border-color: transparent;
9260                border-style: solid;
9261            }
9262
9263            @media  screen and (max-width: 1199px) {
9264                #rec644412413 .tn-elem[data-elem-id="1690238351796"] {
9265                    top: 1px;
9266                    left: calc(50% - 480px + 40px);
9267                    width: 424px;
9268                    height: 219px;
9269                }
9270            }
9271
9272            @media  screen and (max-width: 959px) {
9273                #rec644412413 .tn-elem[data-elem-id="1690238351796"] {
9274                    top: 0px;
9275                    left: calc(50% - 320px + 40px);
9276                    width: 560px;
9277                    height: 290px;
9278                }
9279            }
9280
9281            @media  screen and (max-width: 639px) {
9282                #rec644412413 .tn-elem[data-elem-id="1690238351796"] {
9283                    top: 0px;
9284                    width: 240px;
9285                    height: 125px;
9286                }
9287            }
9288
9289            #rec644412413 .tn-elem[data-elem-id="1694167882123"] {
9290                z-index: 12;
9291                top: 2px;
9292                left: calc(50% - 600px + 620px);
9293                width: 540px;
9294                height: 280px;
9295                pointer-events: none;
9296            }
9297
9298            #rec644412413 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882123"] {
9299                opacity: 0;
9300            }
9301
9302            #rec644412413 .tn-elem[data-elem-id="1694167882123"] .tn-atom {
9303                border-radius: 13px;
9304                background-position: center top;
9305                background-size: cover;
9306                background-repeat: no-repeat;
9307                border-color: transparent;
9308                border-style: solid;
9309            }
9310
9311            @media  screen and (max-width: 1199px) {
9312                #rec644412413 .tn-elem[data-elem-id="1694167882123"] {
9313                    top: 0px;
9314                    left: calc(50% - 480px + 494px);
9315                    width: 424px;
9316                    height: 220px;
9317                }
9318            }
9319
9320            @media  screen and (max-width: 959px) {
9321                #rec644412413 .tn-elem[data-elem-id="1694167882123"] {
9322                    top: 320px;
9323                    left: calc(50% - 320px + 40px);
9324                    width: 560px;
9325                    height: 290px;
9326                }
9327            }
9328
9329            @media  screen and (max-width: 639px) {
9330                #rec644412413 .tn-elem[data-elem-id="1694167882123"] {
9331                    top: 0px;
9332                    left: calc(50% - 160px + 335px);
9333                    width: 240px;
9334                    height: 125px;
9335                }
9336            }
9337
9338            #rec644412413 .tn-elem[data-elem-id="1690238538450"] {
9339                z-index: 13;
9340                top: 2px;
9341                left: calc(50% - 600px + 40px);
9342                width: 540px;
9343                height: 280px;
9344                pointer-events: none;
9345            }
9346
9347            #rec644412413 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
9348                opacity: 0;
9349            }
9350
9351            #rec644412413 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
9352                border-radius: 13px;
9353                background-position: center top;
9354                background-size: cover;
9355                background-repeat: no-repeat;
9356                border-color: transparent;
9357                border-style: solid;
9358            }
9359
9360            @media  screen and (max-width: 1199px) {
9361                #rec644412413 .tn-elem[data-elem-id="1690238538450"] {
9362                    top: 0px;
9363                    width: 424px;
9364                    height: 220px;
9365                }
9366            }
9367
9368            @media  screen and (max-width: 959px) {
9369                #rec644412413 .tn-elem[data-elem-id="1690238538450"] {
9370                    top: 0px;
9371                    left: calc(50% - 320px + 40px);
9372                    width: 560px;
9373                    height: 290px;
9374                }
9375            }
9376
9377            @media  screen and (max-width: 639px) {
9378                #rec644412413 .tn-elem[data-elem-id="1690238538450"] {
9379                    top: 0px;
9380                    width: 240px;
9381                    height: 125px;
9382                }
9383            }
9384
9385            #rec644412413 .tn-elem[data-elem-id="1694167882127"] {
9386                z-index: 14;
9387                top: 2px;
9388                left: calc(50% - 600px + 620px);
9389                width: 540px;
9390                height: 280px;
9391            }
9392
9393            #rec644412413 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882127"] {
9394                opacity: 0;
9395            }
9396
9397            #rec644412413 .tn-elem[data-elem-id="1694167882127"] .tn-atom {
9398                border-radius: 13px;
9399                background-color: #1b1e20;
9400                background-position: center center;
9401                border-color: transparent;
9402                border-style: solid;
9403            }
9404
9405            @media  screen and (max-width: 1199px) {
9406                #rec644412413 .tn-elem[data-elem-id="1694167882127"] {
9407                    top: 0px;
9408                    left: calc(50% - 480px + 494px);
9409                    width: 424px;
9410                    height: 220px;
9411                }
9412            }
9413
9414            @media  screen and (max-width: 959px) {
9415                #rec644412413 .tn-elem[data-elem-id="1694167882127"] {
9416                    top: 320px;
9417                    left: calc(50% - 320px + 40px);
9418                    width: 560px;
9419                    height: 290px;
9420                }
9421            }
9422
9423            @media  screen and (max-width: 639px) {
9424                #rec644412413 .tn-elem[data-elem-id="1694167882127"] {
9425                    top: 0px;
9426                    left: calc(50% - 160px + 335px);
9427                    width: 240px;
9428                    height: 125px;
9429                }
9430            }
9431
9432            #rec644412413 .tn-elem[data-elem-id="1690238351801"] {
9433                color: #f4f4f4;
9434                text-align: LEFT;
9435                z-index: 15;
9436                top: 23px;
9437                left: calc(50% - 600px + 64px);
9438                width: 230px;
9439                pointer-events: none;
9440            }
9441
9442            #rec644412413 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
9443                color: #f4f4f4;
9444                font-size: 18px;
9445                font-family: 'Manrope', Arial, sans-serif;
9446                line-height: 1.00;
9447                font-weight: 500;
9448                background-position: center center;
9449                border-color: transparent;
9450                border-style: solid;
9451            }
9452
9453            @media  screen and (max-width: 1199px) {
9454                #rec644412413 .tn-elem[data-elem-id="1690238351801"] {
9455                    top: 16px;
9456                    left: calc(50% - 480px + 58px);
9457                }
9458            }
9459
9460            @media  screen and (max-width: 959px) {
9461                #rec644412413 .tn-elem[data-elem-id="1690238351801"] {
9462                    top: 40px;
9463                    left: calc(50% - 320px + 267px);
9464                    width: 10px;
9465                }
9466            }
9467
9468            @media  screen and (max-width: 639px) {
9469                #rec644412413 .tn-elem[data-elem-id="1690238351801"] {
9470                    top: 10px;
9471                    left: calc(50% - 160px + 124px);
9472                    width: 10px;
9473                }
9474
9475                #rec644412413 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
9476                    font-size: 12px;
9477                }
9478            }
9479
9480            #rec644412413 .tn-elem[data-elem-id="1694167882130"] {
9481                z-index: 16;
9482                top: 2px;
9483                left: calc(50% - 600px + 620px);
9484                width: 540px;
9485                height: 280px;
9486                pointer-events: none;
9487            }
9488
9489            #rec644412413 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882130"] {
9490                opacity: 0;
9491            }
9492
9493            #rec644412413 .tn-elem[data-elem-id="1694167882130"] .tn-atom {
9494                border-radius: 13px;
9495                background-position: center top;
9496                background-size: cover;
9497                background-repeat: no-repeat;
9498                border-color: transparent;
9499                border-style: solid;
9500            }
9501
9502            @media  screen and (max-width: 1199px) {
9503                #rec644412413 .tn-elem[data-elem-id="1694167882130"] {
9504                    top: 0px;
9505                    left: calc(50% - 480px + 494px);
9506                    width: 424px;
9507                    height: 220px;
9508                }
9509            }
9510
9511            @media  screen and (max-width: 959px) {
9512                #rec644412413 .tn-elem[data-elem-id="1694167882130"] {
9513                    top: 320px;
9514                    left: calc(50% - 320px + 40px);
9515                    width: 560px;
9516                    height: 290px;
9517                }
9518            }
9519
9520            @media  screen and (max-width: 639px) {
9521                #rec644412413 .tn-elem[data-elem-id="1694167882130"] {
9522                    top: 0px;
9523                    left: calc(50% - 160px + 335px);
9524                    width: 240px;
9525                    height: 125px;
9526                }
9527            }
9528
9529            #rec644412413 .tn-elem[data-elem-id="1694167882136"] {
9530                color: #f4f4f4;
9531                text-align: LEFT;
9532                z-index: 17;
9533                top: 23px;
9534                left: calc(50% - 600px + 644px);
9535                width: 199px;
9536                pointer-events: none;
9537            }
9538
9539            #rec644412413 .tn-elem[data-elem-id="1694167882136"] .tn-atom {
9540                color: #f4f4f4;
9541                font-size: 18px;
9542                font-family: 'Manrope', Arial, sans-serif;
9543                line-height: 1.00;
9544                font-weight: 500;
9545                background-position: center center;
9546                border-color: transparent;
9547                border-style: solid;
9548            }
9549
9550            @media  screen and (max-width: 1199px) {
9551                #rec644412413 .tn-elem[data-elem-id="1694167882136"] {
9552                    top: 16px;
9553                    left: calc(50% - 480px + 513px);
9554                }
9555            }
9556
9557            @media  screen and (max-width: 959px) {
9558                #rec644412413 .tn-elem[data-elem-id="1694167882136"] {
9559                    top: 360px;
9560                    left: calc(50% - 320px + 285px);
9561                    width: 10px;
9562                }
9563            }
9564
9565            @media  screen and (max-width: 639px) {
9566                #rec644412413 .tn-elem[data-elem-id="1694167882136"] {
9567                    top: 10px;
9568                    left: calc(50% - 160px + 432px);
9569                    width: 10px;
9570                }
9571
9572                #rec644412413 .tn-elem[data-elem-id="1694167882136"] .tn-atom {
9573                    font-size: 12px;
9574                }
9575            }</style>
9576        <div class='t396'>
9577            <div class="t396__artboard" data-artboard-recid="644412413" data-artboard-screens="320,640,960,1200"
9578                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
9579                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="610"
9580                 data-artboard-height-res-960="220"
9581            >
9582                <div class="t396__carrier" data-artboard-recid="644412413"></div>
9583                <div class="t396__filter" data-artboard-recid="644412413"></div>
9584                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444124131690241109137 ' data-elem-id='1690241109137'
9585                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
9586                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
9587                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
9588                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
9589                     data-animate-mobile="y" data-animate-sbs-event="hover"
9590                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
9591                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
9592                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
9593                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
9594                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
9595                     data-field-left-res-960-value="40" data-field-height-res-960-value="219"
9596                     data-field-width-res-960-value="424"
9597                >
9598                    <div class='tn-atom'></div>
9599                </div>
9600                <div class='t396__elem tn-elem show_1_1 tn-elem__6444124131690239578729 ' data-elem-id='1690239578729'
9601                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
9602                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
9603                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
9604                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
9605                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
9606                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
9607                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
9608                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
9609                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
9610                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
9611                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
9612                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
9613                >
9614                    <div class='tn-atom t-bgimg'
9615                         data-original="/images/v2/tild3462-6563-4535-a362-363233323263__case_2_3_a1.svg"
9616                         style="background-image:url('/images/v2/tild3462-6563-4535-a362-363233323263__case_2_3_a1.svg');"
9617                    ></div>
9618                </div>
9619                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444124131694167882112 ' data-elem-id='1694167882112'
9620                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="620"
9621                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
9622                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
9623                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
9624                     data-animate-mobile="y" data-animate-sbs-event="hover"
9625                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
9626                     data-field-top-res-320-value="0" data-field-left-res-320-value="335"
9627                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
9628                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
9629                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
9630                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
9631                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
9632                >
9633                    <div class='tn-atom'></div>
9634                </div>
9635                <div class='t396__elem tn-elem show_1_1 tn-elem__6444124131690239670103 t396__elem--anim-hidden'
9636                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="2"
9637                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
9638                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
9639                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
9640                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
9641                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
9642                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
9643                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
9644                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
9645                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
9646                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
9647                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
9648                >
9649                    <div class='tn-atom t-bgimg'
9650                         data-original="/images/v2/tild3861-3461-4464-b765-613635613164__case_2_3_a2.svg"
9651                         style="background-image:url('/images/v2/tild3861-3461-4464-b765-613635613164__case_2_3_a2.svg');"
9652                    ></div>
9653                </div>
9654                <div class='t396__elem tn-elem show_1_1 tn-elem__6444124131694167882116 ' data-elem-id='1694167882116'
9655                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="620"
9656                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
9657                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
9658                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
9659                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
9660                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
9661                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
9662                     data-field-top-res-320-value="0" data-field-left-res-320-value="335"
9663                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
9664                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
9665                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
9666                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
9667                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
9668                >
9669                    <div class='tn-atom t-bgimg'
9670                         data-original="/images/v2/tild3966-3561-4235-b930-346238316362__case_2_2_a1.svg"
9671                         style="background-image:url('/images/v2/tild3966-3561-4235-b930-346238316362__case_2_2_a1.svg');"
9672                    ></div>
9673                </div>
9674                <div class='t396__elem tn-elem show_1_1 tn-elem__6444124131690239682409 t396__elem--anim-hidden'
9675                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="2"
9676                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
9677                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
9678                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
9679                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
9680                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
9681                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
9682                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
9683                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
9684                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
9685                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
9686                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
9687                >
9688                    <div class='tn-atom t-bgimg'
9689                         data-original="/images/v2/tild3465-3831-4533-a633-343238633635__case_2_3_a3.svg"
9690                         style="background-image:url('/images/v2/tild3465-3831-4533-a633-343238633635__case_2_3_a3.svg');"
9691                    ></div>
9692                </div>
9693                <div class='t396__elem tn-elem show_1_1 tn-elem__6444124131694167882119 t396__elem--anim-hidden'
9694                     data-elem-id='1694167882119' data-elem-type='shape' data-field-top-value="2"
9695                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
9696                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
9697                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
9698                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
9699                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
9700                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
9701                     data-field-top-res-320-value="0" data-field-left-res-320-value="335"
9702                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
9703                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
9704                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
9705                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
9706                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
9707                >
9708                    <div class='tn-atom t-bgimg'
9709                         data-original="/images/v2/tild3532-3139-4730-b835-396162386535__case_2_2_a2.svg"
9710                         style="background-image:url('/images/v2/tild3532-3139-4730-b835-396162386535__case_2_2_a2.svg');"
9711                    ></div>
9712                </div>
9713                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444124131690238351796 ' data-elem-id='1690238351796'
9714                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
9715                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
9716                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
9717                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
9718                     data-animate-mobile="y" data-animate-sbs-event="hover"
9719                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
9720                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
9721                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
9722                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
9723                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
9724                     data-field-left-res-960-value="40" data-field-height-res-960-value="219"
9725                     data-field-width-res-960-value="424"
9726                >
9727                    <div class='tn-atom'></div>
9728                </div>
9729                <div class='t396__elem tn-elem show_1_1 tn-elem__6444124131694167882123 t396__elem--anim-hidden'
9730                     data-elem-id='1694167882123' data-elem-type='shape' data-field-top-value="2"
9731                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
9732                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
9733                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
9734                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
9735                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
9736                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
9737                     data-field-top-res-320-value="0" data-field-left-res-320-value="335"
9738                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
9739                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
9740                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
9741                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
9742                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
9743                >
9744                    <div class='tn-atom t-bgimg'
9745                         data-original="/images/v2/tild3234-3135-4337-b266-393234613330__case_2_2_a3.svg"
9746                         style="background-image:url('/images/v2/tild3234-3135-4337-b266-393234613330__case_2_2_a3.svg');"
9747                    ></div>
9748                </div>
9749                <div class='t396__elem tn-elem tn-elem__6444124131690238538450 ' data-elem-id='1690238538450'
9750                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
9751                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
9752                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
9753                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
9754                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
9755                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
9756                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
9757                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
9758                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
9759                     data-field-width-res-640-value="560" data-field-top-res-960-value="0"
9760                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
9761                >
9762                    <div class='tn-atom t-bgimg'
9763                         data-original="/images/v2/tild3264-6435-4234-b033-346562643630__case_2_3.png"
9764                         style="background-image:url('/images/v2/tild3264-6435-4234-b033-346562643630__case_2_3.png');"
9765                    ></div>
9766                </div>
9767                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444124131694167882127 ' data-elem-id='1694167882127'
9768                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="620"
9769                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
9770                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
9771                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
9772                     data-animate-mobile="y" data-animate-sbs-event="hover"
9773                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
9774                     data-field-top-res-320-value="0" data-field-left-res-320-value="335"
9775                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
9776                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
9777                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
9778                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
9779                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
9780                >
9781                    <div class='tn-atom'></div>
9782                </div>
9783                <div class='t396__elem tn-elem tn-elem__6444124131690238351801 t-animate' data-elem-id='1690238351801'
9784                     data-elem-type='text' data-field-top-value="23" data-field-left-value="64"
9785                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
9786                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
9787                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
9788                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
9789                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="124"
9790                     data-field-width-res-320-value="10" data-field-top-res-640-value="40"
9791                     data-field-left-res-640-value="267" data-field-width-res-640-value="10"
9792                     data-field-top-res-960-value="16" data-field-left-res-960-value="58"
9793                >
9794                    <div class='tn-atom' field='tn_text_1690238351801'>Словополис</div>
9795                </div>
9796                <div class='t396__elem tn-elem tn-elem__6444124131694167882130 ' data-elem-id='1694167882130'
9797                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="620"
9798                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
9799                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
9800                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
9801                     data-animate-mobile="y" data-animate-sbs-event="hover"
9802                     data-animate-sbs-trgels="1690241327217,1694167882127"
9803                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
9804                     data-field-top-res-320-value="0" data-field-left-res-320-value="335"
9805                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
9806                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
9807                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
9808                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
9809                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
9810                >
9811                    <div class='tn-atom t-bgimg'
9812                         data-original="/images/v2/tild6532-3531-4636-b332-633438353631__case_2_2.png"
9813                         style="background-image:url('/images/v2/tild6532-3531-4636-b332-633438353631__case_2_2.png');"
9814                    ></div>
9815                </div>
9816                <div class='t396__elem tn-elem tn-elem__6444124131694167882136 t-animate' data-elem-id='1694167882136'
9817                     data-elem-type='text' data-field-top-value="23" data-field-left-value="644"
9818                     data-field-width-value="199" data-field-axisy-value="top" data-field-axisx-value="left"
9819                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
9820                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
9821                     data-animate-duration="0.8" data-animate-delay="0.4" data-animate-distance="15"
9822                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="432"
9823                     data-field-width-res-320-value="10" data-field-top-res-640-value="360"
9824                     data-field-left-res-640-value="285" data-field-width-res-640-value="10"
9825                     data-field-top-res-960-value="16" data-field-left-res-960-value="513"
9826                >
9827                    <div class='tn-atom' field='tn_text_1694167882136'>Телепат</div>
9828                </div>
9829            </div>
9830        </div>
9831        
9831<script>t_onFuncLoad('t396_initialScale', function () {
9832                t396_initialScale('644412413');
9833            });
9834            t_onReady(function () {
9835                t_onFuncLoad('t396_init', function () {
9836                    t396_init('644412413');
9837                });
9838            });</script>
9838<!-- /T396 --></div>
9839    <!-- <div style="font-size: 28px;" data-customstyle="yes"><p style="text-align: center;"><strong>GAMING MOBILE</strong></p></div> -->
9840    <div id="rec644458645" class="r t-rec t-rec_pt_0 t-rec_pb_0 t-screenmax-980px"
9841         style="padding-top:0px;padding-bottom:0px;background-color:#121313; " data-animationappear="off"
9842         data-record-type="734" data-screen-max="980px" data-bg-color="#121313"><!-- t734 -->
9843        <div class="t734">
9844            <div class="t-slds t734__witharrows" style="visibility: hidden;">
9845                <div class="t-container_100 t-slds__main">
9846                    <ul class="t-slds__arrow_container t-slds__nocycle ">
9847                        <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left">
9848                            <button
9849                                type="button"
9850                                class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
9851                                aria-controls="carousel_644458645"
9852                                aria-disabled="false"
9853                                aria-label="Предыдущий слайд"
9854                                style="width: 50px; height: 50px;background-color: rgba(255,255,255,1);">
9855                                <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 11px;">
9856                                    <svg role="presentation" focusable="false" style="display: block"
9857                                         viewBox="0 0 11.3 21" xmlns="http://www.w3.org/2000/svg"
9858                                         xmlns:xlink="http://www.w3.org/1999/xlink">
9859                                        <polyline
9860                                            fill="none"
9861                                            stroke="#222222"
9862                                            stroke-linejoin="butt"
9863                                            stroke-linecap="butt"
9864                                            stroke-width="1"
9865                                            points="0.5,0.5 10.5,10.5 0.5,20.5"
9866                                        />
9867                                    </svg>
9868                                </div>
9869                            </button>
9870                        </li>
9871                        <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right">
9872                            <button
9873                                type="button"
9874                                class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
9875                                aria-controls="carousel_644458645"
9876                                aria-disabled="false"
9877                                aria-label="Следующий слайд"
9878                                style="width: 50px; height: 50px;background-color: rgba(255,255,255,1);">
9879                                <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 11px;">
9880                                    <svg role="presentation" focusable="false" style="display: block"
9881                                         viewBox="0 0 11.3 21" xmlns="http://www.w3.org/2000/svg"
9882                                         xmlns:xlink="http://www.w3.org/1999/xlink">
9883                                        <polyline
9884                                            fill="none"
9885                                            stroke="#222222"
9886                                            stroke-linejoin="butt"
9887                                            stroke-linecap="butt"
9888                                            stroke-width="1"
9889                                            points="0.5,0.5 10.5,10.5 0.5,20.5"
9890                                        />
9891                                    </svg>
9892                                </div>
9893                            </button>
9894                        </li>
9895                    </ul>
9896                    <div class="t-slds__container">
9897                        <div
9898                            class="t-slds__items-wrapper t-slds__nocycle t-slds_animated-fast"
9899                            id="carousel_644458645" data-slider-transition="300" data-slider-with-cycle="false"
9900                            data-slider-correct-height="false" data-auto-correct-mobile-width="false"
9901                            aria-roledescription="carousel"
9902                            aria-live="off"
9903                        >
9904                            <div
9905                                class="t-slds__item t-slds__item_active" data-slide-index="1"
9906                                role="group"
9907                                aria-roledescription="slide"
9908                                aria-hidden="false"
9909                                aria-label="1 из 5"
9910                            >
9911                                <div class="t734__slds-wrapper t-slds__wrapper">
9912                                    <div class="t-cover" id="recorddiv644458645" style="height:320px;">
9913                                        <div class="t-cover__carrier" data-content-cover-id="644458645"
9914                                             id="coverCarry644458645" data-content-cover-height="320px"
9915                                             data-content-cover-bg=""
9916                                             style="background-image: url(''); height:320px;"
9917                                             itemscope itemtype="http://schema.org/ImageObject">
9918                                            <meta itemprop="image" content="">
9919                                        </div>
9920                                        <div class="t-cover__filter"
9921                                             style="height:320px; background-color:#000;opacity: 0.0; "></div>
9922                                    </div>
9923                                    <div class="t734__table">
9924                                        <div class="t-cell t-valign_middle">
9925                                            <div class="t-container">
9926                                                <div class="t-cover__wrapper t-valign_middle">
9927                                                    <div class="t734__wrapper t-width t-width_8 t-margin_auto"
9928                                                         data-hook-content="covercontent">
9929                                                        <div class="t734__textwrapper t-align_center"></div>
9930                                                    </div>
9931                                                </div>
9932                                            </div>
9933                                        </div>
9934                                    </div>
9935                                </div>
9936                            </div>
9937                            <div
9938                                class="t-slds__item" data-slide-index="2"
9939                                role="group"
9940                                aria-roledescription="slide"
9941                                aria-hidden="true"
9942                                aria-label="2 из 5"
9943                            >
9944                                <div class="t734__slds-wrapper t-slds__wrapper">
9945                                    <div class="t-cover" style="height:320px;">
9946                                        <div class="t-cover__carrier" data-content-cover-bg=""
9947                                             style="background-image: url(''); height:320px;"
9948                                             itemscope itemtype="http://schema.org/ImageObject">
9949                                            <meta itemprop="image" content="">
9950                                        </div>
9951                                        <div class="t-cover__filter"
9952                                             style="height:320px; background-color:#000;opacity: 0.0; "></div>
9953                                    </div>
9954                                    <div class="t734__table">
9955                                        <div class="t-cell t-valign_middle">
9956                                            <div class="t-container">
9957                                                <div class="t-cover__wrapper t-valign_middle">
9958                                                    <div class="t734__wrapper t-width t-width_8 t-margin_auto"
9959                                                         data-hook-content="covercontent">
9960                                                        <div class="t734__textwrapper t-align_center"></div>
9961                                                    </div>
9962                                                </div>
9963                                            </div>
9964                                        </div>
9965                                    </div>
9966                                </div>
9967                            </div>
9968                            <div
9969                                class="t-slds__item" data-slide-index="3"
9970                                role="group"
9971                                aria-roledescription="slide"
9972                                aria-hidden="true"
9973                                aria-label="3 из 5"
9974                            >
9975                                <div class="t734__slds-wrapper t-slds__wrapper">
9976                                    <div class="t-cover" style="height:320px;">
9977                                        <div class="t-cover__carrier" data-content-cover-bg=""
9978                                             style="background-image: url(''); height:320px;"
9979                                             itemscope itemtype="http://schema.org/ImageObject">
9980                                            <meta itemprop="image" content="">
9981                                        </div>
9982                                        <div class="t-cover__filter"
9983                                             style="height:320px; background-color:#000;opacity: 0.0; "></div>
9984                                    </div>
9985                                    <div class="t734__table">
9986                                        <div class="t-cell t-valign_middle">
9987                                            <div class="t-container">
9988                                                <div class="t-cover__wrapper t-valign_middle">
9989                                                    <div class="t734__wrapper t-width t-width_8 t-margin_auto"
9990                                                         data-hook-content="covercontent">
9991                                                        <div class="t734__textwrapper t-align_center"></div>
9992                                                    </div>
9993                                                </div>
9994                                            </div>
9995                                        </div>
9996                                    </div>
9997                                </div>
9998                            </div>
9999                            <div
10000                                class="t-slds__item" data-slide-index="4"
10001                                role="group"
10002                                aria-roledescription="slide"
10003                                aria-hidden="true"
10004                                aria-label="4 из 5"
10005                            >
10006                                <div class="t734__slds-wrapper t-slds__wrapper">
10007                                    <div class="t-cover" style="height:320px;">
10008                                        <div class="t-cover__carrier" data-content-cover-bg=""
10009                                             style="background-image: url(''); height:320px;"
10010                                             itemscope itemtype="http://schema.org/ImageObject">
10011                                            <meta itemprop="image" content="">
10012                                        </div>
10013                                        <div class="t-cover__filter"
10014                                             style="height:320px; background-color:#000;opacity: 0.0; "></div>
10015                                    </div>
10016                                    <div class="t734__table">
10017                                        <div class="t-cell t-valign_middle">
10018                                            <div class="t-container">
10019                                                <div class="t-cover__wrapper t-valign_middle">
10020                                                    <div class="t734__wrapper t-width t-width_8 t-margin_auto"
10021                                                         data-hook-content="covercontent">
10022                                                        <div class="t734__textwrapper t-align_center"></div>
10023                                                    </div>
10024                                                </div>
10025                                            </div>
10026                                        </div>
10027                                    </div>
10028                                </div>
10029                            </div>
10030                            <div
10031                                class="t-slds__item" data-slide-index="5"
10032                                role="group"
10033                                aria-roledescription="slide"
10034                                aria-hidden="true"
10035                                aria-label="5 из 5"
10036                            >
10037                                <div class="t734__slds-wrapper t-slds__wrapper">
10038                                    <div class="t-cover" style="height:320px;">
10039                                        <div class="t-cover__carrier" data-content-cover-bg=""
10040                                             style="background-image: url(''); height:320px;"
10041                                             itemscope itemtype="http://schema.org/ImageObject">
10042                                            <meta itemprop="image" content="">
10043                                        </div>
10044                                        <div class="t-cover__filter"
10045                                             style="height:320px; background-color:#000;opacity: 0.0; "></div>
10046                                    </div>
10047                                    <div class="t734__table">
10048                                        <div class="t-cell t-valign_middle">
10049                                            <div class="t-container">
10050                                                <div class="t-cover__wrapper t-valign_middle">
10051                                                    <div class="t734__wrapper t-width t-width_8 t-margin_auto"
10052                                                         data-hook-content="covercontent">
10053                                                        <div class="t734__textwrapper t-align_center"></div>
10054                                                    </div>
10055                                                </div>
10056                                            </div>
10057                                        </div>
10058                                    </div>
10059                                </div>
10060                            </div>
10061                        </div>
10062                    </div>
10063                </div>
10064            </div>
10065        </div>
10066        
10066<script type="text/javascript">t_onReady(function () {
10067                t_onFuncLoad('t734_init', function () {
10068                    try {
10069                        t734_init('644458645');
10070                    } catch (error) {
10071                        console.log(error);
10072                    }
10073                });
10074            });</script>
10074
10075        <style type="text/css">#rec644458645 .t-slds__bullet_active .t-slds__bullet_body {
10076                background-color: #ffffff !important;
10077            }
10078
10079            #rec644458645 .t-slds__bullet:hover .t-slds__bullet_body {
10080                background-color: #ffffff !important;
10081            }
10082
10083            #rec644458645 .t-slds__bullet_body:focus-visible {
10084                background-color: #ffffff !important;
10085            }</style>
10086    </div>
10087    <div id="rec644460173" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
10088        <style>#rec644460173 .t396__artboard {
10089                height: 280px;
10090                background-color: #121313;
10091                overflow-x: hidden;
10092                overflow-y: hidden;
10093            }
10094
10095            #rec644460173 .t396__filter {
10096                height: 280px;
10097            }
10098
10099            #rec644460173 .t396__carrier {
10100                height: 280px;
10101                background-position: center center;
10102                background-attachment: scroll;
10103                background-size: cover;
10104                background-repeat: no-repeat;
10105            }
10106
10107            @media  screen and (max-width: 1199px) {
10108                #rec644460173 .t396__artboard {
10109                    height: 222px;
10110                    background-color: #121313;
10111                }
10112
10113                #rec644460173 .t396__filter {
10114                    height: 222px;
10115                }
10116
10117                #rec644460173 .t396__carrier {
10118                    height: 222px;
10119                    background-attachment: scroll;
10120                }
10121            }
10122
10123            @media  screen and (max-width: 959px) {
10124                #rec644460173 .t396__artboard {
10125                    height: 290px;
10126                    background-color: #121313;
10127                }
10128
10129                #rec644460173 .t396__filter {
10130                    height: 290px;
10131                }
10132
10133                #rec644460173 .t396__carrier {
10134                    height: 290px;
10135                    background-attachment: scroll;
10136                }
10137            }
10138
10139            @media  screen and (max-width: 639px) {
10140                #rec644460173 .t396__artboard {
10141                    height: 125px;
10142                    background-color: #121313;
10143                }
10144
10145                #rec644460173 .t396__filter {
10146                    height: 125px;
10147                }
10148
10149                #rec644460173 .t396__carrier {
10150                    height: 125px;
10151                    background-attachment: scroll;
10152                }
10153            }
10154
10155            #rec644460173 .tn-elem[data-elem-id="1690241109137"] {
10156                z-index: 2;
10157                top: 0px;
10158                left: calc(50% - 600px + 39px);
10159                width: 540px;
10160                height: 280px;
10161                pointer-events: none;
10162            }
10163
10164            #rec644460173 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
10165                opacity: 0;
10166            }
10167
10168            #rec644460173 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
10169                border-width: 0px;
10170                border-radius: 14px;
10171                background-color: #23c255;
10172                background-position: center center;
10173                border-color: transparent;
10174                border-style: solid;
10175            }
10176
10177            @media  screen and (max-width: 1199px) {
10178                #rec644460173 .tn-elem[data-elem-id="1690241109137"] {
10179                    top: 3px;
10180                    left: calc(50% - 480px + 39px);
10181                    width: 424px;
10182                    height: 219px;
10183                }
10184            }
10185
10186            @media  screen and (max-width: 959px) {
10187                #rec644460173 .tn-elem[data-elem-id="1690241109137"] {
10188                    top: 0px;
10189                    left: calc(50% - 320px + 40px);
10190                    width: 560px;
10191                    height: 290px;
10192                }
10193            }
10194
10195            @media  screen and (max-width: 639px) {
10196                #rec644460173 .tn-elem[data-elem-id="1690241109137"] {
10197                    top: 0px;
10198                    left: calc(50% - 160px + 40px);
10199                    width: 240px;
10200                    height: 125px;
10201                }
10202            }
10203
10204            #rec644460173 .tn-elem[data-elem-id="1690239578729"] {
10205                z-index: 3;
10206                top: 0px;
10207                left: calc(50% - 600px + 39px);
10208                width: 540px;
10209                height: 280px;
10210                pointer-events: none;
10211            }
10212
10213            #rec644460173 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
10214                opacity: 0;
10215            }
10216
10217            #rec644460173 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
10218                border-radius: 13px;
10219                background-position: center top;
10220                background-size: cover;
10221                background-repeat: no-repeat;
10222                border-color: transparent;
10223                border-style: solid;
10224            }
10225
10226            @media  screen and (max-width: 1199px) {
10227                #rec644460173 .tn-elem[data-elem-id="1690239578729"] {
10228                    top: 3px;
10229                    left: calc(50% - 480px + 39px);
10230                    width: 424px;
10231                    height: 219px;
10232                }
10233            }
10234
10235            @media  screen and (max-width: 959px) {
10236                #rec644460173 .tn-elem[data-elem-id="1690239578729"] {
10237                    top: 0px;
10238                    left: calc(50% - 320px + 40px);
10239                    width: 560px;
10240                    height: 290px;
10241                }
10242            }
10243
10244            @media  screen and (max-width: 639px) {
10245                #rec644460173 .tn-elem[data-elem-id="1690239578729"] {
10246                    top: 0px;
10247                    left: calc(50% - 160px + 40px);
10248                    width: 240px;
10249                    height: 125px;
10250                }
10251            }
10252
10253            #rec644460173 .tn-elem[data-elem-id="1690239670103"] {
10254                z-index: 4;
10255                top: 0px;
10256                left: calc(50% - 600px + 39px);
10257                width: 540px;
10258                height: 280px;
10259                pointer-events: none;
10260            }
10261
10262            #rec644460173 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
10263                opacity: 0;
10264            }
10265
10266            #rec644460173 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
10267                border-radius: 13px;
10268                background-position: center top;
10269                background-size: cover;
10270                background-repeat: no-repeat;
10271                border-color: transparent;
10272                border-style: solid;
10273            }
10274
10275            @media  screen and (max-width: 1199px) {
10276                #rec644460173 .tn-elem[data-elem-id="1690239670103"] {
10277                    top: 3px;
10278                    left: calc(50% - 480px + 39px);
10279                    width: 424px;
10280                    height: 219px;
10281                }
10282            }
10283
10284            @media  screen and (max-width: 959px) {
10285                #rec644460173 .tn-elem[data-elem-id="1690239670103"] {
10286                    top: 0px;
10287                    left: calc(50% - 320px + 40px);
10288                    width: 560px;
10289                    height: 290px;
10290                }
10291            }
10292
10293            @media  screen and (max-width: 639px) {
10294                #rec644460173 .tn-elem[data-elem-id="1690239670103"] {
10295                    top: 0px;
10296                    left: calc(50% - 160px + 40px);
10297                    width: 240px;
10298                    height: 125px;
10299                }
10300            }
10301
10302            #rec644460173 .tn-elem[data-elem-id="1690239682409"] {
10303                z-index: 5;
10304                top: 0px;
10305                left: calc(50% - 600px + 39px);
10306                width: 540px;
10307                height: 280px;
10308                pointer-events: none;
10309            }
10310
10311            #rec644460173 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
10312                opacity: 0;
10313            }
10314
10315            #rec644460173 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
10316                border-radius: 13px;
10317                background-position: center top;
10318                background-size: cover;
10319                background-repeat: no-repeat;
10320                border-color: transparent;
10321                border-style: solid;
10322            }
10323
10324            @media  screen and (max-width: 1199px) {
10325                #rec644460173 .tn-elem[data-elem-id="1690239682409"] {
10326                    top: 3px;
10327                    left: calc(50% - 480px + 39px);
10328                    width: 424px;
10329                    height: 219px;
10330                }
10331            }
10332
10333            @media  screen and (max-width: 959px) {
10334                #rec644460173 .tn-elem[data-elem-id="1690239682409"] {
10335                    top: 0px;
10336                    left: calc(50% - 320px + 40px);
10337                    width: 560px;
10338                    height: 290px;
10339                }
10340            }
10341
10342            @media  screen and (max-width: 639px) {
10343                #rec644460173 .tn-elem[data-elem-id="1690239682409"] {
10344                    top: 0px;
10345                    left: calc(50% - 160px + 40px);
10346                    width: 240px;
10347                    height: 125px;
10348                }
10349            }
10350
10351            #rec644460173 .tn-elem[data-elem-id="1690238351796"] {
10352                z-index: 6;
10353                top: 0px;
10354                left: calc(50% - 600px + 39px);
10355                width: 540px;
10356                height: 280px;
10357            }
10358
10359            #rec644460173 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
10360                opacity: 0;
10361            }
10362
10363            #rec644460173 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
10364                border-radius: 13px;
10365                background-color: #1b1e20;
10366                background-position: center center;
10367                border-color: transparent;
10368                border-style: solid;
10369            }
10370
10371            @media  screen and (max-width: 1199px) {
10372                #rec644460173 .tn-elem[data-elem-id="1690238351796"] {
10373                    top: 3px;
10374                    left: calc(50% - 480px + 39px);
10375                    width: 424px;
10376                    height: 219px;
10377                }
10378            }
10379
10380            @media  screen and (max-width: 959px) {
10381                #rec644460173 .tn-elem[data-elem-id="1690238351796"] {
10382                    top: 0px;
10383                    left: calc(50% - 320px + 40px);
10384                    width: 560px;
10385                    height: 290px;
10386                }
10387            }
10388
10389            @media  screen and (max-width: 639px) {
10390                #rec644460173 .tn-elem[data-elem-id="1690238351796"] {
10391                    top: 0px;
10392                    left: calc(50% - 160px + 40px);
10393                    width: 240px;
10394                    height: 125px;
10395                }
10396            }
10397
10398            #rec644460173 .tn-elem[data-elem-id="1690238538450"] {
10399                z-index: 7;
10400                top: 0px;
10401                left: calc(50% - 600px + 39px);
10402                width: 540px;
10403                height: 280px;
10404                pointer-events: none;
10405            }
10406
10407            #rec644460173 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
10408                opacity: 0;
10409            }
10410
10411            #rec644460173 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
10412                border-radius: 13px;
10413                background-position: center top;
10414                background-size: cover;
10415                background-repeat: no-repeat;
10416                border-color: transparent;
10417                border-style: solid;
10418            }
10419
10420            @media  screen and (max-width: 1199px) {
10421                #rec644460173 .tn-elem[data-elem-id="1690238538450"] {
10422                    top: 0px;
10423                    left: calc(50% - 480px + 39px);
10424                    width: 424px;
10425                    height: 222px;
10426                }
10427            }
10428
10429            @media  screen and (max-width: 959px) {
10430                #rec644460173 .tn-elem[data-elem-id="1690238538450"] {
10431                    top: 0px;
10432                    left: calc(50% - 320px + 40px);
10433                    width: 560px;
10434                    height: 290px;
10435                }
10436            }
10437
10438            @media  screen and (max-width: 639px) {
10439                #rec644460173 .tn-elem[data-elem-id="1690238538450"] {
10440                    top: 0px;
10441                    left: calc(50% - 160px + 40px);
10442                    width: 240px;
10443                    height: 125px;
10444                }
10445            }
10446
10447            #rec644460173 .tn-elem[data-elem-id="1690238351801"] {
10448                color: #f4f4f4;
10449                text-align: LEFT;
10450                z-index: 8;
10451                top: 22px;
10452                left: calc(50% - 600px + 64px);
10453                width: 230px;
10454                pointer-events: none;
10455            }
10456
10457            #rec644460173 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
10458                color: #f4f4f4;
10459                font-size: 18px;
10460                font-family: 'Manrope', Arial, sans-serif;
10461                line-height: 1.00;
10462                font-weight: 500;
10463                background-position: center center;
10464                border-color: transparent;
10465                border-style: solid;
10466            }
10467
10468            @media  screen and (max-width: 1199px) {
10469                #rec644460173 .tn-elem[data-elem-id="1690238351801"] {
10470                    top: 16px;
10471                    left: calc(50% - 480px + 58px);
10472                }
10473            }
10474
10475            @media  screen and (max-width: 959px) {
10476                #rec644460173 .tn-elem[data-elem-id="1690238351801"] {
10477                    top: 40px;
10478                    left: calc(50% - 320px + 248px);
10479                    width: 144px;
10480                }
10481            }
10482
10483            @media  screen and (max-width: 639px) {
10484                #rec644460173 .tn-elem[data-elem-id="1690238351801"] {
10485                    top: 10px;
10486                    left: calc(50% - 160px + 113px);
10487                    width: 111px;
10488                }
10489
10490                #rec644460173 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
10491                    font-size: 12px;
10492                }
10493            }</style>
10494        <div class='t396'>
10495            <div class="t396__artboard" data-artboard-recid="644460173" data-artboard-screens="320,640,960,1200"
10496                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
10497                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
10498                 data-artboard-height-res-960="222"
10499            >
10500                <div class="t396__carrier" data-artboard-recid="644460173"></div>
10501                <div class="t396__filter" data-artboard-recid="644460173"></div>
10502                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444601731690241109137 ' data-elem-id='1690241109137'
10503                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
10504                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
10505                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
10506                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
10507                     data-animate-mobile="y" data-animate-sbs-event="hover"
10508                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
10509                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
10510                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
10511                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
10512                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
10513                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
10514                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
10515                >
10516                    <div class='tn-atom'></div>
10517                </div>
10518                <div class='t396__elem tn-elem show_1_1 tn-elem__6444601731690239578729 ' data-elem-id='1690239578729'
10519                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
10520                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
10521                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
10522                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
10523                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
10524                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
10525                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
10526                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
10527                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
10528                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
10529                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
10530                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
10531                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
10532                >
10533                    <div class='tn-atom t-bgimg'
10534                         data-original="/images/v2/tild3937-3436-4439-b434-666539373332__case_2_1_a1.svg"
10535                         style="background-image:url('/images/v2/tild3937-3436-4439-b434-666539373332__case_2_1_a1.svg');"
10536                    ></div>
10537                </div>
10538                <div class='t396__elem tn-elem show_1_1 tn-elem__6444601731690239670103 t396__elem--anim-hidden'
10539                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="0"
10540                     data-field-left-value="39" data-field-height-value="280" data-field-width-value="540"
10541                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
10542                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
10543                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
10544                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
10545                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
10546                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
10547                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
10548                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
10549                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
10550                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
10551                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
10552                >
10553                    <div class='tn-atom t-bgimg'
10554                         data-original="/images/v2/tild3837-3037-4664-b665-333866653438__case_2_1_a2.svg"
10555                         style="background-image:url('/images/v2/tild3837-3037-4664-b665-333866653438__case_2_1_a2.svg');"
10556                    ></div>
10557                </div>
10558                <div class='t396__elem tn-elem show_1_1 tn-elem__6444601731690239682409 t396__elem--anim-hidden'
10559                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="0"
10560                     data-field-left-value="39" data-field-height-value="280" data-field-width-value="540"
10561                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
10562                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
10563                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
10564                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
10565                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
10566                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
10567                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
10568                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
10569                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
10570                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
10571                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
10572                >
10573                    <div class='tn-atom t-bgimg'
10574                         data-original="/images/v2/tild3534-3465-4363-b137-383862663335__case_2_1_a3.svg"
10575                         style="background-image:url('/images/v2/tild3534-3465-4363-b137-383862663335__case_2_1_a3.svg');"
10576                    ></div>
10577                </div>
10578                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444601731690238351796 ' data-elem-id='1690238351796'
10579                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
10580                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
10581                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
10582                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
10583                     data-animate-mobile="y" data-animate-sbs-event="hover"
10584                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
10585                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
10586                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
10587                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
10588                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
10589                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
10590                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
10591                >
10592                    <div class='tn-atom'></div>
10593                </div>
10594                <div class='t396__elem tn-elem tn-elem__6444601731690238538450 ' data-elem-id='1690238538450'
10595                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
10596                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
10597                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
10598                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
10599                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
10600                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
10601                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
10602                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
10603                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
10604                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
10605                     data-field-top-res-960-value="0" data-field-left-res-960-value="39"
10606                     data-field-height-res-960-value="222" data-field-width-res-960-value="424"
10607                >
10608                    <div class='tn-atom t-bgimg'
10609                         data-original="/images/v2/tild3165-6661-4533-b237-396161623563__case_2_1.png"
10610                         style="background-image:url('/images/v2/tild3165-6661-4533-b237-396161623563__case_2_1.png');"
10611                    ></div>
10612                </div>
10613                <div class='t396__elem tn-elem tn-elem__6444601731690238351801 t-animate' data-elem-id='1690238351801'
10614                     data-elem-type='text' data-field-top-value="22" data-field-left-value="64"
10615                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
10616                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
10617                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
10618                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
10619                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="113"
10620                     data-field-width-res-320-value="111" data-field-top-res-640-value="40"
10621                     data-field-left-res-640-value="248" data-field-width-res-640-value="144"
10622                     data-field-top-res-960-value="16" data-field-left-res-960-value="58"
10623                >
10624                    <div class='tn-atom' field='tn_text_1690238351801'>Загадки и пазлы</div>
10625                </div>
10626            </div>
10627        </div>
10628        
10628<script>t_onFuncLoad('t396_initialScale', function () {
10629                t396_initialScale('644460173');
10630            });
10631            t_onReady(function () {
10632                t_onFuncLoad('t396_init', function () {
10633                    t396_init('644460173');
10634                });
10635            });</script>
10635<!-- /T396 --></div>
10636    <div id="rec644458976" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
10637        <style>#rec644458976 .t396__artboard {
10638                height: 280px;
10639                background-color: #121313;
10640                overflow-x: hidden;
10641                overflow-y: hidden;
10642            }
10643
10644            #rec644458976 .t396__filter {
10645                height: 280px;
10646            }
10647
10648            #rec644458976 .t396__carrier {
10649                height: 280px;
10650                background-position: center center;
10651                background-attachment: scroll;
10652                background-size: cover;
10653                background-repeat: no-repeat;
10654            }
10655
10656            @media  screen and (max-width: 1199px) {
10657                #rec644458976 .t396__artboard {
10658                    height: 220px;
10659                }
10660
10661                #rec644458976 .t396__filter {
10662                    height: 220px;
10663                }
10664
10665                #rec644458976 .t396__carrier {
10666                    height: 220px;
10667                    background-attachment: scroll;
10668                }
10669            }
10670
10671            @media  screen and (max-width: 959px) {
10672                #rec644458976 .t396__artboard {
10673                    height: 290px;
10674                }
10675
10676                #rec644458976 .t396__filter {
10677                    height: 290px;
10678                }
10679
10680                #rec644458976 .t396__carrier {
10681                    height: 290px;
10682                    background-attachment: scroll;
10683                }
10684            }
10685
10686            @media  screen and (max-width: 639px) {
10687                #rec644458976 .t396__artboard {
10688                    height: 125px;
10689                }
10690
10691                #rec644458976 .t396__filter {
10692                    height: 125px;
10693                }
10694
10695                #rec644458976 .t396__carrier {
10696                    height: 125px;
10697                    background-attachment: scroll;
10698                }
10699            }
10700
10701            #rec644458976 .tn-elem[data-elem-id="1690241109137"] {
10702                z-index: 4;
10703                top: 2px;
10704                left: calc(50% - 600px + 40px);
10705                width: 540px;
10706                height: 280px;
10707                pointer-events: none;
10708            }
10709
10710            #rec644458976 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
10711                opacity: 0;
10712            }
10713
10714            #rec644458976 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
10715                border-width: 0px;
10716                border-radius: 14px;
10717                background-color: #f04392;
10718                background-position: center center;
10719                border-color: transparent;
10720                border-style: solid;
10721            }
10722
10723            @media  screen and (max-width: 1199px) {
10724                #rec644458976 .tn-elem[data-elem-id="1690241109137"] {
10725                    top: 1px;
10726                    left: calc(50% - 480px + 40px);
10727                    width: 424px;
10728                    height: 219px;
10729                }
10730            }
10731
10732            @media  screen and (max-width: 959px) {
10733                #rec644458976 .tn-elem[data-elem-id="1690241109137"] {
10734                    top: 0px;
10735                    left: calc(50% - 320px + 40px);
10736                    width: 560px;
10737                    height: 290px;
10738                }
10739            }
10740
10741            @media  screen and (max-width: 639px) {
10742                #rec644458976 .tn-elem[data-elem-id="1690241109137"] {
10743                    top: 0px;
10744                    width: 240px;
10745                    height: 125px;
10746                }
10747            }
10748
10749            #rec644458976 .tn-elem[data-elem-id="1690239578729"] {
10750                z-index: 5;
10751                top: 2px;
10752                left: calc(50% - 600px + 40px);
10753                width: 540px;
10754                height: 280px;
10755                pointer-events: none;
10756            }
10757
10758            #rec644458976 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
10759                opacity: 0;
10760            }
10761
10762            #rec644458976 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
10763                border-radius: 13px;
10764                background-position: center top;
10765                background-size: cover;
10766                background-repeat: no-repeat;
10767                border-color: transparent;
10768                border-style: solid;
10769            }
10770
10771            @media  screen and (max-width: 1199px) {
10772                #rec644458976 .tn-elem[data-elem-id="1690239578729"] {
10773                    top: 1px;
10774                    width: 424px;
10775                    height: 219px;
10776                }
10777            }
10778
10779            @media  screen and (max-width: 959px) {
10780                #rec644458976 .tn-elem[data-elem-id="1690239578729"] {
10781                    top: 0px;
10782                    left: calc(50% - 320px + 40px);
10783                    width: 560px;
10784                    height: 290px;
10785                }
10786            }
10787
10788            @media  screen and (max-width: 639px) {
10789                #rec644458976 .tn-elem[data-elem-id="1690239578729"] {
10790                    top: 0px;
10791                    width: 240px;
10792                    height: 125px;
10793                }
10794            }
10795
10796            #rec644458976 .tn-elem[data-elem-id="1690239670103"] {
10797                z-index: 6;
10798                top: 2px;
10799                left: calc(50% - 600px + 40px);
10800                width: 540px;
10801                height: 280px;
10802                pointer-events: none;
10803            }
10804
10805            #rec644458976 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
10806                opacity: 0;
10807            }
10808
10809            #rec644458976 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
10810                border-radius: 13px;
10811                background-position: center top;
10812                background-size: cover;
10813                background-repeat: no-repeat;
10814                border-color: transparent;
10815                border-style: solid;
10816            }
10817
10818            @media  screen and (max-width: 1199px) {
10819                #rec644458976 .tn-elem[data-elem-id="1690239670103"] {
10820                    top: 1px;
10821                    width: 424px;
10822                    height: 219px;
10823                }
10824            }
10825
10826            @media  screen and (max-width: 959px) {
10827                #rec644458976 .tn-elem[data-elem-id="1690239670103"] {
10828                    top: 0px;
10829                    left: calc(50% - 320px + 40px);
10830                    width: 560px;
10831                    height: 290px;
10832                }
10833            }
10834
10835            @media  screen and (max-width: 639px) {
10836                #rec644458976 .tn-elem[data-elem-id="1690239670103"] {
10837                    top: 0px;
10838                    width: 240px;
10839                    height: 125px;
10840                }
10841            }
10842
10843            #rec644458976 .tn-elem[data-elem-id="1690239682409"] {
10844                z-index: 7;
10845                top: 2px;
10846                left: calc(50% - 600px + 40px);
10847                width: 540px;
10848                height: 280px;
10849                pointer-events: none;
10850            }
10851
10852            #rec644458976 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
10853                opacity: 0;
10854            }
10855
10856            #rec644458976 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
10857                border-radius: 13px;
10858                background-position: center top;
10859                background-size: cover;
10860                background-repeat: no-repeat;
10861                border-color: transparent;
10862                border-style: solid;
10863            }
10864
10865            @media  screen and (max-width: 1199px) {
10866                #rec644458976 .tn-elem[data-elem-id="1690239682409"] {
10867                    top: 1px;
10868                    width: 424px;
10869                    height: 219px;
10870                }
10871            }
10872
10873            @media  screen and (max-width: 959px) {
10874                #rec644458976 .tn-elem[data-elem-id="1690239682409"] {
10875                    top: 0px;
10876                    left: calc(50% - 320px + 40px);
10877                    width: 560px;
10878                    height: 290px;
10879                }
10880            }
10881
10882            @media  screen and (max-width: 639px) {
10883                #rec644458976 .tn-elem[data-elem-id="1690239682409"] {
10884                    top: 0px;
10885                    width: 240px;
10886                    height: 125px;
10887                }
10888            }
10889
10890            #rec644458976 .tn-elem[data-elem-id="1690238351796"] {
10891                z-index: 8;
10892                top: 2px;
10893                left: calc(50% - 600px + 40px);
10894                width: 540px;
10895                height: 280px;
10896            }
10897
10898            #rec644458976 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
10899                opacity: 0;
10900            }
10901
10902            #rec644458976 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
10903                border-radius: 13px;
10904                background-color: #1b1e20;
10905                background-position: center center;
10906                border-color: transparent;
10907                border-style: solid;
10908            }
10909
10910            @media  screen and (max-width: 1199px) {
10911                #rec644458976 .tn-elem[data-elem-id="1690238351796"] {
10912                    top: 1px;
10913                    left: calc(50% - 480px + 40px);
10914                    width: 424px;
10915                    height: 219px;
10916                }
10917            }
10918
10919            @media  screen and (max-width: 959px) {
10920                #rec644458976 .tn-elem[data-elem-id="1690238351796"] {
10921                    top: 0px;
10922                    left: calc(50% - 320px + 40px);
10923                    width: 560px;
10924                    height: 290px;
10925                }
10926            }
10927
10928            @media  screen and (max-width: 639px) {
10929                #rec644458976 .tn-elem[data-elem-id="1690238351796"] {
10930                    top: 0px;
10931                    width: 240px;
10932                    height: 125px;
10933                }
10934            }
10935
10936            #rec644458976 .tn-elem[data-elem-id="1690238538450"] {
10937                z-index: 9;
10938                top: 2px;
10939                left: calc(50% - 600px + 40px);
10940                width: 540px;
10941                height: 280px;
10942                pointer-events: none;
10943            }
10944
10945            #rec644458976 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
10946                opacity: 0;
10947            }
10948
10949            #rec644458976 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
10950                border-radius: 13px;
10951                background-position: center top;
10952                background-size: cover;
10953                background-repeat: no-repeat;
10954                border-color: transparent;
10955                border-style: solid;
10956            }
10957
10958            @media  screen and (max-width: 1199px) {
10959                #rec644458976 .tn-elem[data-elem-id="1690238538450"] {
10960                    top: 0px;
10961                    width: 424px;
10962                    height: 220px;
10963                }
10964            }
10965
10966            @media  screen and (max-width: 959px) {
10967                #rec644458976 .tn-elem[data-elem-id="1690238538450"] {
10968                    top: 0px;
10969                    left: calc(50% - 320px + 40px);
10970                    width: 560px;
10971                    height: 290px;
10972                }
10973            }
10974
10975            @media  screen and (max-width: 639px) {
10976                #rec644458976 .tn-elem[data-elem-id="1690238538450"] {
10977                    top: 0px;
10978                    width: 240px;
10979                    height: 125px;
10980                }
10981            }
10982
10983            #rec644458976 .tn-elem[data-elem-id="1690238351801"] {
10984                color: #f4f4f4;
10985                text-align: LEFT;
10986                z-index: 10;
10987                top: 23px;
10988                left: calc(50% - 600px + 64px);
10989                width: 230px;
10990                pointer-events: none;
10991            }
10992
10993            #rec644458976 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
10994                color: #f4f4f4;
10995                font-size: 18px;
10996                font-family: 'Manrope', Arial, sans-serif;
10997                line-height: 1.00;
10998                font-weight: 500;
10999                background-position: center center;
11000                border-color: transparent;
11001                border-style: solid;
11002            }
11003
11004            @media  screen and (max-width: 1199px) {
11005                #rec644458976 .tn-elem[data-elem-id="1690238351801"] {
11006                    top: 16px;
11007                    left: calc(50% - 480px + 58px);
11008                }
11009            }
11010
11011            @media  screen and (max-width: 959px) {
11012                #rec644458976 .tn-elem[data-elem-id="1690238351801"] {
11013                    top: 40px;
11014                    left: calc(50% - 320px + 267px);
11015                    width: 10px;
11016                }
11017            }
11018
11019            @media  screen and (max-width: 639px) {
11020                #rec644458976 .tn-elem[data-elem-id="1690238351801"] {
11021                    top: 10px;
11022                    left: calc(50% - 160px + 124px);
11023                    width: 10px;
11024                }
11025
11026                #rec644458976 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
11027                    font-size: 12px;
11028                }
11029            }</style>
11030        <div class='t396'>
11031            <div class="t396__artboard" data-artboard-recid="644458976" data-artboard-screens="320,640,960,1200"
11032                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
11033                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
11034                 data-artboard-height-res-960="220"
11035            >
11036                <div class="t396__carrier" data-artboard-recid="644458976"></div>
11037                <div class="t396__filter" data-artboard-recid="644458976"></div>
11038                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444589761690241109137 ' data-elem-id='1690241109137'
11039                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
11040                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
11041                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
11042                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
11043                     data-animate-mobile="y" data-animate-sbs-event="hover"
11044                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
11045                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
11046                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
11047                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
11048                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
11049                     data-field-left-res-960-value="40" data-field-height-res-960-value="219"
11050                     data-field-width-res-960-value="424"
11051                >
11052                    <div class='tn-atom'></div>
11053                </div>
11054                <div class='t396__elem tn-elem show_1_1 tn-elem__6444589761690239578729 ' data-elem-id='1690239578729'
11055                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
11056                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
11057                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
11058                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
11059                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
11060                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
11061                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
11062                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
11063                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
11064                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
11065                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
11066                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
11067                >
11068                    <div class='tn-atom t-bgimg'
11069                         data-original="/images/v2/tild3462-6563-4535-a362-363233323263__case_2_3_a1.svg"
11070                         style="background-image:url('/images/v2/tild3462-6563-4535-a362-363233323263__case_2_3_a1.svg');"
11071                    ></div>
11072                </div>
11073                <div class='t396__elem tn-elem show_1_1 tn-elem__6444589761690239670103 t396__elem--anim-hidden'
11074                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="2"
11075                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
11076                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
11077                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
11078                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
11079                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
11080                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
11081                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
11082                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
11083                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
11084                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
11085                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
11086                >
11087                    <div class='tn-atom t-bgimg'
11088                         data-original="/images/v2/tild3861-3461-4464-b765-613635613164__case_2_3_a2.svg"
11089                         style="background-image:url('/images/v2/tild3861-3461-4464-b765-613635613164__case_2_3_a2.svg');"
11090                    ></div>
11091                </div>
11092                <div class='t396__elem tn-elem show_1_1 tn-elem__6444589761690239682409 t396__elem--anim-hidden'
11093                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="2"
11094                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
11095                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
11096                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
11097                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
11098                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
11099                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
11100                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
11101                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
11102                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
11103                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
11104                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
11105                >
11106                    <div class='tn-atom t-bgimg'
11107                         data-original="/images/v2/tild3465-3831-4533-a633-343238633635__case_2_3_a3.svg"
11108                         style="background-image:url('/images/v2/tild3465-3831-4533-a633-343238633635__case_2_3_a3.svg');"
11109                    ></div>
11110                </div>
11111                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444589761690238351796 ' data-elem-id='1690238351796'
11112                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
11113                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
11114                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
11115                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
11116                     data-animate-mobile="y" data-animate-sbs-event="hover"
11117                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
11118                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
11119                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
11120                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
11121                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
11122                     data-field-left-res-960-value="40" data-field-height-res-960-value="219"
11123                     data-field-width-res-960-value="424"
11124                >
11125                    <div class='tn-atom'></div>
11126                </div>
11127                <div class='t396__elem tn-elem tn-elem__6444589761690238538450 ' data-elem-id='1690238538450'
11128                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
11129                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
11130                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
11131                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
11132                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
11133                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
11134                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
11135                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
11136                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
11137                     data-field-width-res-640-value="560" data-field-top-res-960-value="0"
11138                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
11139                >
11140                    <div class='tn-atom t-bgimg'
11141                         data-original="/images/v2/tild3264-6435-4234-b033-346562643630__case_2_3.png"
11142                         style="background-image:url('/images/v2/tild3264-6435-4234-b033-346562643630__case_2_3.png');"
11143                    ></div>
11144                </div>
11145                <div class='t396__elem tn-elem tn-elem__6444589761690238351801 t-animate' data-elem-id='1690238351801'
11146                     data-elem-type='text' data-field-top-value="23" data-field-left-value="64"
11147                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
11148                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
11149                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
11150                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
11151                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="124"
11152                     data-field-width-res-320-value="10" data-field-top-res-640-value="40"
11153                     data-field-left-res-640-value="267" data-field-width-res-640-value="10"
11154                     data-field-top-res-960-value="16" data-field-left-res-960-value="58"
11155                >
11156                    <div class='tn-atom' field='tn_text_1690238351801'>Словополис</div>
11157                </div>
11158            </div>
11159        </div>
11160        
11160<script>t_onFuncLoad('t396_initialScale', function () {
11161                t396_initialScale('644458976');
11162            });
11163            t_onReady(function () {
11164                t_onFuncLoad('t396_init', function () {
11165                    t396_init('644458976');
11166                });
11167            });</script>
11167<!-- /T396 --></div>
11168    <div id="rec644459329" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
11169        <style>#rec644459329 .t396__artboard {
11170                height: 280px;
11171                background-color: #121313;
11172                overflow-x: hidden;
11173                overflow-y: hidden;
11174            }
11175
11176            #rec644459329 .t396__filter {
11177                height: 280px;
11178            }
11179
11180            #rec644459329 .t396__carrier {
11181                height: 280px;
11182                background-position: center center;
11183                background-attachment: scroll;
11184                background-size: cover;
11185                background-repeat: no-repeat;
11186            }
11187
11188            @media  screen and (max-width: 1199px) {
11189                #rec644459329 .t396__artboard {
11190                    height: 220px;
11191                }
11192
11193                #rec644459329 .t396__filter {
11194                    height: 220px;
11195                }
11196
11197                #rec644459329 .t396__carrier {
11198                    height: 220px;
11199                    background-attachment: scroll;
11200                }
11201            }
11202
11203            @media  screen and (max-width: 959px) {
11204                #rec644459329 .t396__artboard {
11205                    height: 290px;
11206                }
11207
11208                #rec644459329 .t396__filter {
11209                    height: 290px;
11210                }
11211
11212                #rec644459329 .t396__carrier {
11213                    height: 290px;
11214                    background-attachment: scroll;
11215                }
11216            }
11217
11218            @media  screen and (max-width: 639px) {
11219                #rec644459329 .t396__artboard {
11220                    height: 125px;
11221                }
11222
11223                #rec644459329 .t396__filter {
11224                    height: 125px;
11225                }
11226
11227                #rec644459329 .t396__carrier {
11228                    height: 125px;
11229                    background-attachment: scroll;
11230                }
11231            }
11232
11233            #rec644459329 .tn-elem[data-elem-id="1694167882112"] {
11234                z-index: 4;
11235                top: 2px;
11236                left: calc(50% - 600px + 620px);
11237                width: 540px;
11238                height: 280px;
11239                pointer-events: none;
11240            }
11241
11242            #rec644459329 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882112"] {
11243                opacity: 0;
11244            }
11245
11246            #rec644459329 .tn-elem[data-elem-id="1694167882112"] .tn-atom {
11247                border-width: 0px;
11248                border-radius: 14px;
11249                background-color: #39bfd1;
11250                background-position: center center;
11251                border-color: transparent;
11252                border-style: solid;
11253            }
11254
11255            @media  screen and (max-width: 1199px) {
11256                #rec644459329 .tn-elem[data-elem-id="1694167882112"] {
11257                    top: 0px;
11258                    left: calc(50% - 480px + 494px);
11259                    width: 424px;
11260                    height: 220px;
11261                }
11262            }
11263
11264            @media  screen and (max-width: 959px) {
11265                #rec644459329 .tn-elem[data-elem-id="1694167882112"] {
11266                    top: 0px;
11267                    left: calc(50% - 320px + 40px);
11268                    width: 560px;
11269                    height: 290px;
11270                }
11271            }
11272
11273            @media  screen and (max-width: 639px) {
11274                #rec644459329 .tn-elem[data-elem-id="1694167882112"] {
11275                    top: 0px;
11276                    left: calc(50% - 160px + 40px);
11277                    width: 240px;
11278                    height: 125px;
11279                }
11280            }
11281
11282            #rec644459329 .tn-elem[data-elem-id="1694167882116"] {
11283                z-index: 5;
11284                top: 2px;
11285                left: calc(50% - 600px + 620px);
11286                width: 540px;
11287                height: 280px;
11288                pointer-events: none;
11289            }
11290
11291            #rec644459329 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882116"] {
11292                opacity: 0;
11293            }
11294
11295            #rec644459329 .tn-elem[data-elem-id="1694167882116"] .tn-atom {
11296                border-radius: 13px;
11297                background-position: center top;
11298                background-size: cover;
11299                background-repeat: no-repeat;
11300                border-color: transparent;
11301                border-style: solid;
11302            }
11303
11304            @media  screen and (max-width: 1199px) {
11305                #rec644459329 .tn-elem[data-elem-id="1694167882116"] {
11306                    top: 0px;
11307                    left: calc(50% - 480px + 494px);
11308                    width: 424px;
11309                    height: 220px;
11310                }
11311            }
11312
11313            @media  screen and (max-width: 959px) {
11314                #rec644459329 .tn-elem[data-elem-id="1694167882116"] {
11315                    top: 0px;
11316                    left: calc(50% - 320px + 40px);
11317                    width: 560px;
11318                    height: 290px;
11319                }
11320            }
11321
11322            @media  screen and (max-width: 639px) {
11323                #rec644459329 .tn-elem[data-elem-id="1694167882116"] {
11324                    top: 0px;
11325                    left: calc(50% - 160px + 40px);
11326                    width: 240px;
11327                    height: 125px;
11328                }
11329            }
11330
11331            #rec644459329 .tn-elem[data-elem-id="1694167882119"] {
11332                z-index: 6;
11333                top: 2px;
11334                left: calc(50% - 600px + 620px);
11335                width: 540px;
11336                height: 280px;
11337                pointer-events: none;
11338            }
11339
11340            #rec644459329 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882119"] {
11341                opacity: 0;
11342            }
11343
11344            #rec644459329 .tn-elem[data-elem-id="1694167882119"] .tn-atom {
11345                border-radius: 13px;
11346                background-position: center top;
11347                background-size: cover;
11348                background-repeat: no-repeat;
11349                border-color: transparent;
11350                border-style: solid;
11351            }
11352
11353            @media  screen and (max-width: 1199px) {
11354                #rec644459329 .tn-elem[data-elem-id="1694167882119"] {
11355                    top: 0px;
11356                    left: calc(50% - 480px + 494px);
11357                    width: 424px;
11358                    height: 220px;
11359                }
11360            }
11361
11362            @media  screen and (max-width: 959px) {
11363                #rec644459329 .tn-elem[data-elem-id="1694167882119"] {
11364                    top: 0px;
11365                    left: calc(50% - 320px + 40px);
11366                    width: 560px;
11367                    height: 290px;
11368                }
11369            }
11370
11371            @media  screen and (max-width: 639px) {
11372                #rec644459329 .tn-elem[data-elem-id="1694167882119"] {
11373                    top: 0px;
11374                    left: calc(50% - 160px + 40px);
11375                    width: 240px;
11376                    height: 125px;
11377                }
11378            }
11379
11380            #rec644459329 .tn-elem[data-elem-id="1694167882123"] {
11381                z-index: 7;
11382                top: 2px;
11383                left: calc(50% - 600px + 620px);
11384                width: 540px;
11385                height: 280px;
11386                pointer-events: none;
11387            }
11388
11389            #rec644459329 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882123"] {
11390                opacity: 0;
11391            }
11392
11393            #rec644459329 .tn-elem[data-elem-id="1694167882123"] .tn-atom {
11394                border-radius: 13px;
11395                background-position: center top;
11396                background-size: cover;
11397                background-repeat: no-repeat;
11398                border-color: transparent;
11399                border-style: solid;
11400            }
11401
11402            @media  screen and (max-width: 1199px) {
11403                #rec644459329 .tn-elem[data-elem-id="1694167882123"] {
11404                    top: 0px;
11405                    left: calc(50% - 480px + 494px);
11406                    width: 424px;
11407                    height: 220px;
11408                }
11409            }
11410
11411            @media  screen and (max-width: 959px) {
11412                #rec644459329 .tn-elem[data-elem-id="1694167882123"] {
11413                    top: 0px;
11414                    left: calc(50% - 320px + 40px);
11415                    width: 560px;
11416                    height: 290px;
11417                }
11418            }
11419
11420            @media  screen and (max-width: 639px) {
11421                #rec644459329 .tn-elem[data-elem-id="1694167882123"] {
11422                    top: 0px;
11423                    left: calc(50% - 160px + 40px);
11424                    width: 240px;
11425                    height: 125px;
11426                }
11427            }
11428
11429            #rec644459329 .tn-elem[data-elem-id="1694167882127"] {
11430                z-index: 8;
11431                top: 2px;
11432                left: calc(50% - 600px + 620px);
11433                width: 540px;
11434                height: 280px;
11435            }
11436
11437            #rec644459329 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882127"] {
11438                opacity: 0;
11439            }
11440
11441            #rec644459329 .tn-elem[data-elem-id="1694167882127"] .tn-atom {
11442                border-radius: 13px;
11443                background-color: #1b1e20;
11444                background-position: center center;
11445                border-color: transparent;
11446                border-style: solid;
11447            }
11448
11449            @media  screen and (max-width: 1199px) {
11450                #rec644459329 .tn-elem[data-elem-id="1694167882127"] {
11451                    top: 0px;
11452                    left: calc(50% - 480px + 494px);
11453                    width: 424px;
11454                    height: 220px;
11455                }
11456            }
11457
11458            @media  screen and (max-width: 959px) {
11459                #rec644459329 .tn-elem[data-elem-id="1694167882127"] {
11460                    top: 0px;
11461                    left: calc(50% - 320px + 40px);
11462                    width: 560px;
11463                    height: 290px;
11464                }
11465            }
11466
11467            @media  screen and (max-width: 639px) {
11468                #rec644459329 .tn-elem[data-elem-id="1694167882127"] {
11469                    top: 0px;
11470                    left: calc(50% - 160px + 40px);
11471                    width: 240px;
11472                    height: 125px;
11473                }
11474            }
11475
11476            #rec644459329 .tn-elem[data-elem-id="1694167882130"] {
11477                z-index: 9;
11478                top: 2px;
11479                left: calc(50% - 600px + 620px);
11480                width: 540px;
11481                height: 280px;
11482                pointer-events: none;
11483            }
11484
11485            #rec644459329 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167882130"] {
11486                opacity: 0;
11487            }
11488
11489            #rec644459329 .tn-elem[data-elem-id="1694167882130"] .tn-atom {
11490                border-radius: 13px;
11491                background-position: center top;
11492                background-size: cover;
11493                background-repeat: no-repeat;
11494                border-color: transparent;
11495                border-style: solid;
11496            }
11497
11498            @media  screen and (max-width: 1199px) {
11499                #rec644459329 .tn-elem[data-elem-id="1694167882130"] {
11500                    top: 0px;
11501                    left: calc(50% - 480px + 494px);
11502                    width: 424px;
11503                    height: 220px;
11504                }
11505            }
11506
11507            @media  screen and (max-width: 959px) {
11508                #rec644459329 .tn-elem[data-elem-id="1694167882130"] {
11509                    top: 0px;
11510                    left: calc(50% - 320px + 40px);
11511                    width: 560px;
11512                    height: 290px;
11513                }
11514            }
11515
11516            @media  screen and (max-width: 639px) {
11517                #rec644459329 .tn-elem[data-elem-id="1694167882130"] {
11518                    top: 0px;
11519                    left: calc(50% - 160px + 40px);
11520                    width: 240px;
11521                    height: 125px;
11522                }
11523            }
11524
11525            #rec644459329 .tn-elem[data-elem-id="1694167882136"] {
11526                color: #f4f4f4;
11527                text-align: LEFT;
11528                z-index: 10;
11529                top: 23px;
11530                left: calc(50% - 600px + 644px);
11531                width: 199px;
11532                pointer-events: none;
11533            }
11534
11535            #rec644459329 .tn-elem[data-elem-id="1694167882136"] .tn-atom {
11536                color: #f4f4f4;
11537                font-size: 18px;
11538                font-family: 'Manrope', Arial, sans-serif;
11539                line-height: 1.00;
11540                font-weight: 500;
11541                background-position: center center;
11542                border-color: transparent;
11543                border-style: solid;
11544            }
11545
11546            @media  screen and (max-width: 1199px) {
11547                #rec644459329 .tn-elem[data-elem-id="1694167882136"] {
11548                    top: 16px;
11549                    left: calc(50% - 480px + 513px);
11550                }
11551            }
11552
11553            @media  screen and (max-width: 959px) {
11554                #rec644459329 .tn-elem[data-elem-id="1694167882136"] {
11555                    top: 40px;
11556                    left: calc(50% - 320px + 285px);
11557                    width: 10px;
11558                }
11559            }
11560
11561            @media  screen and (max-width: 639px) {
11562                #rec644459329 .tn-elem[data-elem-id="1694167882136"] {
11563                    top: 10px;
11564                    left: calc(50% - 160px + 137px);
11565                    width: 10px;
11566                }
11567
11568                #rec644459329 .tn-elem[data-elem-id="1694167882136"] .tn-atom {
11569                    font-size: 12px;
11570                }
11571            }</style>
11572        <div class='t396'>
11573            <div class="t396__artboard" data-artboard-recid="644459329" data-artboard-screens="320,640,960,1200"
11574                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
11575                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
11576                 data-artboard-height-res-960="220"
11577            >
11578                <div class="t396__carrier" data-artboard-recid="644459329"></div>
11579                <div class="t396__filter" data-artboard-recid="644459329"></div>
11580                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444593291694167882112 ' data-elem-id='1694167882112'
11581                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="620"
11582                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
11583                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
11584                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
11585                     data-animate-mobile="y" data-animate-sbs-event="hover"
11586                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
11587                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
11588                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
11589                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
11590                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
11591                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
11592                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
11593                >
11594                    <div class='tn-atom'></div>
11595                </div>
11596                <div class='t396__elem tn-elem show_1_1 tn-elem__6444593291694167882116 ' data-elem-id='1694167882116'
11597                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="620"
11598                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
11599                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
11600                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
11601                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
11602                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
11603                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
11604                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
11605                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
11606                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
11607                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
11608                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
11609                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
11610                >
11611                    <div class='tn-atom t-bgimg'
11612                         data-original="/images/v2/tild3966-3561-4235-b930-346238316362__case_2_2_a1.svg"
11613                         style="background-image:url('/images/v2/tild3966-3561-4235-b930-346238316362__case_2_2_a1.svg');"
11614                    ></div>
11615                </div>
11616                <div class='t396__elem tn-elem show_1_1 tn-elem__6444593291694167882119 t396__elem--anim-hidden'
11617                     data-elem-id='1694167882119' data-elem-type='shape' data-field-top-value="2"
11618                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
11619                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
11620                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
11621                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
11622                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
11623                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
11624                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
11625                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
11626                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
11627                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
11628                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
11629                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
11630                >
11631                    <div class='tn-atom t-bgimg'
11632                         data-original="/images/v2/tild3532-3139-4730-b835-396162386535__case_2_2_a2.svg"
11633                         style="background-image:url('/images/v2/tild3532-3139-4730-b835-396162386535__case_2_2_a2.svg');"
11634                    ></div>
11635                </div>
11636                <div class='t396__elem tn-elem show_1_1 tn-elem__6444593291694167882123 t396__elem--anim-hidden'
11637                     data-elem-id='1694167882123' data-elem-type='shape' data-field-top-value="2"
11638                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
11639                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
11640                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
11641                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
11642                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
11643                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
11644                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
11645                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
11646                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
11647                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
11648                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
11649                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
11650                >
11651                    <div class='tn-atom t-bgimg'
11652                         data-original="/images/v2/tild3234-3135-4337-b266-393234613330__case_2_2_a3.svg"
11653                         style="background-image:url('/images/v2/tild3234-3135-4337-b266-393234613330__case_2_2_a3.svg');"
11654                    ></div>
11655                </div>
11656                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444593291694167882127 ' data-elem-id='1694167882127'
11657                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="620"
11658                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
11659                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
11660                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
11661                     data-animate-mobile="y" data-animate-sbs-event="hover"
11662                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
11663                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
11664                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
11665                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
11666                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
11667                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
11668                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
11669                >
11670                    <div class='tn-atom'></div>
11671                </div>
11672                <div class='t396__elem tn-elem tn-elem__6444593291694167882130 ' data-elem-id='1694167882130'
11673                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="620"
11674                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
11675                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
11676                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
11677                     data-animate-mobile="y" data-animate-sbs-event="hover"
11678                     data-animate-sbs-trgels="1690241327217,1694167882127"
11679                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
11680                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
11681                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
11682                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
11683                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
11684                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
11685                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
11686                >
11687                    <div class='tn-atom t-bgimg'
11688                         data-original="/images/v2/tild6532-3531-4636-b332-633438353631__case_2_2.png"
11689                         style="background-image:url('/images/v2/tild6532-3531-4636-b332-633438353631__case_2_2.png');"
11690                    ></div>
11691                </div>
11692                <div class='t396__elem tn-elem tn-elem__6444593291694167882136 t-animate' data-elem-id='1694167882136'
11693                     data-elem-type='text' data-field-top-value="23" data-field-left-value="644"
11694                     data-field-width-value="199" data-field-axisy-value="top" data-field-axisx-value="left"
11695                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
11696                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
11697                     data-animate-duration="0.8" data-animate-delay="0.4" data-animate-distance="15"
11698                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="137"
11699                     data-field-width-res-320-value="10" data-field-top-res-640-value="40"
11700                     data-field-left-res-640-value="285" data-field-width-res-640-value="10"
11701                     data-field-top-res-960-value="16" data-field-left-res-960-value="513"
11702                >
11703                    <div class='tn-atom' field='tn_text_1694167882136'>Телепат</div>
11704                </div>
11705            </div>
11706        </div>
11707        
11707<script>t_onFuncLoad('t396_initialScale', function () {
11708                t396_initialScale('644459329');
11709            });
11710            t_onReady(function () {
11711                t_onFuncLoad('t396_init', function () {
11712                    t396_init('644459329');
11713                });
11714            });</script>
11714<!-- /T396 --></div>
11715    <div id="rec644459043" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
11716        <style>#rec644459043 .t396__artboard {
11717                height: 280px;
11718                background-color: #121313;
11719                overflow-x: hidden;
11720                overflow-y: hidden;
11721                isolation: isolate;
11722            }
11723
11724            #rec644459043 .t396__filter {
11725                height: 280px;
11726            }
11727
11728            #rec644459043 .t396__carrier {
11729                height: 280px;
11730                background-position: center center;
11731                background-attachment: scroll;
11732                background-size: cover;
11733                background-repeat: no-repeat;
11734            }
11735
11736            @media  screen and (max-width: 1199px) {
11737                #rec644459043 .t396__artboard {
11738                    height: 220px;
11739                }
11740
11741                #rec644459043 .t396__filter {
11742                    height: 220px;
11743                }
11744
11745                #rec644459043 .t396__carrier {
11746                    height: 220px;
11747                    background-attachment: scroll;
11748                }
11749            }
11750
11751            @media  screen and (max-width: 959px) {
11752                #rec644459043 .t396__artboard {
11753                    height: 290px;
11754                }
11755
11756                #rec644459043 .t396__filter {
11757                    height: 290px;
11758                }
11759
11760                #rec644459043 .t396__carrier {
11761                    height: 290px;
11762                    background-attachment: scroll;
11763                }
11764            }
11765
11766            @media  screen and (max-width: 639px) {
11767                #rec644459043 .t396__artboard {
11768                    height: 125px;
11769                }
11770
11771                #rec644459043 .t396__filter {
11772                    height: 125px;
11773                }
11774
11775                #rec644459043 .t396__carrier {
11776                    height: 125px;
11777                    background-attachment: scroll;
11778                }
11779            }
11780
11781            #rec644459043 .tn-elem[data-elem-id="1690241109137"] {
11782                z-index: 2;
11783                top: 0px;
11784                left: calc(50% - 600px + 40px);
11785                width: 538px;
11786                height: 280px;
11787                pointer-events: none;
11788            }
11789
11790            @media (min-width: 1200px) {
11791                #rec644459043 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
11792                    opacity: 0;
11793                }
11794            }
11795
11796            #rec644459043 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
11797                border-width: 0px;
11798                border-radius: 14px;
11799                background-color: #f4435c;
11800                background-position: center center;
11801                border-color: transparent;
11802                border-style: solid;
11803            }
11804
11805            @media  screen and (max-width: 1199px) {
11806                #rec644459043 .tn-elem[data-elem-id="1690241109137"] {
11807                    top: 1px;
11808                    left: calc(50% - 480px + 39px);
11809                    width: 424px;
11810                    height: 219px;
11811                }
11812            }
11813
11814            @media  screen and (max-width: 959px) {
11815                #rec644459043 .tn-elem[data-elem-id="1690241109137"] {
11816                    top: 0px;
11817                    left: calc(50% - 320px + 40px);
11818                    width: 560px;
11819                    height: 290px;
11820                }
11821            }
11822
11823            @media  screen and (max-width: 639px) {
11824                #rec644459043 .tn-elem[data-elem-id="1690241109137"] {
11825                    top: 0px;
11826                    width: 240px;
11827                    height: 125px;
11828                }
11829            }
11830
11831            #rec644459043 .tn-elem[data-elem-id="1690239578729"] {
11832                z-index: 3;
11833                top: 0px;
11834                left: calc(50% - 600px + 39px);
11835                width: 540px;
11836                height: 280px;
11837                pointer-events: none;
11838            }
11839
11840            #rec644459043 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
11841                opacity: 0;
11842            }
11843
11844            #rec644459043 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
11845                border-radius: 13px;
11846                background-position: center top;
11847                background-size: cover;
11848                background-repeat: no-repeat;
11849                border-color: transparent;
11850                border-style: solid;
11851            }
11852
11853            @media  screen and (max-width: 1199px) {
11854                #rec644459043 .tn-elem[data-elem-id="1690239578729"] {
11855                    top: 1px;
11856                    left: calc(50% - 480px + 39px);
11857                    width: 424px;
11858                    height: 219px;
11859                }
11860            }
11861
11862            @media  screen and (max-width: 959px) {
11863                #rec644459043 .tn-elem[data-elem-id="1690239578729"] {
11864                    top: 0px;
11865                    left: calc(50% - 320px + 40px);
11866                    width: 560px;
11867                    height: 290px;
11868                }
11869            }
11870
11871            @media  screen and (max-width: 639px) {
11872                #rec644459043 .tn-elem[data-elem-id="1690239578729"] {
11873                    top: 0px;
11874                    width: 240px;
11875                    height: 125px;
11876                }
11877            }
11878
11879            #rec644459043 .tn-elem[data-elem-id="1690239670103"] {
11880                z-index: 4;
11881                top: 0px;
11882                left: calc(50% - 600px + 39px);
11883                width: 540px;
11884                height: 280px;
11885                pointer-events: none;
11886            }
11887
11888            #rec644459043 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
11889                opacity: 0;
11890            }
11891
11892            #rec644459043 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
11893                border-radius: 13px;
11894                background-position: center top;
11895                background-size: cover;
11896                background-repeat: no-repeat;
11897                border-color: transparent;
11898                border-style: solid;
11899            }
11900
11901            @media  screen and (max-width: 1199px) {
11902                #rec644459043 .tn-elem[data-elem-id="1690239670103"] {
11903                    top: 1px;
11904                    left: calc(50% - 480px + 39px);
11905                    width: 424px;
11906                    height: 219px;
11907                }
11908            }
11909
11910            @media  screen and (max-width: 959px) {
11911                #rec644459043 .tn-elem[data-elem-id="1690239670103"] {
11912                    top: 0px;
11913                    left: calc(50% - 320px + 40px);
11914                    width: 560px;
11915                    height: 290px;
11916                }
11917            }
11918
11919            @media  screen and (max-width: 639px) {
11920                #rec644459043 .tn-elem[data-elem-id="1690239670103"] {
11921                    top: 0px;
11922                    width: 240px;
11923                    height: 125px;
11924                }
11925            }
11926
11927            #rec644459043 .tn-elem[data-elem-id="1690239682409"] {
11928                z-index: 5;
11929                top: 0px;
11930                left: calc(50% - 600px + 39px);
11931                width: 540px;
11932                height: 280px;
11933                pointer-events: none;
11934            }
11935
11936            #rec644459043 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
11937                opacity: 0;
11938            }
11939
11940            #rec644459043 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
11941                border-radius: 13px;
11942                background-position: center top;
11943                background-size: cover;
11944                background-repeat: no-repeat;
11945                border-color: transparent;
11946                border-style: solid;
11947            }
11948
11949            @media  screen and (max-width: 1199px) {
11950                #rec644459043 .tn-elem[data-elem-id="1690239682409"] {
11951                    top: 1px;
11952                    left: calc(50% - 480px + 39px);
11953                    width: 424px;
11954                    height: 219px;
11955                }
11956            }
11957
11958            @media  screen and (max-width: 959px) {
11959                #rec644459043 .tn-elem[data-elem-id="1690239682409"] {
11960                    top: 0px;
11961                    left: calc(50% - 320px + 40px);
11962                    width: 560px;
11963                    height: 290px;
11964                }
11965            }
11966
11967            @media  screen and (max-width: 639px) {
11968                #rec644459043 .tn-elem[data-elem-id="1690239682409"] {
11969                    top: 0px;
11970                    width: 240px;
11971                    height: 125px;
11972                }
11973            }
11974
11975            #rec644459043 .tn-elem[data-elem-id="1690238351796"] {
11976                z-index: 6;
11977                top: 0px;
11978                left: calc(50% - 600px + 39px);
11979                width: 540px;
11980                height: 280px;
11981            }
11982
11983            #rec644459043 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
11984                opacity: 0;
11985            }
11986
11987            #rec644459043 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
11988                border-radius: 13px;
11989                background-color: #1b1e20;
11990                background-position: center center;
11991                border-color: transparent;
11992                border-style: solid;
11993            }
11994
11995            @media  screen and (max-width: 1199px) {
11996                #rec644459043 .tn-elem[data-elem-id="1690238351796"] {
11997                    top: 1px;
11998                    left: calc(50% - 480px + 39px);
11999                    width: 424px;
12000                    height: 219px;
12001                }
12002            }
12003
12004            @media  screen and (max-width: 959px) {
12005                #rec644459043 .tn-elem[data-elem-id="1690238351796"] {
12006                    top: 0px;
12007                    left: calc(50% - 320px + 40px);
12008                    width: 560px;
12009                    height: 290px;
12010                }
12011            }
12012
12013            @media  screen and (max-width: 639px) {
12014                #rec644459043 .tn-elem[data-elem-id="1690238351796"] {
12015                    top: 0px;
12016                    width: 240px;
12017                    height: 125px;
12018                }
12019            }
12020
12021            #rec644459043 .tn-elem[data-elem-id="1690238538450"] {
12022                z-index: 7;
12023                top: 0px;
12024                left: calc(50% - 600px + 39px);
12025                width: 540px;
12026                height: 280px;
12027                pointer-events: none;
12028            }
12029
12030            #rec644459043 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
12031                opacity: 0;
12032            }
12033
12034            #rec644459043 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
12035                border-radius: 13px;
12036                background-position: center top;
12037                background-size: cover;
12038                background-repeat: no-repeat;
12039                border-color: transparent;
12040                border-style: solid;
12041            }
12042
12043            @media  screen and (max-width: 1199px) {
12044                #rec644459043 .tn-elem[data-elem-id="1690238538450"] {
12045                    top: 0px;
12046                    left: calc(50% - 480px + 39px);
12047                    width: 424px;
12048                    height: 220px;
12049                }
12050            }
12051
12052            @media  screen and (max-width: 959px) {
12053                #rec644459043 .tn-elem[data-elem-id="1690238538450"] {
12054                    top: 0px;
12055                    left: calc(50% - 320px + 40px);
12056                    width: 560px;
12057                    height: 290px;
12058                }
12059            }
12060
12061            @media  screen and (max-width: 639px) {
12062                #rec644459043 .tn-elem[data-elem-id="1690238538450"] {
12063                    top: 0px;
12064                    width: 240px;
12065                    height: 125px;
12066                }
12067            }
12068
12069            #rec644459043 .tn-elem[data-elem-id="1690238351801"] {
12070                color: #f4f4f4;
12071                text-align: LEFT;
12072                z-index: 8;
12073                top: 23px;
12074                left: calc(50% - 600px + 64px);
12075                width: 230px;
12076                pointer-events: none;
12077            }
12078
12079            #rec644459043 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
12080                color: #f4f4f4;
12081                font-size: 18px;
12082                font-family: 'Manrope', Arial, sans-serif;
12083                line-height: 1.00;
12084                font-weight: 500;
12085                background-position: center center;
12086                border-color: transparent;
12087                border-style: solid;
12088            }
12089
12090            @media  screen and (max-width: 1199px) {
12091                #rec644459043 .tn-elem[data-elem-id="1690238351801"] {
12092                    top: 16px;
12093                    left: calc(50% - 480px + 58px);
12094                }
12095            }
12096
12097            @media  screen and (max-width: 959px) {
12098                #rec644459043 .tn-elem[data-elem-id="1690238351801"] {
12099                    top: 40px;
12100                    left: calc(50% - 320px + 270px);
12101                    width: 10px;
12102                }
12103            }
12104
12105            @media  screen and (max-width: 639px) {
12106                #rec644459043 .tn-elem[data-elem-id="1690238351801"] {
12107                    top: 10px;
12108                    left: calc(50% - 160px + 127px);
12109                    width: 10px;
12110                }
12111
12112                #rec644459043 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
12113                    font-size: 12px;
12114                }
12115            }</style>
12116        <div class='t396'>
12117            <div class="t396__artboard" data-artboard-recid="644459043" data-artboard-screens="320,640,960,1200"
12118                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
12119                 data-artboard-ovrflw="custom" data-artboard-isolation="isolate" data-artboard-height-res-320="125"
12120                 data-artboard-height-res-640="290" data-artboard-height-res-960="220"
12121            >
12122                <div class="t396__carrier" data-artboard-recid="644459043"></div>
12123                <div class="t396__filter" data-artboard-recid="644459043"></div>
12124                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444590431690241109137 ' data-elem-id='1690241109137'
12125                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
12126                     data-field-height-value="280" data-field-width-value="538" data-field-axisy-value="top"
12127                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
12128                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
12129                     data-animate-sbs-event="hover"
12130                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
12131                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
12132                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
12133                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
12134                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
12135                     data-field-left-res-960-value="39" data-field-height-res-960-value="219"
12136                     data-field-width-res-960-value="424"
12137                >
12138                    <div class='tn-atom'></div>
12139                </div>
12140                <div class='t396__elem tn-elem show_1_1 tn-elem__6444590431690239578729 ' data-elem-id='1690239578729'
12141                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
12142                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
12143                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
12144                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
12145                     data-animate-mobile="y" data-animate-sbs-event="blockintoview" data-animate-sbs-trg="1"
12146                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
12147                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
12148                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
12149                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
12150                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
12151                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
12152                     data-field-left-res-960-value="39" data-field-height-res-960-value="219"
12153                     data-field-width-res-960-value="424"
12154                >
12155                    <div class='tn-atom t-bgimg'
12156                         data-original="/images/v2/tild3465-3539-4031-a637-306335303339__case_2_5_a1.svg"
12157                         style="background-image:url('/images/v2/tild3465-3539-4031-a637-306335303339__case_2_5_a1.svg');"
12158                    ></div>
12159                </div>
12160                <div class='t396__elem tn-elem show_1_1 tn-elem__6444590431690239670103 t396__elem--anim-hidden'
12161                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="0"
12162                     data-field-left-value="39" data-field-height-value="280" data-field-width-value="540"
12163                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
12164                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
12165                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="blockintoview"
12166                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
12167                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
12168                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
12169                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
12170                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
12171                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
12172                     data-field-left-res-960-value="39" data-field-height-res-960-value="219"
12173                     data-field-width-res-960-value="424"
12174                >
12175                    <div class='tn-atom t-bgimg'
12176                         data-original="/images/v2/tild6333-3165-4065-a234-323934346239__case_2_5_a2.svg"
12177                         style="background-image:url('/images/v2/tild6333-3165-4065-a234-323934346239__case_2_5_a2.svg');"
12178                    ></div>
12179                </div>
12180                <div class='t396__elem tn-elem show_1_1 tn-elem__6444590431690239682409 t396__elem--anim-hidden'
12181                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="0"
12182                     data-field-left-value="39" data-field-height-value="280" data-field-width-value="540"
12183                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
12184                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
12185                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="blockintoview"
12186                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
12187                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
12188                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
12189                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
12190                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
12191                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
12192                     data-field-left-res-960-value="39" data-field-height-res-960-value="219"
12193                     data-field-width-res-960-value="424"
12194                >
12195                    <div class='tn-atom t-bgimg'
12196                         data-original="/images/v2/tild3438-6131-4532-a461-343132636532__case_2_5_a3.svg"
12197                         style="background-image:url('/images/v2/tild3438-6131-4532-a461-343132636532__case_2_5_a3.svg');"
12198                    ></div>
12199                </div>
12200                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444590431690238351796 ' data-elem-id='1690238351796'
12201                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
12202                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
12203                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
12204                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
12205                     data-animate-mobile="y" data-animate-sbs-event="hover"
12206                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
12207                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
12208                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
12209                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
12210                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
12211                     data-field-left-res-960-value="39" data-field-height-res-960-value="219"
12212                     data-field-width-res-960-value="424"
12213                >
12214                    <div class='tn-atom'></div>
12215                </div>
12216                <div class='t396__elem tn-elem tn-elem__6444590431690238538450 ' data-elem-id='1690238538450'
12217                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
12218                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
12219                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
12220                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
12221                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
12222                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
12223                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
12224                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
12225                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
12226                     data-field-width-res-640-value="560" data-field-top-res-960-value="0"
12227                     data-field-left-res-960-value="39" data-field-height-res-960-value="220"
12228                     data-field-width-res-960-value="424"
12229                >
12230                    <div class='tn-atom t-bgimg'
12231                         data-original="/images/v2/tild3632-6434-4433-b934-353136326335__case_2_5.png"
12232                         style="background-image:url('/images/v2/tild3632-6434-4433-b934-353136326335__case_2_5.png');"
12233                    ></div>
12234                </div>
12235                <div class='t396__elem tn-elem tn-elem__6444590431690238351801 t-animate' data-elem-id='1690238351801'
12236                     data-elem-type='text' data-field-top-value="23" data-field-left-value="64"
12237                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
12238                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
12239                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
12240                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
12241                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="127"
12242                     data-field-width-res-320-value="10" data-field-top-res-640-value="40"
12243                     data-field-left-res-640-value="270" data-field-width-res-640-value="10"
12244                     data-field-top-res-960-value="16" data-field-left-res-960-value="58"
12245                >
12246                    <div class='tn-atom' field='tn_text_1690238351801'>Разгадайка</div>
12247                </div>
12248            </div>
12249        </div>
12250        
12250<script>t_onFuncLoad('t396_initialScale', function () {
12251                t396_initialScale('644459043');
12252            });
12253            t_onReady(function () {
12254                t_onFuncLoad('t396_init', function () {
12255                    t396_init('644459043');
12256                });
12257            });</script>
12257<!-- /T396 --></div>
12258    <div id="rec644459318" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
12259        <style>#rec644459318 .t396__artboard {
12260                height: 280px;
12261                background-color: #121313;
12262                overflow-x: hidden;
12263                overflow-y: hidden;
12264                isolation: isolate;
12265            }
12266
12267            #rec644459318 .t396__filter {
12268                height: 280px;
12269            }
12270
12271            #rec644459318 .t396__carrier {
12272                height: 280px;
12273                background-position: center center;
12274                background-attachment: scroll;
12275                background-size: cover;
12276                background-repeat: no-repeat;
12277            }
12278
12279            @media  screen and (max-width: 1199px) {
12280                #rec644459318 .t396__artboard {
12281                    height: 220px;
12282                }
12283
12284                #rec644459318 .t396__filter {
12285                    height: 220px;
12286                }
12287
12288                #rec644459318 .t396__carrier {
12289                    height: 220px;
12290                    background-attachment: scroll;
12291                }
12292            }
12293
12294            @media  screen and (max-width: 959px) {
12295                #rec644459318 .t396__artboard {
12296                    height: 290px;
12297                }
12298
12299                #rec644459318 .t396__filter {
12300                    height: 290px;
12301                }
12302
12303                #rec644459318 .t396__carrier {
12304                    height: 290px;
12305                    background-attachment: scroll;
12306                }
12307            }
12308
12309            @media  screen and (max-width: 639px) {
12310                #rec644459318 .t396__artboard {
12311                    height: 125px;
12312                }
12313
12314                #rec644459318 .t396__filter {
12315                    height: 125px;
12316                }
12317
12318                #rec644459318 .t396__carrier {
12319                    height: 125px;
12320                    background-attachment: scroll;
12321                }
12322            }
12323
12324            #rec644459318 .tn-elem[data-elem-id="1694167767706"] {
12325                z-index: 2;
12326                top: 0px;
12327                left: calc(50% - 600px + 620px);
12328                width: 540px;
12329                height: 280px;
12330                pointer-events: none;
12331            }
12332
12333            #rec644459318 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167767706"] {
12334                opacity: 0;
12335            }
12336
12337            #rec644459318 .tn-elem[data-elem-id="1694167767706"] .tn-atom {
12338                border-width: 0px;
12339                border-radius: 14px;
12340                background-color: #755ffc;
12341                background-position: center center;
12342                border-color: transparent;
12343                border-style: solid;
12344            }
12345
12346            @media  screen and (max-width: 1199px) {
12347                #rec644459318 .tn-elem[data-elem-id="1694167767706"] {
12348                    top: 1px;
12349                    left: calc(50% - 480px + 494px);
12350                    width: 424px;
12351                    height: 219px;
12352                }
12353            }
12354
12355            @media  screen and (max-width: 959px) {
12356                #rec644459318 .tn-elem[data-elem-id="1694167767706"] {
12357                    top: 0px;
12358                    left: calc(50% - 320px + 40px);
12359                    width: 560px;
12360                    height: 290px;
12361                }
12362            }
12363
12364            @media  screen and (max-width: 639px) {
12365                #rec644459318 .tn-elem[data-elem-id="1694167767706"] {
12366                    top: 0px;
12367                    left: calc(50% - 160px + 40px);
12368                    width: 240px;
12369                    height: 125px;
12370                }
12371            }
12372
12373            #rec644459318 .tn-elem[data-elem-id="1694167767710"] {
12374                z-index: 3;
12375                top: 0px;
12376                left: calc(50% - 600px + 620px);
12377                width: 540px;
12378                height: 280px;
12379                pointer-events: none;
12380            }
12381
12382            #rec644459318 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167767710"] {
12383                opacity: 0;
12384            }
12385
12386            #rec644459318 .tn-elem[data-elem-id="1694167767710"] .tn-atom {
12387                border-radius: 13px;
12388                background-position: center top;
12389                background-size: cover;
12390                background-repeat: no-repeat;
12391                border-color: transparent;
12392                border-style: solid;
12393            }
12394
12395            @media  screen and (max-width: 1199px) {
12396                #rec644459318 .tn-elem[data-elem-id="1694167767710"] {
12397                    top: 1px;
12398                    left: calc(50% - 480px + 494px);
12399                    width: 424px;
12400                    height: 219px;
12401                }
12402            }
12403
12404            @media  screen and (max-width: 959px) {
12405                #rec644459318 .tn-elem[data-elem-id="1694167767710"] {
12406                    top: 0px;
12407                    left: calc(50% - 320px + 40px);
12408                    width: 560px;
12409                    height: 290px;
12410                }
12411            }
12412
12413            @media  screen and (max-width: 639px) {
12414                #rec644459318 .tn-elem[data-elem-id="1694167767710"] {
12415                    top: 0px;
12416                    left: calc(50% - 160px + 40px);
12417                    width: 240px;
12418                    height: 125px;
12419                }
12420            }
12421
12422            #rec644459318 .tn-elem[data-elem-id="1694167767714"] {
12423                z-index: 4;
12424                top: 0px;
12425                left: calc(50% - 600px + 620px);
12426                width: 540px;
12427                height: 280px;
12428                pointer-events: none;
12429            }
12430
12431            #rec644459318 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167767714"] {
12432                opacity: 0;
12433            }
12434
12435            #rec644459318 .tn-elem[data-elem-id="1694167767714"] .tn-atom {
12436                border-radius: 13px;
12437                background-position: center top;
12438                background-size: cover;
12439                background-repeat: no-repeat;
12440                border-color: transparent;
12441                border-style: solid;
12442            }
12443
12444            @media  screen and (max-width: 1199px) {
12445                #rec644459318 .tn-elem[data-elem-id="1694167767714"] {
12446                    top: 1px;
12447                    left: calc(50% - 480px + 494px);
12448                    width: 424px;
12449                    height: 219px;
12450                }
12451            }
12452
12453            @media  screen and (max-width: 959px) {
12454                #rec644459318 .tn-elem[data-elem-id="1694167767714"] {
12455                    top: 0px;
12456                    left: calc(50% - 320px + 40px);
12457                    width: 560px;
12458                    height: 290px;
12459                }
12460            }
12461
12462            @media  screen and (max-width: 639px) {
12463                #rec644459318 .tn-elem[data-elem-id="1694167767714"] {
12464                    top: 0px;
12465                    left: calc(50% - 160px + 40px);
12466                    width: 240px;
12467                    height: 125px;
12468                }
12469            }
12470
12471            #rec644459318 .tn-elem[data-elem-id="1694167767718"] {
12472                z-index: 5;
12473                top: 0px;
12474                left: calc(50% - 600px + 620px);
12475                width: 540px;
12476                height: 280px;
12477                pointer-events: none;
12478            }
12479
12480            #rec644459318 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167767718"] {
12481                opacity: 0;
12482            }
12483
12484            #rec644459318 .tn-elem[data-elem-id="1694167767718"] .tn-atom {
12485                border-radius: 13px;
12486                background-position: center top;
12487                background-size: cover;
12488                background-repeat: no-repeat;
12489                border-color: transparent;
12490                border-style: solid;
12491            }
12492
12493            @media  screen and (max-width: 1199px) {
12494                #rec644459318 .tn-elem[data-elem-id="1694167767718"] {
12495                    top: 1px;
12496                    left: calc(50% - 480px + 494px);
12497                    width: 424px;
12498                    height: 219px;
12499                }
12500            }
12501
12502            @media  screen and (max-width: 959px) {
12503                #rec644459318 .tn-elem[data-elem-id="1694167767718"] {
12504                    top: 0px;
12505                    left: calc(50% - 320px + 40px);
12506                    width: 560px;
12507                    height: 290px;
12508                }
12509            }
12510
12511            @media  screen and (max-width: 639px) {
12512                #rec644459318 .tn-elem[data-elem-id="1694167767718"] {
12513                    top: 0px;
12514                    left: calc(50% - 160px + 40px);
12515                    width: 240px;
12516                    height: 125px;
12517                }
12518            }
12519
12520            #rec644459318 .tn-elem[data-elem-id="1694167767722"] {
12521                z-index: 6;
12522                top: 0px;
12523                left: calc(50% - 600px + 620px);
12524                width: 540px;
12525                height: 280px;
12526            }
12527
12528            #rec644459318 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167767722"] {
12529                opacity: 0;
12530            }
12531
12532            #rec644459318 .tn-elem[data-elem-id="1694167767722"] .tn-atom {
12533                border-radius: 13px;
12534                background-color: #1b1e20;
12535                background-position: center center;
12536                border-color: transparent;
12537                border-style: solid;
12538            }
12539
12540            @media  screen and (max-width: 1199px) {
12541                #rec644459318 .tn-elem[data-elem-id="1694167767722"] {
12542                    top: 1px;
12543                    left: calc(50% - 480px + 494px);
12544                    width: 424px;
12545                    height: 219px;
12546                }
12547            }
12548
12549            @media  screen and (max-width: 959px) {
12550                #rec644459318 .tn-elem[data-elem-id="1694167767722"] {
12551                    top: 0px;
12552                    left: calc(50% - 320px + 40px);
12553                    width: 560px;
12554                    height: 290px;
12555                }
12556            }
12557
12558            @media  screen and (max-width: 639px) {
12559                #rec644459318 .tn-elem[data-elem-id="1694167767722"] {
12560                    top: 0px;
12561                    left: calc(50% - 160px + 40px);
12562                    width: 240px;
12563                    height: 125px;
12564                }
12565            }
12566
12567            #rec644459318 .tn-elem[data-elem-id="1694167767725"] {
12568                z-index: 8;
12569                top: 0px;
12570                left: calc(50% - 600px + 620px);
12571                width: 540px;
12572                height: 280px;
12573                pointer-events: none;
12574            }
12575
12576            #rec644459318 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167767725"] {
12577                opacity: 0;
12578            }
12579
12580            #rec644459318 .tn-elem[data-elem-id="1694167767725"] .tn-atom {
12581                border-radius: 13px;
12582                background-position: center top;
12583                background-size: cover;
12584                background-repeat: no-repeat;
12585                border-color: transparent;
12586                border-style: solid;
12587            }
12588
12589            @media  screen and (max-width: 1199px) {
12590                #rec644459318 .tn-elem[data-elem-id="1694167767725"] {
12591                    top: 0px;
12592                    left: calc(50% - 480px + 494px);
12593                    width: 424px;
12594                    height: 220px;
12595                }
12596            }
12597
12598            @media  screen and (max-width: 959px) {
12599                #rec644459318 .tn-elem[data-elem-id="1694167767725"] {
12600                    top: 0px;
12601                    left: calc(50% - 320px + 40px);
12602                    width: 560px;
12603                    height: 290px;
12604                }
12605            }
12606
12607            @media  screen and (max-width: 639px) {
12608                #rec644459318 .tn-elem[data-elem-id="1694167767725"] {
12609                    top: 0px;
12610                    left: calc(50% - 160px + 40px);
12611                    width: 240px;
12612                    height: 125px;
12613                }
12614            }
12615
12616            #rec644459318 .tn-elem[data-elem-id="1694167767729"] {
12617                color: #f4f4f4;
12618                text-align: LEFT;
12619                z-index: 9;
12620                top: 23px;
12621                left: calc(50% - 600px + 644px);
12622                width: 199px;
12623                pointer-events: none;
12624            }
12625
12626            #rec644459318 .tn-elem[data-elem-id="1694167767729"] .tn-atom {
12627                color: #f4f4f4;
12628                font-size: 18px;
12629                font-family: 'Manrope', Arial, sans-serif;
12630                line-height: 1.00;
12631                font-weight: 500;
12632                background-position: center center;
12633                border-color: transparent;
12634                border-style: solid;
12635            }
12636
12637            @media  screen and (max-width: 1199px) {
12638                #rec644459318 .tn-elem[data-elem-id="1694167767729"] {
12639                    top: 16px;
12640                    left: calc(50% - 480px + 513px);
12641                }
12642            }
12643
12644            @media  screen and (max-width: 959px) {
12645                #rec644459318 .tn-elem[data-elem-id="1694167767729"] {
12646                    top: 40px;
12647                    left: calc(50% - 320px + 242px);
12648                    width: 156px;
12649                }
12650            }
12651
12652            @media  screen and (max-width: 639px) {
12653                #rec644459318 .tn-elem[data-elem-id="1694167767729"] {
12654                    top: 10px;
12655                    left: calc(50% - 160px + 108px);
12656                    width: 129px;
12657                }
12658
12659                #rec644459318 .tn-elem[data-elem-id="1694167767729"] .tn-atom {
12660                    font-size: 12px;
12661                }
12662            }</style>
12663        <div class='t396'>
12664            <div class="t396__artboard" data-artboard-recid="644459318" data-artboard-screens="320,640,960,1200"
12665                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
12666                 data-artboard-ovrflw="custom" data-artboard-isolation="isolate" data-artboard-height-res-320="125"
12667                 data-artboard-height-res-640="290" data-artboard-height-res-960="220"
12668            >
12669                <div class="t396__carrier" data-artboard-recid="644459318"></div>
12670                <div class="t396__filter" data-artboard-recid="644459318"></div>
12671                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444593181694167767706 ' data-elem-id='1694167767706'
12672                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
12673                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
12674                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
12675                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
12676                     data-animate-mobile="y" data-animate-sbs-event="hover"
12677                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
12678                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
12679                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
12680                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
12681                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
12682                     data-field-top-res-960-value="1" data-field-left-res-960-value="494"
12683                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
12684                >
12685                    <div class='tn-atom'></div>
12686                </div>
12687                <div class='t396__elem tn-elem show_1_1 tn-elem__6444593181694167767710 ' data-elem-id='1694167767710'
12688                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
12689                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
12690                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
12691                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
12692                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
12693                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
12694                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
12695                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
12696                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
12697                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
12698                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
12699                     data-field-top-res-960-value="1" data-field-left-res-960-value="494"
12700                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
12701                >
12702                    <div class='tn-atom t-bgimg'
12703                         data-original="/images/v2/tild6466-3465-4234-b063-613334303861__case_2_4_a1.svg"
12704                         style="background-image:url('/images/v2/tild6466-3465-4234-b063-613334303861__case_2_4_a1.svg');"
12705                    ></div>
12706                </div>
12707                <div class='t396__elem tn-elem show_1_1 tn-elem__6444593181694167767714 t396__elem--anim-hidden'
12708                     data-elem-id='1694167767714' data-elem-type='shape' data-field-top-value="0"
12709                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
12710                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
12711                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
12712                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
12713                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
12714                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
12715                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
12716                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
12717                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
12718                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
12719                     data-field-top-res-960-value="1" data-field-left-res-960-value="494"
12720                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
12721                >
12722                    <div class='tn-atom t-bgimg'
12723                         data-original="/images/v2/tild3266-6364-4030-a332-393039383430__case_2_4_a2.svg"
12724                         style="background-image:url('/images/v2/tild3266-6364-4030-a332-393039383430__case_2_4_a2.svg');"
12725                    ></div>
12726                </div>
12727                <div class='t396__elem tn-elem show_1_1 tn-elem__6444593181694167767718 t396__elem--anim-hidden'
12728                     data-elem-id='1694167767718' data-elem-type='shape' data-field-top-value="0"
12729                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
12730                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
12731                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
12732                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
12733                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
12734                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
12735                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
12736                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
12737                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
12738                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
12739                     data-field-top-res-960-value="1" data-field-left-res-960-value="494"
12740                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
12741                >
12742                    <div class='tn-atom t-bgimg'
12743                         data-original="/images/v2/tild6337-3062-4932-b164-636337386330__case_2_4_a3.svg"
12744                         style="background-image:url('/images/v2/tild6337-3062-4932-b164-636337386330__case_2_4_a3.svg');"
12745                    ></div>
12746                </div>
12747                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444593181694167767722 ' data-elem-id='1694167767722'
12748                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
12749                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
12750                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
12751                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
12752                     data-animate-mobile="y" data-animate-sbs-event="hover"
12753                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
12754                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
12755                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
12756                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
12757                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
12758                     data-field-top-res-960-value="1" data-field-left-res-960-value="494"
12759                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
12760                >
12761                    <div class='tn-atom'></div>
12762                </div>
12763                <div class='t396__elem tn-elem tn-elem__6444593181694167767725 ' data-elem-id='1694167767725'
12764                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="620"
12765                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
12766                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
12767                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
12768                     data-animate-mobile="y" data-animate-sbs-event="hover"
12769                     data-animate-sbs-trgels="1690241327217,1694167767722"
12770                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
12771                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
12772                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
12773                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
12774                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
12775                     data-field-top-res-960-value="0" data-field-left-res-960-value="494"
12776                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
12777                >
12778                    <div class='tn-atom t-bgimg'
12779                         data-original="/images/v2/tild6131-6434-4332-a265-386637643432__case_2_4.png"
12780                         style="background-image:url('/images/v2/tild6131-6434-4332-a265-386637643432__case_2_4.png');"
12781                    ></div>
12782                </div>
12783                <div class='t396__elem tn-elem tn-elem__6444593181694167767729 t-animate' data-elem-id='1694167767729'
12784                     data-elem-type='text' data-field-top-value="23" data-field-left-value="644"
12785                     data-field-width-value="199" data-field-axisy-value="top" data-field-axisx-value="left"
12786                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
12787                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
12788                     data-animate-duration="0.8" data-animate-delay="0.4" data-animate-distance="15"
12789                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="108"
12790                     data-field-width-res-320-value="129" data-field-top-res-640-value="40"
12791                     data-field-left-res-640-value="242" data-field-width-res-640-value="156"
12792                     data-field-top-res-960-value="16" data-field-left-res-960-value="513"
12793                >
12794                    <div class='tn-atom' field='tn_text_1694167767729'>Мир кроссвордов</div>
12795                </div>
12796            </div>
12797        </div>
12798        
12798<script>t_onFuncLoad('t396_initialScale', function () {
12799                t396_initialScale('644459318');
12800            });
12801            t_onReady(function () {
12802                t_onFuncLoad('t396_init', function () {
12803                    t396_init('644459318');
12804                });
12805            });</script>
12805<!-- /T396 --></div>
12806    <div id="rec644459200" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
12807        <style>#rec644459200 .t396__artboard {
12808                height: 280px;
12809                background-color: #121313;
12810                overflow-x: hidden;
12811                overflow-y: hidden;
12812            }
12813
12814            #rec644459200 .t396__filter {
12815                height: 280px;
12816            }
12817
12818            #rec644459200 .t396__carrier {
12819                height: 280px;
12820                background-position: center center;
12821                background-attachment: scroll;
12822                background-size: cover;
12823                background-repeat: no-repeat;
12824            }
12825
12826            @media  screen and (max-width: 1199px) {
12827                #rec644459200 .t396__artboard {
12828                    height: 222px;
12829                    background-color: #121313;
12830                }
12831
12832                #rec644459200 .t396__filter {
12833                    height: 222px;
12834                }
12835
12836                #rec644459200 .t396__carrier {
12837                    height: 222px;
12838                    background-attachment: scroll;
12839                }
12840            }
12841
12842            @media  screen and (max-width: 959px) {
12843                #rec644459200 .t396__artboard {
12844                    height: 290px;
12845                    background-color: #121313;
12846                }
12847
12848                #rec644459200 .t396__filter {
12849                    height: 290px;
12850                }
12851
12852                #rec644459200 .t396__carrier {
12853                    height: 290px;
12854                    background-attachment: scroll;
12855                }
12856            }
12857
12858            @media  screen and (max-width: 639px) {
12859                #rec644459200 .t396__artboard {
12860                    height: 125px;
12861                    background-color: #121313;
12862                }
12863
12864                #rec644459200 .t396__filter {
12865                    height: 125px;
12866                }
12867
12868                #rec644459200 .t396__carrier {
12869                    height: 125px;
12870                    background-attachment: scroll;
12871                }
12872            }
12873
12874            #rec644459200 .tn-elem[data-elem-id="1690241109137"] {
12875                z-index: 2;
12876                top: 0px;
12877                left: calc(50% - 600px + 39px);
12878                width: 540px;
12879                height: 280px;
12880                pointer-events: none;
12881            }
12882
12883            #rec644459200 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
12884                opacity: 0;
12885            }
12886
12887            #rec644459200 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
12888                border-width: 0px;
12889                border-radius: 14px;
12890                background-color: #23c255;
12891                background-position: center center;
12892                border-color: transparent;
12893                border-style: solid;
12894            }
12895
12896            @media  screen and (max-width: 1199px) {
12897                #rec644459200 .tn-elem[data-elem-id="1690241109137"] {
12898                    top: 3px;
12899                    left: calc(50% - 480px + 39px);
12900                    width: 424px;
12901                    height: 219px;
12902                }
12903            }
12904
12905            @media  screen and (max-width: 959px) {
12906                #rec644459200 .tn-elem[data-elem-id="1690241109137"] {
12907                    top: 0px;
12908                    left: calc(50% - 320px + 40px);
12909                    width: 560px;
12910                    height: 290px;
12911                }
12912            }
12913
12914            @media  screen and (max-width: 639px) {
12915                #rec644459200 .tn-elem[data-elem-id="1690241109137"] {
12916                    top: 0px;
12917                    left: calc(50% - 160px + 40px);
12918                    width: 240px;
12919                    height: 125px;
12920                }
12921            }
12922
12923            #rec644459200 .tn-elem[data-elem-id="1690239578729"] {
12924                z-index: 3;
12925                top: 0px;
12926                left: calc(50% - 600px + 39px);
12927                width: 540px;
12928                height: 280px;
12929                pointer-events: none;
12930            }
12931
12932            #rec644459200 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
12933                opacity: 0;
12934            }
12935
12936            #rec644459200 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
12937                border-radius: 13px;
12938                background-position: center top;
12939                background-size: cover;
12940                background-repeat: no-repeat;
12941                border-color: transparent;
12942                border-style: solid;
12943            }
12944
12945            @media  screen and (max-width: 1199px) {
12946                #rec644459200 .tn-elem[data-elem-id="1690239578729"] {
12947                    top: 3px;
12948                    left: calc(50% - 480px + 39px);
12949                    width: 424px;
12950                    height: 219px;
12951                }
12952            }
12953
12954            @media  screen and (max-width: 959px) {
12955                #rec644459200 .tn-elem[data-elem-id="1690239578729"] {
12956                    top: 0px;
12957                    left: calc(50% - 320px + 40px);
12958                    width: 560px;
12959                    height: 290px;
12960                }
12961            }
12962
12963            @media  screen and (max-width: 639px) {
12964                #rec644459200 .tn-elem[data-elem-id="1690239578729"] {
12965                    top: 0px;
12966                    left: calc(50% - 160px + 40px);
12967                    width: 240px;
12968                    height: 125px;
12969                }
12970            }
12971
12972            #rec644459200 .tn-elem[data-elem-id="1690239670103"] {
12973                z-index: 4;
12974                top: 0px;
12975                left: calc(50% - 600px + 39px);
12976                width: 540px;
12977                height: 280px;
12978                pointer-events: none;
12979            }
12980
12981            #rec644459200 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
12982                opacity: 0;
12983            }
12984
12985            #rec644459200 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
12986                border-radius: 13px;
12987                background-position: center top;
12988                background-size: cover;
12989                background-repeat: no-repeat;
12990                border-color: transparent;
12991                border-style: solid;
12992            }
12993
12994            @media  screen and (max-width: 1199px) {
12995                #rec644459200 .tn-elem[data-elem-id="1690239670103"] {
12996                    top: 3px;
12997                    left: calc(50% - 480px + 39px);
12998                    width: 424px;
12999                    height: 219px;
13000                }
13001            }
13002
13003            @media  screen and (max-width: 959px) {
13004                #rec644459200 .tn-elem[data-elem-id="1690239670103"] {
13005                    top: 0px;
13006                    left: calc(50% - 320px + 40px);
13007                    width: 560px;
13008                    height: 290px;
13009                }
13010            }
13011
13012            @media  screen and (max-width: 639px) {
13013                #rec644459200 .tn-elem[data-elem-id="1690239670103"] {
13014                    top: 0px;
13015                    left: calc(50% - 160px + 40px);
13016                    width: 240px;
13017                    height: 125px;
13018                }
13019            }
13020
13021            #rec644459200 .tn-elem[data-elem-id="1690239682409"] {
13022                z-index: 5;
13023                top: 0px;
13024                left: calc(50% - 600px + 39px);
13025                width: 540px;
13026                height: 280px;
13027                pointer-events: none;
13028            }
13029
13030            #rec644459200 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
13031                opacity: 0;
13032            }
13033
13034            #rec644459200 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
13035                border-radius: 13px;
13036                background-position: center top;
13037                background-size: cover;
13038                background-repeat: no-repeat;
13039                border-color: transparent;
13040                border-style: solid;
13041            }
13042
13043            @media  screen and (max-width: 1199px) {
13044                #rec644459200 .tn-elem[data-elem-id="1690239682409"] {
13045                    top: 3px;
13046                    left: calc(50% - 480px + 39px);
13047                    width: 424px;
13048                    height: 219px;
13049                }
13050            }
13051
13052            @media  screen and (max-width: 959px) {
13053                #rec644459200 .tn-elem[data-elem-id="1690239682409"] {
13054                    top: 0px;
13055                    left: calc(50% - 320px + 40px);
13056                    width: 560px;
13057                    height: 290px;
13058                }
13059            }
13060
13061            @media  screen and (max-width: 639px) {
13062                #rec644459200 .tn-elem[data-elem-id="1690239682409"] {
13063                    top: 0px;
13064                    left: calc(50% - 160px + 40px);
13065                    width: 240px;
13066                    height: 125px;
13067                }
13068            }
13069
13070            #rec644459200 .tn-elem[data-elem-id="1690238351796"] {
13071                z-index: 6;
13072                top: 0px;
13073                left: calc(50% - 600px + 39px);
13074                width: 540px;
13075                height: 280px;
13076            }
13077
13078            #rec644459200 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
13079                opacity: 0;
13080            }
13081
13082            #rec644459200 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
13083                border-radius: 13px;
13084                background-color: #1b1e20;
13085                background-position: center center;
13086                border-color: transparent;
13087                border-style: solid;
13088            }
13089
13090            @media  screen and (max-width: 1199px) {
13091                #rec644459200 .tn-elem[data-elem-id="1690238351796"] {
13092                    top: 3px;
13093                    left: calc(50% - 480px + 39px);
13094                    width: 424px;
13095                    height: 219px;
13096                }
13097            }
13098
13099            @media  screen and (max-width: 959px) {
13100                #rec644459200 .tn-elem[data-elem-id="1690238351796"] {
13101                    top: 0px;
13102                    left: calc(50% - 320px + 40px);
13103                    width: 560px;
13104                    height: 290px;
13105                }
13106            }
13107
13108            @media  screen and (max-width: 639px) {
13109                #rec644459200 .tn-elem[data-elem-id="1690238351796"] {
13110                    top: 0px;
13111                    left: calc(50% - 160px + 40px);
13112                    width: 240px;
13113                    height: 125px;
13114                }
13115            }
13116
13117            #rec644459200 .tn-elem[data-elem-id="1690238538450"] {
13118                z-index: 7;
13119                top: 0px;
13120                left: calc(50% - 600px + 39px);
13121                width: 540px;
13122                height: 280px;
13123                pointer-events: none;
13124            }
13125
13126            #rec644459200 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
13127                opacity: 0;
13128            }
13129
13130            #rec644459200 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
13131                border-radius: 13px;
13132                background-position: center top;
13133                background-size: cover;
13134                background-repeat: no-repeat;
13135                border-color: transparent;
13136                border-style: solid;
13137            }
13138
13139            @media  screen and (max-width: 1199px) {
13140                #rec644459200 .tn-elem[data-elem-id="1690238538450"] {
13141                    top: 0px;
13142                    left: calc(50% - 480px + 39px);
13143                    width: 424px;
13144                    height: 222px;
13145                }
13146            }
13147
13148            @media  screen and (max-width: 959px) {
13149                #rec644459200 .tn-elem[data-elem-id="1690238538450"] {
13150                    top: 0px;
13151                    left: calc(50% - 320px + 40px);
13152                    width: 560px;
13153                    height: 290px;
13154                }
13155            }
13156
13157            @media  screen and (max-width: 639px) {
13158                #rec644459200 .tn-elem[data-elem-id="1690238538450"] {
13159                    top: 0px;
13160                    left: calc(50% - 160px + 40px);
13161                    width: 240px;
13162                    height: 125px;
13163                }
13164            }
13165
13166            #rec644459200 .tn-elem[data-elem-id="1690238351801"] {
13167                color: #f4f4f4;
13168                text-align: LEFT;
13169                z-index: 8;
13170                top: 22px;
13171                left: calc(50% - 600px + 64px);
13172                width: 230px;
13173                pointer-events: none;
13174            }
13175
13176            #rec644459200 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
13177                color: #f4f4f4;
13178                font-size: 18px;
13179                font-family: 'Manrope', Arial, sans-serif;
13180                line-height: 1.00;
13181                font-weight: 500;
13182                background-position: center center;
13183                border-color: transparent;
13184                border-style: solid;
13185            }
13186
13187            @media  screen and (max-width: 1199px) {
13188                #rec644459200 .tn-elem[data-elem-id="1690238351801"] {
13189                    top: 16px;
13190                    left: calc(50% - 480px + 58px);
13191                }
13192            }
13193
13194            @media  screen and (max-width: 959px) {
13195                #rec644459200 .tn-elem[data-elem-id="1690238351801"] {
13196                    top: 40px;
13197                    left: calc(50% - 320px + 248px);
13198                    width: 144px;
13199                }
13200            }
13201
13202            @media  screen and (max-width: 639px) {
13203                #rec644459200 .tn-elem[data-elem-id="1690238351801"] {
13204                    top: 10px;
13205                    left: calc(50% - 160px + 113px);
13206                    width: 111px;
13207                }
13208
13209                #rec644459200 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
13210                    font-size: 12px;
13211                }
13212            }</style>
13213        <div class='t396'>
13214            <div class="t396__artboard" data-artboard-recid="644459200" data-artboard-screens="320,640,960,1200"
13215                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
13216                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
13217                 data-artboard-height-res-960="222"
13218            >
13219                <div class="t396__carrier" data-artboard-recid="644459200"></div>
13220                <div class="t396__filter" data-artboard-recid="644459200"></div>
13221                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444592001690241109137 ' data-elem-id='1690241109137'
13222                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
13223                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
13224                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
13225                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
13226                     data-animate-mobile="y" data-animate-sbs-event="hover"
13227                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
13228                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
13229                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
13230                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
13231                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
13232                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
13233                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
13234                >
13235                    <div class='tn-atom'></div>
13236                </div>
13237                <div class='t396__elem tn-elem show_1_1 tn-elem__6444592001690239578729 ' data-elem-id='1690239578729'
13238                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
13239                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
13240                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
13241                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
13242                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
13243                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
13244                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
13245                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
13246                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
13247                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
13248                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
13249                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
13250                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
13251                >
13252                    <div class='tn-atom t-bgimg'
13253                         data-original="/images/v2/tild3937-3436-4439-b434-666539373332__case_2_1_a1.svg"
13254                         style="background-image:url('/images/v2/tild3937-3436-4439-b434-666539373332__case_2_1_a1.svg');"
13255                    ></div>
13256                </div>
13257                <div class='t396__elem tn-elem show_1_1 tn-elem__6444592001690239670103 t396__elem--anim-hidden'
13258                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="0"
13259                     data-field-left-value="39" data-field-height-value="280" data-field-width-value="540"
13260                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
13261                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
13262                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
13263                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
13264                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
13265                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
13266                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
13267                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
13268                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
13269                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
13270                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
13271                >
13272                    <div class='tn-atom t-bgimg'
13273                         data-original="/images/v2/tild3837-3037-4664-b665-333866653438__case_2_1_a2.svg"
13274                         style="background-image:url('/images/v2/tild3837-3037-4664-b665-333866653438__case_2_1_a2.svg');"
13275                    ></div>
13276                </div>
13277                <div class='t396__elem tn-elem show_1_1 tn-elem__6444592001690239682409 t396__elem--anim-hidden'
13278                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="0"
13279                     data-field-left-value="39" data-field-height-value="280" data-field-width-value="540"
13280                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
13281                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
13282                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
13283                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
13284                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
13285                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
13286                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
13287                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
13288                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
13289                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
13290                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
13291                >
13292                    <div class='tn-atom t-bgimg'
13293                         data-original="/images/v2/tild3534-3465-4363-b137-383862663335__case_2_1_a3.svg"
13294                         style="background-image:url('/images/v2/tild3534-3465-4363-b137-383862663335__case_2_1_a3.svg');"
13295                    ></div>
13296                </div>
13297                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444592001690238351796 ' data-elem-id='1690238351796'
13298                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
13299                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
13300                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
13301                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
13302                     data-animate-mobile="y" data-animate-sbs-event="hover"
13303                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
13304                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
13305                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
13306                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
13307                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
13308                     data-field-top-res-960-value="3" data-field-left-res-960-value="39"
13309                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
13310                >
13311                    <div class='tn-atom'></div>
13312                </div>
13313                <div class='t396__elem tn-elem tn-elem__6444592001690238538450 ' data-elem-id='1690238538450'
13314                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="39"
13315                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
13316                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
13317                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
13318                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
13319                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
13320                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
13321                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
13322                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
13323                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
13324                     data-field-top-res-960-value="0" data-field-left-res-960-value="39"
13325                     data-field-height-res-960-value="222" data-field-width-res-960-value="424"
13326                >
13327                    <div class='tn-atom t-bgimg'
13328                         data-original="/images/v2/tild3165-6661-4533-b237-396161623563__case_2_1.png"
13329                         style="background-image:url('/images/v2/tild3165-6661-4533-b237-396161623563__case_2_1.png');"
13330                    ></div>
13331                </div>
13332                <div class='t396__elem tn-elem tn-elem__6444592001690238351801 t-animate' data-elem-id='1690238351801'
13333                     data-elem-type='text' data-field-top-value="22" data-field-left-value="64"
13334                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
13335                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
13336                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
13337                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
13338                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="113"
13339                     data-field-width-res-320-value="111" data-field-top-res-640-value="40"
13340                     data-field-left-res-640-value="248" data-field-width-res-640-value="144"
13341                     data-field-top-res-960-value="16" data-field-left-res-960-value="58"
13342                >
13343                    <div class='tn-atom' field='tn_text_1690238351801'>Загадки и пазлы</div>
13344                </div>
13345            </div>
13346        </div>
13347        
13347<script>t_onFuncLoad('t396_initialScale', function () {
13348                t396_initialScale('644459200');
13349            });
13350            t_onReady(function () {
13351                t_onFuncLoad('t396_init', function () {
13352                    t396_init('644459200');
13353                });
13354            });</script>
13354<!-- /T396 --></div>
13355    <div id="rec644460198" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
13356        <style>#rec644460198 .t396__artboard {
13357                height: 280px;
13358                background-color: #121313;
13359                overflow-x: hidden;
13360                overflow-y: hidden;
13361            }
13362
13363            #rec644460198 .t396__filter {
13364                height: 280px;
13365            }
13366
13367            #rec644460198 .t396__carrier {
13368                height: 280px;
13369                background-position: center center;
13370                background-attachment: scroll;
13371                background-size: cover;
13372                background-repeat: no-repeat;
13373            }
13374
13375            @media  screen and (max-width: 1199px) {
13376                #rec644460198 .t396__artboard {
13377                    height: 220px;
13378                }
13379
13380                #rec644460198 .t396__filter {
13381                    height: 220px;
13382                }
13383
13384                #rec644460198 .t396__carrier {
13385                    height: 220px;
13386                    background-attachment: scroll;
13387                }
13388            }
13389
13390            @media  screen and (max-width: 959px) {
13391                #rec644460198 .t396__artboard {
13392                    height: 290px;
13393                }
13394
13395                #rec644460198 .t396__filter {
13396                    height: 290px;
13397                }
13398
13399                #rec644460198 .t396__carrier {
13400                    height: 290px;
13401                    background-attachment: scroll;
13402                }
13403            }
13404
13405            @media  screen and (max-width: 639px) {
13406                #rec644460198 .t396__artboard {
13407                    height: 125px;
13408                }
13409
13410                #rec644460198 .t396__filter {
13411                    height: 125px;
13412                }
13413
13414                #rec644460198 .t396__carrier {
13415                    height: 125px;
13416                    background-attachment: scroll;
13417                }
13418            }
13419
13420            #rec644460198 .tn-elem[data-elem-id="1690241109137"] {
13421                z-index: 4;
13422                top: 2px;
13423                left: calc(50% - 600px + 40px);
13424                width: 540px;
13425                height: 280px;
13426                pointer-events: none;
13427            }
13428
13429            #rec644460198 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
13430                opacity: 0;
13431            }
13432
13433            #rec644460198 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
13434                border-width: 0px;
13435                border-radius: 14px;
13436                background-color: #f04392;
13437                background-position: center center;
13438                border-color: transparent;
13439                border-style: solid;
13440            }
13441
13442            @media  screen and (max-width: 1199px) {
13443                #rec644460198 .tn-elem[data-elem-id="1690241109137"] {
13444                    top: 1px;
13445                    left: calc(50% - 480px + 40px);
13446                    width: 424px;
13447                    height: 219px;
13448                }
13449            }
13450
13451            @media  screen and (max-width: 959px) {
13452                #rec644460198 .tn-elem[data-elem-id="1690241109137"] {
13453                    top: 0px;
13454                    left: calc(50% - 320px + 40px);
13455                    width: 560px;
13456                    height: 290px;
13457                }
13458            }
13459
13460            @media  screen and (max-width: 639px) {
13461                #rec644460198 .tn-elem[data-elem-id="1690241109137"] {
13462                    top: 0px;
13463                    width: 240px;
13464                    height: 125px;
13465                }
13466            }
13467
13468            #rec644460198 .tn-elem[data-elem-id="1690239578729"] {
13469                z-index: 5;
13470                top: 2px;
13471                left: calc(50% - 600px + 40px);
13472                width: 540px;
13473                height: 280px;
13474                pointer-events: none;
13475            }
13476
13477            #rec644460198 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
13478                opacity: 0;
13479            }
13480
13481            #rec644460198 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
13482                border-radius: 13px;
13483                background-position: center top;
13484                background-size: cover;
13485                background-repeat: no-repeat;
13486                border-color: transparent;
13487                border-style: solid;
13488            }
13489
13490            @media  screen and (max-width: 1199px) {
13491                #rec644460198 .tn-elem[data-elem-id="1690239578729"] {
13492                    top: 1px;
13493                    width: 424px;
13494                    height: 219px;
13495                }
13496            }
13497
13498            @media  screen and (max-width: 959px) {
13499                #rec644460198 .tn-elem[data-elem-id="1690239578729"] {
13500                    top: 0px;
13501                    left: calc(50% - 320px + 40px);
13502                    width: 560px;
13503                    height: 290px;
13504                }
13505            }
13506
13507            @media  screen and (max-width: 639px) {
13508                #rec644460198 .tn-elem[data-elem-id="1690239578729"] {
13509                    top: 0px;
13510                    width: 240px;
13511                    height: 125px;
13512                }
13513            }
13514
13515            #rec644460198 .tn-elem[data-elem-id="1690239670103"] {
13516                z-index: 6;
13517                top: 2px;
13518                left: calc(50% - 600px + 40px);
13519                width: 540px;
13520                height: 280px;
13521                pointer-events: none;
13522            }
13523
13524            #rec644460198 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
13525                opacity: 0;
13526            }
13527
13528            #rec644460198 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
13529                border-radius: 13px;
13530                background-position: center top;
13531                background-size: cover;
13532                background-repeat: no-repeat;
13533                border-color: transparent;
13534                border-style: solid;
13535            }
13536
13537            @media  screen and (max-width: 1199px) {
13538                #rec644460198 .tn-elem[data-elem-id="1690239670103"] {
13539                    top: 1px;
13540                    width: 424px;
13541                    height: 219px;
13542                }
13543            }
13544
13545            @media  screen and (max-width: 959px) {
13546                #rec644460198 .tn-elem[data-elem-id="1690239670103"] {
13547                    top: 0px;
13548                    left: calc(50% - 320px + 40px);
13549                    width: 560px;
13550                    height: 290px;
13551                }
13552            }
13553
13554            @media  screen and (max-width: 639px) {
13555                #rec644460198 .tn-elem[data-elem-id="1690239670103"] {
13556                    top: 0px;
13557                    width: 240px;
13558                    height: 125px;
13559                }
13560            }
13561
13562            #rec644460198 .tn-elem[data-elem-id="1690239682409"] {
13563                z-index: 7;
13564                top: 2px;
13565                left: calc(50% - 600px + 40px);
13566                width: 540px;
13567                height: 280px;
13568                pointer-events: none;
13569            }
13570
13571            #rec644460198 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
13572                opacity: 0;
13573            }
13574
13575            #rec644460198 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
13576                border-radius: 13px;
13577                background-position: center top;
13578                background-size: cover;
13579                background-repeat: no-repeat;
13580                border-color: transparent;
13581                border-style: solid;
13582            }
13583
13584            @media  screen and (max-width: 1199px) {
13585                #rec644460198 .tn-elem[data-elem-id="1690239682409"] {
13586                    top: 1px;
13587                    width: 424px;
13588                    height: 219px;
13589                }
13590            }
13591
13592            @media  screen and (max-width: 959px) {
13593                #rec644460198 .tn-elem[data-elem-id="1690239682409"] {
13594                    top: 0px;
13595                    left: calc(50% - 320px + 40px);
13596                    width: 560px;
13597                    height: 290px;
13598                }
13599            }
13600
13601            @media  screen and (max-width: 639px) {
13602                #rec644460198 .tn-elem[data-elem-id="1690239682409"] {
13603                    top: 0px;
13604                    width: 240px;
13605                    height: 125px;
13606                }
13607            }
13608
13609            #rec644460198 .tn-elem[data-elem-id="1690238351796"] {
13610                z-index: 8;
13611                top: 2px;
13612                left: calc(50% - 600px + 40px);
13613                width: 540px;
13614                height: 280px;
13615            }
13616
13617            #rec644460198 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
13618                opacity: 0;
13619            }
13620
13621            #rec644460198 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
13622                border-radius: 13px;
13623                background-color: #1b1e20;
13624                background-position: center center;
13625                border-color: transparent;
13626                border-style: solid;
13627            }
13628
13629            @media  screen and (max-width: 1199px) {
13630                #rec644460198 .tn-elem[data-elem-id="1690238351796"] {
13631                    top: 1px;
13632                    left: calc(50% - 480px + 40px);
13633                    width: 424px;
13634                    height: 219px;
13635                }
13636            }
13637
13638            @media  screen and (max-width: 959px) {
13639                #rec644460198 .tn-elem[data-elem-id="1690238351796"] {
13640                    top: 0px;
13641                    left: calc(50% - 320px + 40px);
13642                    width: 560px;
13643                    height: 290px;
13644                }
13645            }
13646
13647            @media  screen and (max-width: 639px) {
13648                #rec644460198 .tn-elem[data-elem-id="1690238351796"] {
13649                    top: 0px;
13650                    width: 240px;
13651                    height: 125px;
13652                }
13653            }
13654
13655            #rec644460198 .tn-elem[data-elem-id="1690238538450"] {
13656                z-index: 9;
13657                top: 2px;
13658                left: calc(50% - 600px + 40px);
13659                width: 540px;
13660                height: 280px;
13661                pointer-events: none;
13662            }
13663
13664            #rec644460198 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
13665                opacity: 0;
13666            }
13667
13668            #rec644460198 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
13669                border-radius: 13px;
13670                background-position: center top;
13671                background-size: cover;
13672                background-repeat: no-repeat;
13673                border-color: transparent;
13674                border-style: solid;
13675            }
13676
13677            @media  screen and (max-width: 1199px) {
13678                #rec644460198 .tn-elem[data-elem-id="1690238538450"] {
13679                    top: 0px;
13680                    width: 424px;
13681                    height: 220px;
13682                }
13683            }
13684
13685            @media  screen and (max-width: 959px) {
13686                #rec644460198 .tn-elem[data-elem-id="1690238538450"] {
13687                    top: 0px;
13688                    left: calc(50% - 320px + 40px);
13689                    width: 560px;
13690                    height: 290px;
13691                }
13692            }
13693
13694            @media  screen and (max-width: 639px) {
13695                #rec644460198 .tn-elem[data-elem-id="1690238538450"] {
13696                    top: 0px;
13697                    width: 240px;
13698                    height: 125px;
13699                }
13700            }
13701
13702            #rec644460198 .tn-elem[data-elem-id="1690238351801"] {
13703                color: #f4f4f4;
13704                text-align: LEFT;
13705                z-index: 10;
13706                top: 23px;
13707                left: calc(50% - 600px + 64px);
13708                width: 230px;
13709                pointer-events: none;
13710            }
13711
13712            #rec644460198 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
13713                color: #f4f4f4;
13714                font-size: 18px;
13715                font-family: 'Manrope', Arial, sans-serif;
13716                line-height: 1.00;
13717                font-weight: 500;
13718                background-position: center center;
13719                border-color: transparent;
13720                border-style: solid;
13721            }
13722
13723            @media  screen and (max-width: 1199px) {
13724                #rec644460198 .tn-elem[data-elem-id="1690238351801"] {
13725                    top: 16px;
13726                    left: calc(50% - 480px + 58px);
13727                }
13728            }
13729
13730            @media  screen and (max-width: 959px) {
13731                #rec644460198 .tn-elem[data-elem-id="1690238351801"] {
13732                    top: 40px;
13733                    left: calc(50% - 320px + 267px);
13734                    width: 10px;
13735                }
13736            }
13737
13738            @media  screen and (max-width: 639px) {
13739                #rec644460198 .tn-elem[data-elem-id="1690238351801"] {
13740                    top: 10px;
13741                    left: calc(50% - 160px + 124px);
13742                    width: 10px;
13743                }
13744
13745                #rec644460198 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
13746                    font-size: 12px;
13747                }
13748            }</style>
13749        <div class='t396'>
13750            <div class="t396__artboard" data-artboard-recid="644460198" data-artboard-screens="320,640,960,1200"
13751                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
13752                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
13753                 data-artboard-height-res-960="220"
13754            >
13755                <div class="t396__carrier" data-artboard-recid="644460198"></div>
13756                <div class="t396__filter" data-artboard-recid="644460198"></div>
13757                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444601981690241109137 ' data-elem-id='1690241109137'
13758                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
13759                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
13760                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
13761                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
13762                     data-animate-mobile="y" data-animate-sbs-event="hover"
13763                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
13764                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
13765                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
13766                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
13767                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
13768                     data-field-left-res-960-value="40" data-field-height-res-960-value="219"
13769                     data-field-width-res-960-value="424"
13770                >
13771                    <div class='tn-atom'></div>
13772                </div>
13773                <div class='t396__elem tn-elem show_1_1 tn-elem__6444601981690239578729 ' data-elem-id='1690239578729'
13774                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
13775                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
13776                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
13777                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
13778                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
13779                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
13780                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
13781                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
13782                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
13783                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
13784                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
13785                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
13786                >
13787                    <div class='tn-atom t-bgimg'
13788                         data-original="/images/v2/tild3462-6563-4535-a362-363233323263__case_2_3_a1.svg"
13789                         style="background-image:url('/images/v2/tild3462-6563-4535-a362-363233323263__case_2_3_a1.svg');"
13790                    ></div>
13791                </div>
13792                <div class='t396__elem tn-elem show_1_1 tn-elem__6444601981690239670103 t396__elem--anim-hidden'
13793                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="2"
13794                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
13795                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
13796                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
13797                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
13798                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
13799                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
13800                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
13801                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
13802                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
13803                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
13804                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
13805                >
13806                    <div class='tn-atom t-bgimg'
13807                         data-original="/images/v2/tild3861-3461-4464-b765-613635613164__case_2_3_a2.svg"
13808                         style="background-image:url('/images/v2/tild3861-3461-4464-b765-613635613164__case_2_3_a2.svg');"
13809                    ></div>
13810                </div>
13811                <div class='t396__elem tn-elem show_1_1 tn-elem__6444601981690239682409 t396__elem--anim-hidden'
13812                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="2"
13813                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
13814                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
13815                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
13816                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
13817                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
13818                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
13819                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
13820                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
13821                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
13822                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
13823                     data-field-height-res-960-value="219" data-field-width-res-960-value="424"
13824                >
13825                    <div class='tn-atom t-bgimg'
13826                         data-original="/images/v2/tild3465-3831-4533-a633-343238633635__case_2_3_a3.svg"
13827                         style="background-image:url('/images/v2/tild3465-3831-4533-a633-343238633635__case_2_3_a3.svg');"
13828                    ></div>
13829                </div>
13830                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444601981690238351796 ' data-elem-id='1690238351796'
13831                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
13832                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
13833                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
13834                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
13835                     data-animate-mobile="y" data-animate-sbs-event="hover"
13836                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
13837                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
13838                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
13839                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
13840                     data-field-width-res-640-value="560" data-field-top-res-960-value="1"
13841                     data-field-left-res-960-value="40" data-field-height-res-960-value="219"
13842                     data-field-width-res-960-value="424"
13843                >
13844                    <div class='tn-atom'></div>
13845                </div>
13846                <div class='t396__elem tn-elem tn-elem__6444601981690238538450 ' data-elem-id='1690238538450'
13847                     data-elem-type='shape' data-field-top-value="2" data-field-left-value="40"
13848                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
13849                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
13850                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
13851                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
13852                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
13853                     data-field-top-res-320-value="0" data-field-height-res-320-value="125"
13854                     data-field-width-res-320-value="240" data-field-top-res-640-value="0"
13855                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
13856                     data-field-width-res-640-value="560" data-field-top-res-960-value="0"
13857                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
13858                >
13859                    <div class='tn-atom t-bgimg'
13860                         data-original="/images/v2/tild3264-6435-4234-b033-346562643630__case_2_3.png"
13861                         style="background-image:url('/images/v2/tild3264-6435-4234-b033-346562643630__case_2_3.png');"
13862                    ></div>
13863                </div>
13864                <div class='t396__elem tn-elem tn-elem__6444601981690238351801 t-animate' data-elem-id='1690238351801'
13865                     data-elem-type='text' data-field-top-value="23" data-field-left-value="64"
13866                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
13867                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
13868                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
13869                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
13870                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="124"
13871                     data-field-width-res-320-value="10" data-field-top-res-640-value="40"
13872                     data-field-left-res-640-value="267" data-field-width-res-640-value="10"
13873                     data-field-top-res-960-value="16" data-field-left-res-960-value="58"
13874                >
13875                    <div class='tn-atom' field='tn_text_1690238351801'>Словополис</div>
13876                </div>
13877            </div>
13878        </div>
13879        
13879<script>t_onFuncLoad('t396_initialScale', function () {
13880                t396_initialScale('644460198');
13881            });
13882            t_onReady(function () {
13883                t_onFuncLoad('t396_init', function () {
13884                    t396_init('644460198');
13885                });
13886            });</script>
13886<!-- /T396 --></div>
13887    <div id="rec620433743" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
13888        <style>#rec620433743 .t396__artboard {
13889                height: 126px;
13890                background-color: #121313;
13891            }
13892
13893            #rec620433743 .t396__filter {
13894                height: 126px;
13895            }
13896
13897            #rec620433743 .t396__carrier {
13898                height: 126px;
13899                background-position: center center;
13900                background-attachment: scroll;
13901                background-size: cover;
13902                background-repeat: no-repeat;
13903            }
13904
13905            @media  screen and (max-width: 1199px) {
13906                #rec620433743 .t396__artboard {
13907                    height: 86px;
13908                }
13909
13910                #rec620433743 .t396__filter {
13911                    height: 86px;
13912                }
13913
13914                #rec620433743 .t396__carrier {
13915                    height: 86px;
13916                    background-attachment: scroll;
13917                }
13918            }
13919
13920            @media  screen and (max-width: 959px) {
13921                #rec620433743 .t396__artboard {
13922                    height: 80px;
13923                }
13924
13925                #rec620433743 .t396__filter {
13926                    height: 80px;
13927                }
13928
13929                #rec620433743 .t396__carrier {
13930                    height: 80px;
13931                    background-attachment: scroll;
13932                }
13933            }
13934
13935            @media  screen and (max-width: 639px) {
13936                #rec620433743 .t396__artboard {
13937                    height: 75px;
13938                }
13939
13940                #rec620433743 .t396__filter {
13941                    height: 75px;
13942                }
13943
13944                #rec620433743 .t396__carrier {
13945                    height: 75px;
13946                    background-attachment: scroll;
13947                }
13948            }
13949
13950            #rec620433743 .tn-elem[data-elem-id="1690243358586"] {
13951                color: #f4f4f4;
13952                text-align: LEFT;
13953                z-index: 2;
13954                top: 64px;
13955                left: calc(50% - 600px + 40px);
13956                width: 110px;
13957            }
13958
13959            #rec620433743 .tn-elem[data-elem-id="1690243358586"] .tn-atom {
13960                color: #f4f4f4;
13961                font-size: 28px;
13962                font-family: 'Manrope', Arial, sans-serif;
13963                line-height: 1.00;
13964                font-weight: 400;
13965                opacity: 0.6;
13966                background-position: center center;
13967                border-color: transparent;
13968                border-style: solid;
13969            }
13970
13971            @media  screen and (max-width: 1199px) {
13972                #rec620433743 .tn-elem[data-elem-id="1690243358586"] {
13973                    top: 40px;
13974                }
13975
13976                #rec620433743 .tn-elem[data-elem-id="1690243358586"] .tn-atom {
13977                    font-size: 24px;
13978                }
13979            }
13980
13981            @media  screen and (max-width: 959px) {
13982                #rec620433743 .tn-elem[data-elem-id="1690243358586"] {
13983                    top: 35px;
13984                }
13985
13986                #rec620433743 .tn-elem[data-elem-id="1690243358586"] .tn-atom {
13987                    font-size: 20px;
13988                }
13989            }
13990
13991            @media  screen and (max-width: 639px) {
13992                #rec620433743 .tn-elem[data-elem-id="1690243358586"] {
13993                    top: 45px;
13994                }
13995
13996                #rec620433743 .tn-elem[data-elem-id="1690243358586"] .tn-atom {
13997                    font-size: 16px;
13998                }
13999            }</style>
14000        <div class='t396'>
14001            <div class="t396__artboard" data-artboard-recid="620433743" data-artboard-screens="320,640,960,1200"
14002                 data-artboard-height="126" data-artboard-valign="center" data-artboard-upscale="window"
14003                 data-artboard-height-res-320="75" data-artboard-height-res-640="80" data-artboard-height-res-960="86"
14004            >
14005                <div class="t396__carrier" data-artboard-recid="620433743"></div>
14006                <div class="t396__filter" data-artboard-recid="620433743"></div>
14007                <div class='t396__elem tn-elem tn-elem__6204337431690243358586 t-animate' data-elem-id='1690243358586'
14008                     data-elem-type='text' data-field-top-value="64" data-field-left-value="40"
14009                     data-field-width-value="110" data-field-axisy-value="top" data-field-axisx-value="left"
14010                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
14011                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
14012                     data-animate-duration="0.8" data-animate-delay="0.2" data-animate-distance="15"
14013                     data-animate-mobile="y" data-field-top-res-320-value="45" data-field-top-res-640-value="35"
14014                     data-field-top-res-960-value="40"
14015                >
14016                    <div class='tn-atom' field='tn_text_1690243358586'>Music</div>
14017                </div>
14018            </div>
14019        </div>
14020        
14020<script>t_onFuncLoad('t396_initialScale', function () {
14021                t396_initialScale('620433743');
14022            });
14023            t_onReady(function () {
14024                t_onFuncLoad('t396_init', function () {
14025                    t396_init('620433743');
14026                });
14027            });</script>
14027<!-- /T396 --></div>
14028    <!-- <div style="font-size: 28px;" data-customstyle="yes"><p style="text-align: center;"><strong>MUSIC PC</strong></p></div> -->
14029    <div id="rec625186376" class="r t-rec t-screenmin-980px" style="background-color:#121313; "
14030         data-animationappear="off" data-record-type="734" data-screen-min="980px" data-bg-color="#121313"><!-- t734 -->
14031        <div class="t734">
14032            <div class="t-slds t734__witharrows" style="visibility: hidden;">
14033                <div class="t-container_100 t-slds__main">
14034                    <ul class="t-slds__arrow_container t-slds__nocycle ">
14035                        <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left">
14036                            <button
14037                                type="button"
14038                                class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
14039                                aria-controls="carousel_625186376"
14040                                aria-disabled="false"
14041                                aria-label="Предыдущий слайд"
14042                                style="width: 50px; height: 50px;background-color: rgba(255,255,255,1);">
14043                                <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 11px;">
14044                                    <svg role="presentation" focusable="false" style="display: block"
14045                                         viewBox="0 0 11.3 21" xmlns="http://www.w3.org/2000/svg"
14046                                         xmlns:xlink="http://www.w3.org/1999/xlink">
14047                                        <polyline
14048                                            fill="none"
14049                                            stroke="#222222"
14050                                            stroke-linejoin="butt"
14051                                            stroke-linecap="butt"
14052                                            stroke-width="1"
14053                                            points="0.5,0.5 10.5,10.5 0.5,20.5"
14054                                        />
14055                                    </svg>
14056                                </div>
14057                            </button>
14058                        </li>
14059                        <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right">
14060                            <button
14061                                type="button"
14062                                class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
14063                                aria-controls="carousel_625186376"
14064                                aria-disabled="false"
14065                                aria-label="Следующий слайд"
14066                                style="width: 50px; height: 50px;background-color: rgba(255,255,255,1);">
14067                                <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 11px;">
14068                                    <svg role="presentation" focusable="false" style="display: block"
14069                                         viewBox="0 0 11.3 21" xmlns="http://www.w3.org/2000/svg"
14070                                         xmlns:xlink="http://www.w3.org/1999/xlink">
14071                                        <polyline
14072                                            fill="none"
14073                                            stroke="#222222"
14074                                            stroke-linejoin="butt"
14075                                            stroke-linecap="butt"
14076                                            stroke-width="1"
14077                                            points="0.5,0.5 10.5,10.5 0.5,20.5"
14078                                        />
14079                                    </svg>
14080                                </div>
14081                            </button>
14082                        </li>
14083                    </ul>
14084                    <div class="t-slds__container">
14085                        <div
14086                            class="t-slds__items-wrapper t-slds__nocycle t-slds_animated-fast"
14087                            id="carousel_625186376" data-slider-transition="300" data-slider-with-cycle="false"
14088                            data-slider-correct-height="false" data-auto-correct-mobile-width="false"
14089                            aria-roledescription="carousel"
14090                            aria-live="off"
14091                        >
14092                            <div
14093                                class="t-slds__item t-slds__item_active" data-slide-index="1"
14094                                role="group"
14095                                aria-roledescription="slide"
14096                                aria-hidden="false"
14097                                aria-label="1 из 2"
14098                            >
14099                                <div class="t734__slds-wrapper t-slds__wrapper">
14100                                    <div class="t-cover" id="recorddiv625186376" style="height:320px;">
14101                                        <div class="t-cover__carrier" data-content-cover-id="625186376"
14102                                             id="coverCarry625186376" data-content-cover-height="320px"
14103                                             data-content-cover-bg=""
14104                                             style="background-image: url(''); height:320px;"
14105                                             itemscope itemtype="http://schema.org/ImageObject">
14106                                            <meta itemprop="image" content="">
14107                                        </div>
14108                                        <div class="t-cover__filter"
14109                                             style="height:320px; background-color:#000;opacity: 0.0; "></div>
14110                                    </div>
14111                                    <div class="t734__table">
14112                                        <div class="t-cell t-valign_middle">
14113                                            <div class="t-container">
14114                                                <div class="t-cover__wrapper t-valign_middle">
14115                                                    <div class="t734__wrapper t-width t-width_8 t-margin_auto"
14116                                                         data-hook-content="covercontent">
14117                                                        <div class="t734__textwrapper t-align_center"></div>
14118                                                    </div>
14119                                                </div>
14120                                            </div>
14121                                        </div>
14122                                    </div>
14123                                </div>
14124                            </div>
14125                            <div
14126                                class="t-slds__item" data-slide-index="2"
14127                                role="group"
14128                                aria-roledescription="slide"
14129                                aria-hidden="true"
14130                                aria-label="2 из 2"
14131                            >
14132                                <div class="t734__slds-wrapper t-slds__wrapper">
14133                                    <div class="t-cover" style="height:320px;">
14134                                        <div class="t-cover__carrier" data-content-cover-bg=""
14135                                             style="background-image: url(''); height:320px;"
14136                                             itemscope itemtype="http://schema.org/ImageObject">
14137                                            <meta itemprop="image" content="">
14138                                        </div>
14139                                        <div class="t-cover__filter"
14140                                             style="height:320px; background-color:#000;opacity: 0.0; "></div>
14141                                    </div>
14142                                    <div class="t734__table">
14143                                        <div class="t-cell t-valign_middle">
14144                                            <div class="t-container">
14145                                                <div class="t-cover__wrapper t-valign_middle">
14146                                                    <div class="t734__wrapper t-width t-width_8 t-margin_auto"
14147                                                         data-hook-content="covercontent">
14148                                                        <div class="t734__textwrapper t-align_center"></div>
14149                                                    </div>
14150                                                </div>
14151                                            </div>
14152                                        </div>
14153                                    </div>
14154                                </div>
14155                            </div>
14156                        </div>
14157                    </div>
14158                </div>
14159            </div>
14160        </div>
14161        
14161<script type="text/javascript">t_onReady(function () {
14162                t_onFuncLoad('t734_init', function () {
14163                    try {
14164                        t734_init('625186376');
14165                    } catch (error) {
14166                        console.log(error);
14167                    }
14168                });
14169            });</script>
14169
14170        <style type="text/css">#rec625186376 .t-slds__bullet_active .t-slds__bullet_body {
14171                background-color: #ffffff !important;
14172            }
14173
14174            #rec625186376 .t-slds__bullet:hover .t-slds__bullet_body {
14175                background-color: #ffffff !important;
14176            }
14177
14178            #rec625186376 .t-slds__bullet_body:focus-visible {
14179                background-color: #ffffff !important;
14180            }</style>
14181    </div>
14182    <div id="rec620439340" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
14183        <style>#rec620439340 .t396__artboard {
14184                height: 280px;
14185                background-color: #121313;
14186                overflow-x: hidden;
14187                overflow-y: hidden;
14188            }
14189
14190            #rec620439340 .t396__filter {
14191                height: 280px;
14192            }
14193
14194            #rec620439340 .t396__carrier {
14195                height: 280px;
14196                background-position: center center;
14197                background-attachment: scroll;
14198                background-size: cover;
14199                background-repeat: no-repeat;
14200            }
14201
14202            @media  screen and (max-width: 1199px) {
14203                #rec620439340 .t396__artboard {
14204                    height: 220px;
14205                }
14206
14207                #rec620439340 .t396__filter {
14208                    height: 220px;
14209                }
14210
14211                #rec620439340 .t396__carrier {
14212                    height: 220px;
14213                    background-attachment: scroll;
14214                }
14215            }
14216
14217            @media  screen and (max-width: 959px) {
14218                #rec620439340 .t396__artboard {
14219                    height: 290px;
14220                }
14221
14222                #rec620439340 .t396__filter {
14223                    height: 290px;
14224                }
14225
14226                #rec620439340 .t396__carrier {
14227                    height: 290px;
14228                    background-attachment: scroll;
14229                }
14230            }
14231
14232            @media  screen and (max-width: 639px) {
14233                #rec620439340 .t396__artboard {
14234                    height: 125px;
14235                }
14236
14237                #rec620439340 .t396__filter {
14238                    height: 125px;
14239                }
14240
14241                #rec620439340 .t396__carrier {
14242                    height: 125px;
14243                    background-attachment: scroll;
14244                }
14245            }
14246
14247            #rec620439340 .tn-elem[data-elem-id="1690241327213"] {
14248                z-index: 3;
14249                top: 0px;
14250                left: calc(50% - 600px + 40px);
14251                width: 540px;
14252                height: 280px;
14253            }
14254
14255            #rec620439340 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327213"] {
14256                opacity: 0;
14257            }
14258
14259            #rec620439340 .tn-elem[data-elem-id="1690241327213"] .tn-atom {
14260                border-width: 0px;
14261                border-radius: 14px;
14262                background-color: #39bfd1;
14263                background-position: center center;
14264                border-color: transparent;
14265                border-style: solid;
14266            }
14267
14268            @media  screen and (max-width: 1199px) {
14269                #rec620439340 .tn-elem[data-elem-id="1690241327213"] {
14270                    left: calc(50% - 480px + 39px);
14271                    width: 424px;
14272                    height: 220px;
14273                }
14274            }
14275
14276            @media  screen and (max-width: 959px) {
14277                #rec620439340 .tn-elem[data-elem-id="1690241327213"] {
14278                    left: calc(50% - 320px + 40px);
14279                    width: 560px;
14280                    height: 290px;
14281                }
14282            }
14283
14284            @media  screen and (max-width: 639px) {
14285                #rec620439340 .tn-elem[data-elem-id="1690241327213"] {
14286                    width: 240px;
14287                    height: 125px;
14288                }
14289            }
14290
14291            #rec620439340 .tn-elem[data-elem-id="1690241327221"] {
14292                z-index: 4;
14293                top: 0px;
14294                left: calc(50% - 600px + 40px);
14295                width: 540px;
14296                height: 280px;
14297                pointer-events: none;
14298            }
14299
14300            #rec620439340 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327221"] {
14301                opacity: 0;
14302            }
14303
14304            #rec620439340 .tn-elem[data-elem-id="1690241327221"] .tn-atom {
14305                border-radius: 13px;
14306                background-position: center top;
14307                background-size: cover;
14308                background-repeat: no-repeat;
14309                border-color: transparent;
14310                border-style: solid;
14311            }
14312
14313            @media  screen and (max-width: 1199px) {
14314                #rec620439340 .tn-elem[data-elem-id="1690241327221"] {
14315                    left: calc(50% - 480px + 39px);
14316                    width: 424px;
14317                    height: 220px;
14318                }
14319            }
14320
14321            @media  screen and (max-width: 959px) {
14322                #rec620439340 .tn-elem[data-elem-id="1690241327221"] {
14323                    left: calc(50% - 320px + 40px);
14324                    width: 560px;
14325                    height: 290px;
14326                }
14327            }
14328
14329            @media  screen and (max-width: 639px) {
14330                #rec620439340 .tn-elem[data-elem-id="1690241327221"] {
14331                    width: 240px;
14332                    height: 125px;
14333                }
14334            }
14335
14336            #rec620439340 .tn-elem[data-elem-id="1690241327227"] {
14337                z-index: 5;
14338                top: 0px;
14339                left: calc(50% - 600px + 40px);
14340                width: 540px;
14341                height: 280px;
14342                pointer-events: none;
14343            }
14344
14345            #rec620439340 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327227"] {
14346                opacity: 0;
14347            }
14348
14349            #rec620439340 .tn-elem[data-elem-id="1690241327227"] .tn-atom {
14350                border-radius: 13px;
14351                background-position: center top;
14352                background-size: cover;
14353                background-repeat: no-repeat;
14354                border-color: transparent;
14355                border-style: solid;
14356            }
14357
14358            @media  screen and (max-width: 1199px) {
14359                #rec620439340 .tn-elem[data-elem-id="1690241327227"] {
14360                    left: calc(50% - 480px + 39px);
14361                    width: 424px;
14362                    height: 220px;
14363                }
14364            }
14365
14366            @media  screen and (max-width: 959px) {
14367                #rec620439340 .tn-elem[data-elem-id="1690241327227"] {
14368                    left: calc(50% - 320px + 40px);
14369                    width: 560px;
14370                    height: 290px;
14371                }
14372            }
14373
14374            @media  screen and (max-width: 639px) {
14375                #rec620439340 .tn-elem[data-elem-id="1690241327227"] {
14376                    width: 240px;
14377                    height: 125px;
14378                }
14379            }
14380
14381            #rec620439340 .tn-elem[data-elem-id="1690241327233"] {
14382                z-index: 6;
14383                top: 0px;
14384                left: calc(50% - 600px + 40px);
14385                width: 540px;
14386                height: 280px;
14387                pointer-events: none;
14388            }
14389
14390            #rec620439340 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327233"] {
14391                opacity: 0;
14392            }
14393
14394            #rec620439340 .tn-elem[data-elem-id="1690241327233"] .tn-atom {
14395                border-radius: 13px;
14396                background-position: center top;
14397                background-size: cover;
14398                background-repeat: no-repeat;
14399                border-color: transparent;
14400                border-style: solid;
14401            }
14402
14403            @media  screen and (max-width: 1199px) {
14404                #rec620439340 .tn-elem[data-elem-id="1690241327233"] {
14405                    left: calc(50% - 480px + 39px);
14406                    width: 424px;
14407                    height: 220px;
14408                }
14409            }
14410
14411            @media  screen and (max-width: 959px) {
14412                #rec620439340 .tn-elem[data-elem-id="1690241327233"] {
14413                    left: calc(50% - 320px + 40px);
14414                    width: 560px;
14415                    height: 290px;
14416                }
14417            }
14418
14419            @media  screen and (max-width: 639px) {
14420                #rec620439340 .tn-elem[data-elem-id="1690241327233"] {
14421                    width: 240px;
14422                    height: 125px;
14423                }
14424            }
14425
14426            #rec620439340 .tn-elem[data-elem-id="1690241327217"] {
14427                z-index: 7;
14428                top: 0px;
14429                left: calc(50% - 600px + 40px);
14430                width: 540px;
14431                height: 280px;
14432            }
14433
14434            #rec620439340 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327217"] {
14435                opacity: 0;
14436            }
14437
14438            #rec620439340 .tn-elem[data-elem-id="1690241327217"] .tn-atom {
14439                border-radius: 13px;
14440                background-color: #1b1e20;
14441                background-position: center center;
14442                border-color: transparent;
14443                border-style: solid;
14444            }
14445
14446            @media  screen and (max-width: 1199px) {
14447                #rec620439340 .tn-elem[data-elem-id="1690241327217"] {
14448                    left: calc(50% - 480px + 39px);
14449                    width: 424px;
14450                    height: 220px;
14451                }
14452            }
14453
14454            @media  screen and (max-width: 959px) {
14455                #rec620439340 .tn-elem[data-elem-id="1690241327217"] {
14456                    left: calc(50% - 320px + 40px);
14457                    width: 560px;
14458                    height: 290px;
14459                }
14460            }
14461
14462            @media  screen and (max-width: 639px) {
14463                #rec620439340 .tn-elem[data-elem-id="1690241327217"] {
14464                    width: 240px;
14465                    height: 125px;
14466                }
14467            }
14468
14469            #rec620439340 .tn-elem[data-elem-id="1690241327237"] {
14470                z-index: 8;
14471                top: 0px;
14472                left: calc(50% - 600px + 40px);
14473                width: 540px;
14474                height: 280px;
14475                pointer-events: none;
14476            }
14477
14478            #rec620439340 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327237"] {
14479                opacity: 0;
14480            }
14481
14482            #rec620439340 .tn-elem[data-elem-id="1690241327237"] .tn-atom {
14483                border-radius: 13px;
14484                background-position: center top;
14485                background-size: cover;
14486                background-repeat: no-repeat;
14487                border-color: transparent;
14488                border-style: solid;
14489            }
14490
14491            @media  screen and (max-width: 1199px) {
14492                #rec620439340 .tn-elem[data-elem-id="1690241327237"] {
14493                    left: calc(50% - 480px + 39px);
14494                    width: 424px;
14495                    height: 220px;
14496                }
14497            }
14498
14499            @media  screen and (max-width: 959px) {
14500                #rec620439340 .tn-elem[data-elem-id="1690241327237"] {
14501                    left: calc(50% - 320px + 40px);
14502                    width: 560px;
14503                    height: 290px;
14504                }
14505            }
14506
14507            @media  screen and (max-width: 639px) {
14508                #rec620439340 .tn-elem[data-elem-id="1690241327237"] {
14509                    width: 240px;
14510                    height: 125px;
14511                }
14512            }
14513
14514            #rec620439340 .tn-elem[data-elem-id="1690238351818"] {
14515                color: #f4f4f4;
14516                text-align: LEFT;
14517                z-index: 9;
14518                top: 22px;
14519                left: calc(50% - 600px + 64px);
14520                width: 199px;
14521                pointer-events: none;
14522            }
14523
14524            #rec620439340 .tn-elem[data-elem-id="1690238351818"] .tn-atom {
14525                color: #f4f4f4;
14526                font-size: 18px;
14527                font-family: 'Manrope', Arial, sans-serif;
14528                line-height: 1.00;
14529                font-weight: 500;
14530                background-position: center center;
14531                border-color: transparent;
14532                border-style: solid;
14533            }
14534
14535            @media  screen and (max-width: 1199px) {
14536                #rec620439340 .tn-elem[data-elem-id="1690238351818"] {
14537                    left: calc(50% - 480px + 58px);
14538                }
14539            }
14540
14541            @media  screen and (max-width: 959px) {
14542                #rec620439340 .tn-elem[data-elem-id="1690238351818"] {
14543                    top: 40px;
14544                    left: calc(50% - 320px + 233px);
14545                    width: 204px;
14546                }
14547            }
14548
14549            @media  screen and (max-width: 639px) {
14550                #rec620439340 .tn-elem[data-elem-id="1690238351818"] {
14551                    top: 10px;
14552                    left: calc(50% - 160px + 102px);
14553                    width: 141px;
14554                }
14555
14556                #rec620439340 .tn-elem[data-elem-id="1690238351818"] .tn-atom {
14557                    font-size: 12px;
14558                }
14559            }</style>
14560        <div class='t396'>
14561            <div class="t396__artboard" data-artboard-recid="620439340" data-artboard-screens="320,640,960,1200"
14562                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
14563                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
14564                 data-artboard-height-res-960="220"
14565            >
14566                <div class="t396__carrier" data-artboard-recid="620439340"></div>
14567                <div class="t396__filter" data-artboard-recid="620439340"></div>
14568                <div class='t396__elem tn-elem hover_1_1 tn-elem__6204393401690241327213 ' data-elem-id='1690241327213'
14569                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
14570                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
14571                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
14572                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
14573                     data-animate-mobile="y" data-animate-sbs-event="hover"
14574                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
14575                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
14576                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
14577                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
14578                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
14579                >
14580                    <div class='tn-atom'></div>
14581                </div>
14582                <div class='t396__elem tn-elem show_1_1 tn-elem__6204393401690241327221 ' data-elem-id='1690241327221'
14583                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
14584                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
14585                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
14586                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
14587                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
14588                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
14589                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
14590                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
14591                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
14592                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
14593                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
14594                >
14595                    <div class='tn-atom t-bgimg'
14596                         data-original="/images/v2/tild6432-3038-4539-b663-653064386439__case_3_2_a1.svg"
14597                         style="background-image:url('/images/v2/tild6432-3038-4539-b663-653064386439__case_3_2_a1.svg');"
14598                    ></div>
14599                </div>
14600                <div class='t396__elem tn-elem show_1_1 tn-elem__6204393401690241327227 t396__elem--anim-hidden'
14601                     data-elem-id='1690241327227' data-elem-type='shape' data-field-top-value="0"
14602                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
14603                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
14604                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
14605                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
14606                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
14607                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
14608                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
14609                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
14610                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
14611                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
14612                >
14613                    <div class='tn-atom t-bgimg'
14614                         data-original="/images/v2/tild6366-6334-4837-b463-643831633163__case_3_2_a2.svg"
14615                         style="background-image:url('/images/v2/tild6366-6334-4837-b463-643831633163__case_3_2_a2.svg');"
14616                    ></div>
14617                </div>
14618                <div class='t396__elem tn-elem show_1_1 tn-elem__6204393401690241327233 t396__elem--anim-hidden'
14619                     data-elem-id='1690241327233' data-elem-type='shape' data-field-top-value="0"
14620                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
14621                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
14622                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
14623                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
14624                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
14625                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
14626                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
14627                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
14628                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
14629                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
14630                >
14631                    <div class='tn-atom t-bgimg'
14632                         data-original="/images/v2/tild3461-3438-4830-b330-316633333165__case_3_2_a3.svg"
14633                         style="background-image:url('/images/v2/tild3461-3438-4830-b330-316633333165__case_3_2_a3.svg');"
14634                    ></div>
14635                </div>
14636                <div class='t396__elem tn-elem hover_1_1 tn-elem__6204393401690241327217 ' data-elem-id='1690241327217'
14637                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
14638                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
14639                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
14640                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
14641                     data-animate-mobile="y" data-animate-sbs-event="hover"
14642                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
14643                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
14644                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
14645                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
14646                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
14647                >
14648                    <div class='tn-atom'></div>
14649                </div>
14650                <div class='t396__elem tn-elem tn-elem__6204393401690241327237 ' data-elem-id='1690241327237'
14651                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
14652                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
14653                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
14654                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
14655                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690241327217"
14656                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
14657                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
14658                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
14659                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
14660                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
14661                >
14662                    <div class='tn-atom t-bgimg'
14663                         data-original="/images/v2/tild6231-3963
14663-4334-a464-396631613535__case_3_2.png"
14664                         style="background-image:url('/images/v2/tild6231-3963-4334-a464-396631613535__case_3_2.png');"
14665                    ></div>
14666                </div>
14667                <div class='t396__elem tn-elem tn-elem__6204393401690238351818 t-animate' data-elem-id='1690238351818'
14668                     data-elem-type='text' data-field-top-value="22" data-field-left-value="64"
14669                     data-field-width-value="199" data-field-axisy-value="top" data-field-axisx-value="left"
14670                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
14671                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
14672                     data-animate-duration="0.8" data-animate-delay="0.4" data-animate-distance="15"
14673                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="102"
14674                     data-field-width-res-320-value="141" data-field-top-res-640-value="40"
14675                     data-field-left-res-640-value="233" data-field-width-res-640-value="204"
14676                     data-field-left-res-960-value="58"
14677                >
14678                    <div class='tn-atom' field='tn_text_1690238351818'>Музыкальная волна</div>
14679                </div>
14680            </div>
14681        </div>
14682        
14682<script>t_onFuncLoad('t396_initialScale', function () {
14683                t396_initialScale('620439340');
14684            });
14685            t_onReady(function () {
14686                t_onFuncLoad('t396_init', function () {
14687                    t396_init('620439340');
14688                });
14689            });</script>
14689<!-- /T396 --></div>
14690    <div id="rec620434000" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
14691        <style>#rec620434000 .t396__artboard {
14692                height: 280px;
14693                background-color: #121313;
14694            }
14695
14696            #rec620434000 .t396__filter {
14697                height: 280px;
14698            }
14699
14700            #rec620434000 .t396__carrier {
14701                height: 280px;
14702                background-position: center center;
14703                background-attachment: scroll;
14704                background-size: cover;
14705                background-repeat: no-repeat;
14706            }
14707
14708            @media  screen and (max-width: 1199px) {
14709                #rec620434000 .t396__artboard {
14710                    height: 220px;
14711                }
14712
14713                #rec620434000 .t396__filter {
14714                    height: 220px;
14715                }
14716
14717                #rec620434000 .t396__carrier {
14718                    height: 220px;
14719                    background-attachment: scroll;
14720                }
14721            }
14722
14723            @media  screen and (max-width: 959px) {
14724                #rec620434000 .t396__artboard {
14725                    height: 610px;
14726                }
14727
14728                #rec620434000 .t396__filter {
14729                    height: 610px;
14730                }
14731
14732                #rec620434000 .t396__carrier {
14733                    height: 610px;
14734                    background-attachment: scroll;
14735                }
14736            }
14737
14738            @media  screen and (max-width: 639px) {
14739                #rec620434000 .t396__artboard {
14740                    height: 125px;
14741                }
14742
14743                #rec620434000 .t396__filter {
14744                    height: 125px;
14745                }
14746
14747                #rec620434000 .t396__carrier {
14748                    height: 125px;
14749                    background-attachment: scroll;
14750                }
14751            }
14752
14753            #rec620434000 .tn-elem[data-elem-id="1690241109137"] {
14754                z-index: 2;
14755                top: 1px;
14756                left: calc(50% - 600px + 40px);
14757                width: 540px;
14758                height: 280px;
14759            }
14760
14761            #rec620434000 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
14762                opacity: 0;
14763            }
14764
14765            #rec620434000 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
14766                border-width: 0px;
14767                border-radius: 14px;
14768                background-color: #f04392;
14769                background-position: center center;
14770                border-color: transparent;
14771                border-style: solid;
14772            }
14773
14774            @media  screen and (max-width: 1199px) {
14775                #rec620434000 .tn-elem[data-elem-id="1690241109137"] {
14776                    top: 0px;
14777                    left: calc(50% - 480px + 40px);
14778                    width: 424px;
14779                    height: 220px;
14780                }
14781            }
14782
14783            @media  screen and (max-width: 959px) {
14784                #rec620434000 .tn-elem[data-elem-id="1690241109137"] {
14785                    width: 560px;
14786                    height: 290px;
14787                }
14788            }
14789
14790            @media  screen and (max-width: 639px) {
14791                #rec620434000 .tn-elem[data-elem-id="1690241109137"] {
14792                    width: 240px;
14793                    height: 125px;
14794                }
14795            }
14796
14797            #rec620434000 .tn-elem[data-elem-id="1690239578729"] {
14798                z-index: 3;
14799                top: 1px;
14800                left: calc(50% - 600px + 40px);
14801                width: 540px;
14802                height: 280px;
14803                pointer-events: none;
14804            }
14805
14806            #rec620434000 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
14807                opacity: 0;
14808            }
14809
14810            #rec620434000 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
14811                border-radius: 13px;
14812                background-position: center top;
14813                background-size: cover;
14814                background-repeat: no-repeat;
14815                border-color: transparent;
14816                border-style: solid;
14817            }
14818
14819            @media  screen and (max-width: 1199px) {
14820                #rec620434000 .tn-elem[data-elem-id="1690239578729"] {
14821                    top: 0px;
14822                    width: 424px;
14823                    height: 220px;
14824                }
14825            }
14826
14827            @media  screen and (max-width: 959px) {
14828                #rec620434000 .tn-elem[data-elem-id="1690239578729"] {
14829                    width: 560px;
14830                    height: 290px;
14831                }
14832            }
14833
14834            @media  screen and (max-width: 639px) {
14835                #rec620434000 .tn-elem[data-elem-id="1690239578729"] {
14836                    width: 240px;
14837                    height: 125px;
14838                }
14839            }
14840
14841            #rec620434000 .tn-elem[data-elem-id="1690239670103"] {
14842                z-index: 4;
14843                top: 1px;
14844                left: calc(50% - 600px + 40px);
14845                width: 540px;
14846                height: 280px;
14847                pointer-events: none;
14848            }
14849
14850            #rec620434000 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
14851                opacity: 0;
14852            }
14853
14854            #rec620434000 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
14855                border-radius: 13px;
14856                background-position: center top;
14857                background-size: cover;
14858                background-repeat: no-repeat;
14859                border-color: transparent;
14860                border-style: solid;
14861            }
14862
14863            @media  screen and (max-width: 1199px) {
14864                #rec620434000 .tn-elem[data-elem-id="1690239670103"] {
14865                    top: 0px;
14866                    width: 424px;
14867                    height: 220px;
14868                }
14869            }
14870
14871            @media  screen and (max-width: 959px) {
14872                #rec620434000 .tn-elem[data-elem-id="1690239670103"] {
14873                    width: 560px;
14874                    height: 290px;
14875                }
14876            }
14877
14878            @media  screen and (max-width: 639px) {
14879                #rec620434000 .tn-elem[data-elem-id="1690239670103"] {
14880                    width: 240px;
14881                    height: 125px;
14882                }
14883            }
14884
14885            #rec620434000 .tn-elem[data-elem-id="1690239682409"] {
14886                z-index: 5;
14887                top: 1px;
14888                left: calc(50% - 600px + 40px);
14889                width: 540px;
14890                height: 280px;
14891                pointer-events: none;
14892            }
14893
14894            #rec620434000 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
14895                opacity: 0;
14896            }
14897
14898            #rec620434000 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
14899                border-radius: 13px;
14900                background-position: center top;
14901                background-size: cover;
14902                background-repeat: no-repeat;
14903                border-color: transparent;
14904                border-style: solid;
14905            }
14906
14907            @media  screen and (max-width: 1199px) {
14908                #rec620434000 .tn-elem[data-elem-id="1690239682409"] {
14909                    top: 0px;
14910                    width: 424px;
14911                    height: 220px;
14912                }
14913            }
14914
14915            @media  screen and (max-width: 959px) {
14916                #rec620434000 .tn-elem[data-elem-id="1690239682409"] {
14917                    width: 560px;
14918                    height: 290px;
14919                }
14920            }
14921
14922            @media  screen and (max-width: 639px) {
14923                #rec620434000 .tn-elem[data-elem-id="1690239682409"] {
14924                    width: 240px;
14925                    height: 125px;
14926                }
14927            }
14928
14929            #rec620434000 .tn-elem[data-elem-id="1690238351796"] {
14930                z-index: 6;
14931                top: 1px;
14932                left: calc(50% - 600px + 40px);
14933                width: 540px;
14934                height: 280px;
14935            }
14936
14937            #rec620434000 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
14938                opacity: 0;
14939            }
14940
14941            #rec620434000 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
14942                border-radius: 13px;
14943                background-color: #1b1e20;
14944                background-position: center center;
14945                border-color: transparent;
14946                border-style: solid;
14947            }
14948
14949            @media  screen and (max-width: 1199px) {
14950                #rec620434000 .tn-elem[data-elem-id="1690238351796"] {
14951                    top: 0px;
14952                    width: 424px;
14953                    height: 220px;
14954                }
14955            }
14956
14957            @media  screen and (max-width: 959px) {
14958                #rec620434000 .tn-elem[data-elem-id="1690238351796"] {
14959                    width: 560px;
14960                    height: 290px;
14961                }
14962            }
14963
14964            @media  screen and (max-width: 639px) {
14965                #rec620434000 .tn-elem[data-elem-id="1690238351796"] {
14966                    width: 240px;
14967                    height: 125px;
14968                }
14969            }
14970
14971            #rec620434000 .tn-elem[data-elem-id="1690238538450"] {
14972                z-index: 7;
14973                top: 1px;
14974                left: calc(50% - 600px + 40px);
14975                width: 540px;
14976                height: 280px;
14977                pointer-events: none;
14978            }
14979
14980            #rec620434000 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
14981                opacity: 0;
14982            }
14983
14984            #rec620434000 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
14985                border-radius: 13px;
14986                background-position: center top;
14987                background-size: cover;
14988                background-repeat: no-repeat;
14989                border-color: transparent;
14990                border-style: solid;
14991            }
14992
14993            @media  screen and (max-width: 1199px) {
14994                #rec620434000 .tn-elem[data-elem-id="1690238538450"] {
14995                    top: 0px;
14996                    width: 424px;
14997                    height: 220px;
14998                }
14999            }
15000
15001            @media  screen and (max-width: 959px) {
15002                #rec620434000 .tn-elem[data-elem-id="1690238538450"] {
15003                    width: 560px;
15004                    height: 290px;
15005                }
15006            }
15007
15008            @media  screen and (max-width: 639px) {
15009                #rec620434000 .tn-elem[data-elem-id="1690238538450"] {
15010                    width: 240px;
15011                    height: 125px;
15012                }
15013            }
15014
15015            #rec620434000 .tn-elem[data-elem-id="1690238351801"] {
15016                color: #f4f4f4;
15017                text-align: LEFT;
15018                z-index: 8;
15019                top: 22px;
15020                left: calc(50% - 600px + 64px);
15021                width: 230px;
15022                pointer-events: none;
15023            }
15024
15025            #rec620434000 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
15026                color: #f4f4f4;
15027                font-size: 18px;
15028                font-family: 'Manrope', Arial, sans-serif;
15029                line-height: 1.00;
15030                font-weight: 500;
15031                background-position: center center;
15032                border-color: transparent;
15033                border-style: solid;
15034            }
15035
15036            @media  screen and (max-width: 1199px) {
15037                #rec620434000 .tn-elem[data-elem-id="1690238351801"] {
15038                    top: 20px;
15039                    left: calc(50% - 480px + 60px);
15040                }
15041            }
15042
15043            @media  screen and (max-width: 959px) {
15044                #rec620434000 .tn-elem[data-elem-id="1690238351801"] {
15045                    top: 40px;
15046                    left: calc(50% - 320px + 277px);
15047                    width: 10px;
15048                }
15049            }
15050
15051            @media  screen and (max-width: 639px) {
15052                #rec620434000 .tn-elem[data-elem-id="1690238351801"] {
15053                    top: 10px;
15054                    left: calc(50% - 160px + 132px);
15055                }
15056
15057                #rec620434000 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
15058                    font-size: 12px;
15059                }
15060            }
15061
15062            #rec620434000 .tn-elem[data-elem-id="1694167981321"] {
15063                z-index: 10;
15064                top: 1px;
15065                left: calc(50% - 600px + 620px);
15066                width: 540px;
15067                height: 280px;
15068            }
15069
15070            #rec620434000 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981321"] {
15071                opacity: 0;
15072            }
15073
15074            #rec620434000 .tn-elem[data-elem-id="1694167981321"] .tn-atom {
15075                border-width: 0px;
15076                border-radius: 14px;
15077                background-color: #23c255;
15078                background-position: center center;
15079                border-color: transparent;
15080                border-style: solid;
15081            }
15082
15083            @media  screen and (max-width: 1199px) {
15084                #rec620434000 .tn-elem[data-elem-id="1694167981321"] {
15085                    top: 0px;
15086                    left: calc(50% - 480px + 496px);
15087                    width: 424px;
15088                    height: 220px;
15089                }
15090            }
15091
15092            @media  screen and (max-width: 959px) {
15093                #rec620434000 .tn-elem[data-elem-id="1694167981321"] {
15094                    top: 320px;
15095                    left: calc(50% - 320px + 40px);
15096                    width: 560px;
15097                    height: 290px;
15098                }
15099            }
15100
15101            @media  screen and (max-width: 639px) {
15102                #rec620434000 .tn-elem[data-elem-id="1694167981321"] {
15103                    top: 0px;
15104                    left: calc(50% - 160px + 380px);
15105                    width: 240px;
15106                    height: 125px;
15107                }
15108            }
15109
15110            #rec620434000 .tn-elem[data-elem-id="1694167981326"] {
15111                z-index: 11;
15112                top: 1px;
15113                left: calc(50% - 600px + 620px);
15114                width: 540px;
15115                height: 280px;
15116                pointer-events: none;
15117            }
15118
15119            #rec620434000 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981326"] {
15120                opacity: 0;
15121            }
15122
15123            #rec620434000 .tn-elem[data-elem-id="1694167981326"] .tn-atom {
15124                border-radius: 13px;
15125                background-position: center top;
15126                background-size: cover;
15127                background-repeat: no-repeat;
15128                border-color: transparent;
15129                border-style: solid;
15130            }
15131
15132            @media  screen and (max-width: 1199px) {
15133                #rec620434000 .tn-elem[data-elem-id="1694167981326"] {
15134                    top: 0px;
15135                    left: calc(50% - 480px + 496px);
15136                    width: 424px;
15137                    height: 220px;
15138                }
15139            }
15140
15141            @media  screen and (max-width: 959px) {
15142                #rec620434000 .tn-elem[data-elem-id="1694167981326"] {
15143                    top: 320px;
15144                    left: calc(50% - 320px + 40px);
15145                    width: 560px;
15146                    height: 290px;
15147                }
15148            }
15149
15150            @media  screen and (max-width: 639px) {
15151                #rec620434000 .tn-elem[data-elem-id="1694167981326"] {
15152                    top: 0px;
15153                    left: calc(50% - 160px + 380px);
15154                    width: 240px;
15155                    height: 125px;
15156                }
15157            }
15158
15159            #rec620434000 .tn-elem[data-elem-id="1694167981330"] {
15160                z-index: 12;
15161                top: 1px;
15162                left: calc(50% - 600px + 620px);
15163                width: 540px;
15164                height: 280px;
15165                pointer-events: none;
15166            }
15167
15168            #rec620434000 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981330"] {
15169                opacity: 0;
15170            }
15171
15172            #rec620434000 .tn-elem[data-elem-id="1694167981330"] .tn-atom {
15173                border-radius: 13px;
15174                background-position: center top;
15175                background-size: cover;
15176                background-repeat: no-repeat;
15177                border-color: transparent;
15178                border-style: solid;
15179            }
15180
15181            @media  screen and (max-width: 1199px) {
15182                #rec620434000 .tn-elem[data-elem-id="1694167981330"] {
15183                    top: 0px;
15184                    left: calc(50% - 480px + 496px);
15185                    width: 424px;
15186                    height: 220px;
15187                }
15188            }
15189
15190            @media  screen and (max-width: 959px) {
15191                #rec620434000 .tn-elem[data-elem-id="1694167981330"] {
15192                    top: 320px;
15193                    left: calc(50% - 320px + 40px);
15194                    width: 560px;
15195                    height: 290px;
15196                }
15197            }
15198
15199            @media  screen and (max-width: 639px) {
15200                #rec620434000 .tn-elem[data-elem-id="1694167981330"] {
15201                    top: 0px;
15202                    left: calc(50% - 160px + 380px);
15203                    width: 240px;
15204                    height: 125px;
15205                }
15206            }
15207
15208            #rec620434000 .tn-elem[data-elem-id="1694167981333"] {
15209                z-index: 13;
15210                top: 1px;
15211                left: calc(50% - 600px + 620px);
15212                width: 540px;
15213                height: 280px;
15214                pointer-events: none;
15215            }
15216
15217            #rec620434000 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981333"] {
15218                opacity: 0;
15219            }
15220
15221            #rec620434000 .tn-elem[data-elem-id="1694167981333"] .tn-atom {
15222                border-radius: 13px;
15223                background-position: center top;
15224                background-size: cover;
15225                background-repeat: no-repeat;
15226                border-color: transparent;
15227                border-style: solid;
15228            }
15229
15230            @media  screen and (max-width: 1199px) {
15231                #rec620434000 .tn-elem[data-elem-id="1694167981333"] {
15232                    top: 0px;
15233                    left: calc(50% - 480px + 496px);
15234                    width: 424px;
15235                    height: 220px;
15236                }
15237            }
15238
15239            @media  screen and (max-width: 959px) {
15240                #rec620434000 .tn-elem[data-elem-id="1694167981333"] {
15241                    top: 320px;
15242                    left: calc(50% - 320px + 40px);
15243                    width: 560px;
15244                    height: 290px;
15245                }
15246            }
15247
15248            @media  screen and (max-width: 639px) {
15249                #rec620434000 .tn-elem[data-elem-id="1694167981333"] {
15250                    top: 0px;
15251                    left: calc(50% - 160px + 380px);
15252                    width: 240px;
15253                    height: 125px;
15254                }
15255            }
15256
15257            #rec620434000 .tn-elem[data-elem-id="1694167981337"] {
15258                z-index: 14;
15259                top: 1px;
15260                left: calc(50% - 600px + 620px);
15261                width: 540px;
15262                height: 280px;
15263            }
15264
15265            #rec620434000 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981337"] {
15266                opacity: 0;
15267            }
15268
15269            #rec620434000 .tn-elem[data-elem-id="1694167981337"] .tn-atom {
15270                border-radius: 13px;
15271                background-color: #1b1e20;
15272                background-position: center center;
15273                border-color: transparent;
15274                border-style: solid;
15275            }
15276
15277            @media  screen and (max-width: 1199px) {
15278                #rec620434000 .tn-elem[data-elem-id="1694167981337"] {
15279                    top: 0px;
15280                    left: calc(50% - 480px + 496px);
15281                    width: 424px;
15282                    height: 220px;
15283                }
15284            }
15285
15286            @media  screen and (max-width: 959px) {
15287                #rec620434000 .tn-elem[data-elem-id="1694167981337"] {
15288                    top: 320px;
15289                    left: calc(50% - 320px + 40px);
15290                    width: 560px;
15291                    height: 290px;
15292                }
15293            }
15294
15295            @media  screen and (max-width: 639px) {
15296                #rec620434000 .tn-elem[data-elem-id="1694167981337"] {
15297                    top: 0px;
15298                    left: calc(50% - 160px + 380px);
15299                    width: 240px;
15300                    height: 125px;
15301                }
15302            }
15303
15304            #rec620434000 .tn-elem[data-elem-id="1694167981341"] {
15305                z-index: 15;
15306                top: 1px;
15307                left: calc(50% - 600px + 620px);
15308                width: 540px;
15309                height: 280px;
15310                pointer-events: none;
15311            }
15312
15313            #rec620434000 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981341"] {
15314                opacity: 0;
15315            }
15316
15317            #rec620434000 .tn-elem[data-elem-id="1694167981341"] .tn-atom {
15318                border-radius: 13px;
15319                background-position: center top;
15320                background-size: cover;
15321                background-repeat: no-repeat;
15322                border-color: transparent;
15323                border-style: solid;
15324            }
15325
15326            @media  screen and (max-width: 1199px) {
15327                #rec620434000 .tn-elem[data-elem-id="1694167981341"] {
15328                    top: 0px;
15329                    left: calc(50% - 480px + 496px);
15330                    width: 424px;
15331                    height: 220px;
15332                }
15333            }
15334
15335            @media  screen and (max-width: 959px) {
15336                #rec620434000 .tn-elem[data-elem-id="1694167981341"] {
15337                    top: 320px;
15338                    left: calc(50% - 320px + 40px);
15339                    width: 560px;
15340                    height: 290px;
15341                }
15342            }
15343
15344            @media  screen and (max-width: 639px) {
15345                #rec620434000 .tn-elem[data-elem-id="1694167981341"] {
15346                    top: 0px;
15347                    left: calc(50% - 160px + 380px);
15348                    width: 240px;
15349                    height: 125px;
15350                }
15351            }
15352
15353            #rec620434000 .tn-elem[data-elem-id="1694167981345"] {
15354                color: #f4f4f4;
15355                text-align: LEFT;
15356                z-index: 16;
15357                top: 22px;
15358                left: calc(50% - 600px + 644px);
15359                width: 230px;
15360                pointer-events: none;
15361            }
15362
15363            #rec620434000 .tn-elem[data-elem-id="1694167981345"] .tn-atom {
15364                color: #f4f4f4;
15365                font-size: 18px;
15366                font-family: 'Manrope', Arial, sans-serif;
15367                line-height: 1.00;
15368                font-weight: 500;
15369                background-position: center center;
15370                border-color: transparent;
15371                border-style: solid;
15372            }
15373
15374            @media  screen and (max-width: 1199px) {
15375                #rec620434000 .tn-elem[data-elem-id="1694167981345"] {
15376                    top: 20px;
15377                    left: calc(50% - 480px + 515px);
15378                }
15379            }
15380
15381            @media  screen and (max-width: 959px) {
15382                #rec620434000 .tn-elem[data-elem-id="1694167981345"] {
15383                    top: 360px;
15384                    left: calc(50% - 320px + 284px);
15385                    width: 10px;
15386                }
15387            }
15388
15389            @media  screen and (max-width: 639px) {
15390                #rec620434000 .tn-elem[data-elem-id="1694167981345"] {
15391                    top: 10px;
15392                    left: calc(50% - 160px + 476px);
15393                }
15394
15395                #rec620434000 .tn-elem[data-elem-id="1694167981345"] .tn-atom {
15396                    font-size: 12px;
15397                }
15398            }</style>
15399        <div class='t396'>
15400            <div class="t396__artboard" data-artboard-recid="620434000" data-artboard-screens="320,640,960,1200"
15401                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
15402                 data-artboard-height-res-320="125" data-artboard-height-res-640="610"
15403                 data-artboard-height-res-960="220"
15404            >
15405                <div class="t396__carrier" data-artboard-recid="620434000"></div>
15406                <div class="t396__filter" data-artboard-recid="620434000"></div>
15407                <div class='t396__elem tn-elem hover_1_1 tn-elem__6204340001690241109137 ' data-elem-id='1690241109137'
15408                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
15409                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
15410                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
15411                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
15412                     data-animate-mobile="y" data-animate-sbs-event="hover"
15413                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
15414                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
15415                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
15416                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
15417                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
15418                >
15419                    <div class='tn-atom'></div>
15420                </div>
15421                <div class='t396__elem tn-elem show_1_1 tn-elem__6204340001690239578729 ' data-elem-id='1690239578729'
15422                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
15423                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
15424                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
15425                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
15426                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
15427                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
15428                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
15429                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
15430                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
15431                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
15432                     data-field-width-res-960-value="424"
15433                >
15434                    <div class='tn-atom t-bgimg'
15435                         data-original="/images/v2/tild3762-6536-4233-a563-626563346536__case_3_3_a1.svg"
15436                         style="background-image:url('/images/v2/tild3762-6536-4233-a563-626563346536__case_3_3_a1.svg');"
15437                    ></div>
15438                </div>
15439                <div class='t396__elem tn-elem show_1_1 tn-elem__6204340001690239670103 t396__elem--anim-hidden'
15440                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="1"
15441                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
15442                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
15443                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
15444                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
15445                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
15446                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
15447                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
15448                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
15449                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
15450                     data-field-width-res-960-value="424"
15451                >
15452                    <div class='tn-atom t-bgimg'
15453                         data-original="/images/v2/tild6133-6237-4633-a131-626136656235__case_3_3_a2.svg"
15454                         style="background-image:url('/images/v2/tild6133-6237-4633-a131-626136656235__case_3_3_a2.svg');"
15455                    ></div>
15456                </div>
15457                <div class='t396__elem tn-elem show_1_1 tn-elem__6204340001690239682409 t396__elem--anim-hidden'
15458                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="1"
15459                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
15460                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
15461                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
15462                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
15463                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
15464                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
15465                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
15466                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
15467                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
15468                     data-field-width-res-960-value="424"
15469                >
15470                    <div class='tn-atom t-bgimg'
15471                         data-original="/images/v2/tild3436-6565-4134-b634-353334303433__case_3_3_a3.svg"
15472                         style="background-image:url('/images/v2/tild3436-6565-4134-b634-353334303433__case_3_3_a3.svg');"
15473                    ></div>
15474                </div>
15475                <div class='t396__elem tn-elem hover_1_1 tn-elem__6204340001690238351796 ' data-elem-id='1690238351796'
15476                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
15477                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
15478                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
15479                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
15480                     data-animate-mobile="y" data-animate-sbs-event="hover"
15481                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
15482                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
15483                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
15484                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
15485                     data-field-width-res-960-value="424"
15486                >
15487                    <div class='tn-atom'></div>
15488                </div>
15489                <div class='t396__elem tn-elem tn-elem__6204340001690238538450 ' data-elem-id='1690238538450'
15490                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
15491                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
15492                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
15493                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
15494                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
15495                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
15496                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
15497                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
15498                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
15499                     data-field-width-res-960-value="424"
15500                >
15501                    <div class='tn-atom t-bgimg'
15502                         data-original="/images/v2/tild3136-3134-4132-b134-616134393832__case_3_3.png"
15503                         style="background-image:url('/images/v2/tild3136-3134-4132-b134-616134393832__case_3_3.png');"
15504                    ></div>
15505                </div>
15506                <div class='t396__elem tn-elem tn-elem__6204340001690238351801 t-animate' data-elem-id='1690238351801'
15507                     data-elem-type='text' data-field-top-value="22" data-field-left-value="64"
15508                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
15509                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
15510                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
15511                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
15512                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="132"
15513                     data-field-top-res-640-value="40" data-field-left-res-640-value="277"
15514                     data-field-width-res-640-value="10" data-field-top-res-960-value="20"
15515                     data-field-left-res-960-value="60"
15516                >
15517                    <div class='tn-atom' field='tn_text_1690238351801'>Мелоквиз</div>
15518                </div>
15519                <div class='t396__elem tn-elem hover_1_1 tn-elem__6204340001694167981321 ' data-elem-id='1694167981321'
15520                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="620"
15521                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
15522                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
15523                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
15524                     data-animate-mobile="y" data-animate-sbs-event="hover"
15525                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
15526                     data-field-top-res-320-value="0" data-field-left-res-320-value="380"
15527                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
15528                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
15529                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
15530                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
15531                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
15532                >
15533                    <div class='tn-atom'></div>
15534                </div>
15535                <div class='t396__elem tn-elem show_1_1 tn-elem__6204340001694167981326 ' data-elem-id='1694167981326'
15536                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="620"
15537                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
15538                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
15539                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
15540                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
15541                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
15542                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
15543                     data-field-top-res-320-value="0" data-field-left-res-320-value="380"
15544                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
15545                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
15546                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
15547                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
15548                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
15549                >
15550                    <div class='tn-atom t-bgimg'
15551                         data-original="/images/v2/tild3732-3639-4531-b631-373538653662__case_3_1_a1.svg"
15552                         style="background-image:url('/images/v2/tild3732-3639-4531-b631-373538653662__case_3_1_a1.svg');"
15553                    ></div>
15554                </div>
15555                <div class='t396__elem tn-elem show_1_1 tn-elem__6204340001694167981330 t396__elem--anim-hidden'
15556                     data-elem-id='1694167981330' data-elem-type='shape' data-field-top-value="1"
15557                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
15558                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
15559                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
15560                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
15561                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
15562                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
15563                     data-field-top-res-320-value="0" data-field-left-res-320-value="380"
15564                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
15565                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
15566                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
15567                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
15568                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
15569                >
15570                    <div class='tn-atom t-bgimg'
15571                         data-original="/images/v2/tild3933-6332-4238-b237-343531336261__case_3_1_a2.svg"
15572                         style="background-image:url('/images/v2/tild3933-6332-4238-b237-343531336261__case_3_1_a2.svg');"
15573                    ></div>
15574                </div>
15575                <div class='t396__elem tn-elem show_1_1 tn-elem__6204340001694167981333 t396__elem--anim-hidden'
15576                     data-elem-id='1694167981333' data-elem-type='shape' data-field-top-value="1"
15577                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
15578                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
15579                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
15580                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
15581                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
15582                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
15583                     data-field-top-res-320-value="0" data-field-left-res-320-value="380"
15584                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
15585                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
15586                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
15587                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
15588                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
15589                >
15590                    <div class='tn-atom t-bgimg'
15591                         data-original="/images/v2/tild3830-3363-4134-a462-326534653338__case_3_1_a3.svg"
15592                         style="background-image:url('/images/v2/tild3830-3363-4134-a462-326534653338__case_3_1_a3.svg');"
15593                    ></div>
15594                </div>
15595                <div class='t396__elem tn-elem hover_1_1 tn-elem__6204340001694167981337 ' data-elem-id='1694167981337'
15596                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="620"
15597                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
15598                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
15599                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
15600                     data-animate-mobile="y" data-animate-sbs-event="hover"
15601                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
15602                     data-field-top-res-320-value="0" data-field-left-res-320-value="380"
15603                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
15604                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
15605                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
15606                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
15607                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
15608                >
15609                    <div class='tn-atom'></div>
15610                </div>
15611                <div class='t396__elem tn-elem tn-elem__6204340001694167981341 ' data-elem-id='1694167981341'
15612                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="620"
15613                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
15614                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
15615                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
15616                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1694167981337"
15617                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
15618                     data-field-top-res-320-value="0" data-field-left-res-320-value="380"
15619                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
15620                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
15621                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
15622                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
15623                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
15624                >
15625                    <div class='tn-atom t-bgimg'
15626                         data-original="/images/v2/tild3534-6666-4234-a264-623462306338__case_3_1.png"
15627                         style="background-image:url('/images/v2/tild3534-6666-4234-a264-623462306338__case_3_1.png');"
15628                    ></div>
15629                </div>
15630                <div class='t396__elem tn-elem tn-elem__6204340001694167981345 t-animate' data-elem-id='1694167981345'
15631                     data-elem-type='text' data-field-top-value="22" data-field-left-value="644"
15632                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
15633                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
15634                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
15635                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
15636                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="476"
15637                     data-field-top-res-640-value="360" data-field-left-res-640-value="284"
15638                     data-field-width-res-640-value="10" data-field-top-res-960-value="20"
15639                     data-field-left-res-960-value="515"
15640                >
15641                    <div class='tn-atom' field='tn_text_1694167981345'>Караоке</div>
15642                </div>
15643            </div>
15644        </div>
15645        
15645<script>t_onFuncLoad('t396_initialScale', function () {
15646                t396_initialScale('620434000');
15647            });
15648            t_onReady(function () {
15649                t_onFuncLoad('t396_init', function () {
15650                    t396_init('620434000');
15651                });
15652            });</script>
15652<!-- /T396 --></div>
15653    <div id="rec641477938" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
15654        <style>#rec641477938 .t396__artboard {
15655                height: 280px;
15656                background-color: #121313;
15657                overflow-x: hidden;
15658                overflow-y: hidden;
15659            }
15660
15661            #rec641477938 .t396__filter {
15662                height: 280px;
15663            }
15664
15665            #rec641477938 .t396__carrier {
15666                height: 280px;
15667                background-position: center center;
15668                background-attachment: scroll;
15669                background-size: cover;
15670                background-repeat: no-repeat;
15671            }
15672
15673            @media  screen and (max-width: 1199px) {
15674                #rec641477938 .t396__artboard {
15675                    height: 220px;
15676                }
15677
15678                #rec641477938 .t396__filter {
15679                    height: 220px;
15680                }
15681
15682                #rec641477938 .t396__carrier {
15683                    height: 220px;
15684                    background-attachment: scroll;
15685                }
15686            }
15687
15688            @media  screen and (max-width: 959px) {
15689                #rec641477938 .t396__artboard {
15690                    height: 290px;
15691                }
15692
15693                #rec641477938 .t396__filter {
15694                    height: 290px;
15695                }
15696
15697                #rec641477938 .t396__carrier {
15698                    height: 290px;
15699                    background-attachment: scroll;
15700                }
15701            }
15702
15703            @media  screen and (max-width: 639px) {
15704                #rec641477938 .t396__artboard {
15705                    height: 125px;
15706                }
15707
15708                #rec641477938 .t396__filter {
15709                    height: 125px;
15710                }
15711
15712                #rec641477938 .t396__carrier {
15713                    height: 125px;
15714                    background-attachment: scroll;
15715                }
15716            }
15717
15718            #rec641477938 .tn-elem[data-elem-id="1690241327213"] {
15719                z-index: 3;
15720                top: 0px;
15721                left: calc(50% - 600px + 40px);
15722                width: 540px;
15723                height: 280px;
15724            }
15725
15726            #rec641477938 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327213"] {
15727                opacity: 0;
15728            }
15729
15730            #rec641477938 .tn-elem[data-elem-id="1690241327213"] .tn-atom {
15731                border-width: 0px;
15732                border-radius: 14px;
15733                background-color: #39bfd1;
15734                background-position: center center;
15735                border-color: transparent;
15736                border-style: solid;
15737            }
15738
15739            @media  screen and (max-width: 1199px) {
15740                #rec641477938 .tn-elem[data-elem-id="1690241327213"] {
15741                    left: calc(50% - 480px + 39px);
15742                    width: 424px;
15743                    height: 220px;
15744                }
15745            }
15746
15747            @media  screen and (max-width: 959px) {
15748                #rec641477938 .tn-elem[data-elem-id="1690241327213"] {
15749                    left: calc(50% - 320px + 40px);
15750                    width: 560px;
15751                    height: 290px;
15752                }
15753            }
15754
15755            @media  screen and (max-width: 639px) {
15756                #rec641477938 .tn-elem[data-elem-id="1690241327213"] {
15757                    width: 240px;
15758                    height: 125px;
15759                }
15760            }
15761
15762            #rec641477938 .tn-elem[data-elem-id="1690241327221"] {
15763                z-index: 4;
15764                top: 0px;
15765                left: calc(50% - 600px + 40px);
15766                width: 540px;
15767                height: 280px;
15768                pointer-events: none;
15769            }
15770
15771            #rec641477938 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327221"] {
15772                opacity: 0;
15773            }
15774
15775            #rec641477938 .tn-elem[data-elem-id="1690241327221"] .tn-atom {
15776                border-radius: 13px;
15777                background-position: center top;
15778                background-size: cover;
15779                background-repeat: no-repeat;
15780                border-color: transparent;
15781                border-style: solid;
15782            }
15783
15784            @media  screen and (max-width: 1199px) {
15785                #rec641477938 .tn-elem[data-elem-id="1690241327221"] {
15786                    left: calc(50% - 480px + 39px);
15787                    width: 424px;
15788                    height: 220px;
15789                }
15790            }
15791
15792            @media  screen and (max-width: 959px) {
15793                #rec641477938 .tn-elem[data-elem-id="1690241327221"] {
15794                    left: calc(50% - 320px + 40px);
15795                    width: 560px;
15796                    height: 290px;
15797                }
15798            }
15799
15800            @media  screen and (max-width: 639px) {
15801                #rec641477938 .tn-elem[data-elem-id="1690241327221"] {
15802                    width: 240px;
15803                    height: 125px;
15804                }
15805            }
15806
15807            #rec641477938 .tn-elem[data-elem-id="1690241327227"] {
15808                z-index: 5;
15809                top: 0px;
15810                left: calc(50% - 600px + 40px);
15811                width: 540px;
15812                height: 280px;
15813                pointer-events: none;
15814            }
15815
15816            #rec641477938 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327227"] {
15817                opacity: 0;
15818            }
15819
15820            #rec641477938 .tn-elem[data-elem-id="1690241327227"] .tn-atom {
15821                border-radius: 13px;
15822                background-position: center top;
15823                background-size: cover;
15824                background-repeat: no-repeat;
15825                border-color: transparent;
15826                border-style: solid;
15827            }
15828
15829            @media  screen and (max-width: 1199px) {
15830                #rec641477938 .tn-elem[data-elem-id="1690241327227"] {
15831                    left: calc(50% - 480px + 39px);
15832                    width: 424px;
15833                    height: 220px;
15834                }
15835            }
15836
15837            @media  screen and (max-width: 959px) {
15838                #rec641477938 .tn-elem[data-elem-id="1690241327227"] {
15839                    left: calc(50% - 320px + 40px);
15840                    width: 560px;
15841                    height: 290px;
15842                }
15843            }
15844
15845            @media  screen and (max-width: 639px) {
15846                #rec641477938 .tn-elem[data-elem-id="1690241327227"] {
15847                    width: 240px;
15848                    height: 125px;
15849                }
15850            }
15851
15852            #rec641477938 .tn-elem[data-elem-id="1690241327233"] {
15853                z-index: 6;
15854                top: 0px;
15855                left: calc(50% - 600px + 40px);
15856                width: 540px;
15857                height: 280px;
15858                pointer-events: none;
15859            }
15860
15861            #rec641477938 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327233"] {
15862                opacity: 0;
15863            }
15864
15865            #rec641477938 .tn-elem[data-elem-id="1690241327233"] .tn-atom {
15866                border-radius: 13px;
15867                background-position: center top;
15868                background-size: cover;
15869                background-repeat: no-repeat;
15870                border-color: transparent;
15871                border-style: solid;
15872            }
15873
15874            @media  screen and (max-width: 1199px) {
15875                #rec641477938 .tn-elem[data-elem-id="1690241327233"] {
15876                    left: calc(50% - 480px + 39px);
15877                    width: 424px;
15878                    height: 220px;
15879                }
15880            }
15881
15882            @media  screen and (max-width: 959px) {
15883                #rec641477938 .tn-elem[data-elem-id="1690241327233"] {
15884                    left: calc(50% - 320px + 40px);
15885                    width: 560px;
15886                    height: 290px;
15887                }
15888            }
15889
15890            @media  screen and (max-width: 639px) {
15891                #rec641477938 .tn-elem[data-elem-id="1690241327233"] {
15892                    width: 240px;
15893                    height: 125px;
15894                }
15895            }
15896
15897            #rec641477938 .tn-elem[data-elem-id="1690241327217"] {
15898                z-index: 7;
15899                top: 0px;
15900                left: calc(50% - 600px + 40px);
15901                width: 540px;
15902                height: 280px;
15903            }
15904
15905            #rec641477938 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327217"] {
15906                opacity: 0;
15907            }
15908
15909            #rec641477938 .tn-elem[data-elem-id="1690241327217"] .tn-atom {
15910                border-radius: 13px;
15911                background-color: #1b1e20;
15912                background-position: center center;
15913                border-color: transparent;
15914                border-style: solid;
15915            }
15916
15917            @media  screen and (max-width: 1199px) {
15918                #rec641477938 .tn-elem[data-elem-id="1690241327217"] {
15919                    left: calc(50% - 480px + 39px);
15920                    width: 424px;
15921                    height: 220px;
15922                }
15923            }
15924
15925            @media  screen and (max-width: 959px) {
15926                #rec641477938 .tn-elem[data-elem-id="1690241327217"] {
15927                    left: calc(50% - 320px + 40px);
15928                    width: 560px;
15929                    height: 290px;
15930                }
15931            }
15932
15933            @media  screen and (max-width: 639px) {
15934                #rec641477938 .tn-elem[data-elem-id="1690241327217"] {
15935                    width: 240px;
15936                    height: 125px;
15937                }
15938            }
15939
15940            #rec641477938 .tn-elem[data-elem-id="1690241327237"] {
15941                z-index: 8;
15942                top: 0px;
15943                left: calc(50% - 600px + 40px);
15944                width: 540px;
15945                height: 280px;
15946                pointer-events: none;
15947            }
15948
15949            #rec641477938 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327237"] {
15950                opacity: 0;
15951            }
15952
15953            #rec641477938 .tn-elem[data-elem-id="1690241327237"] .tn-atom {
15954                border-radius: 13px;
15955                background-position: center top;
15956                background-size: cover;
15957                background-repeat: no-repeat;
15958                border-color: transparent;
15959                border-style: solid;
15960            }
15961
15962            @media  screen and (max-width: 1199px) {
15963                #rec641477938 .tn-elem[data-elem-id="1690241327237"] {
15964                    left: calc(50% - 480px + 39px);
15965                    width: 424px;
15966                    height: 220px;
15967                }
15968            }
15969
15970            @media  screen and (max-width: 959px) {
15971                #rec641477938 .tn-elem[data-elem-id="1690241327237"] {
15972                    left: calc(50% - 320px + 40px);
15973                    width: 560px;
15974                    height: 290px;
15975                }
15976            }
15977
15978            @media  screen and (max-width: 639px) {
15979                #rec641477938 .tn-elem[data-elem-id="1690241327237"] {
15980                    width: 240px;
15981                    height: 125px;
15982                }
15983            }
15984
15985            #rec641477938 .tn-elem[data-elem-id="1690238351818"] {
15986                color: #f4f4f4;
15987                text-align: LEFT;
15988                z-index: 9;
15989                top: 22px;
15990                left: calc(50% - 600px + 64px);
15991                width: 199px;
15992                pointer-events: none;
15993            }
15994
15995            #rec641477938 .tn-elem[data-elem-id="1690238351818"] .tn-atom {
15996                color: #f4f4f4;
15997                font-size: 18px;
15998                font-family: 'Manrope', Arial, sans-serif;
15999                line-height: 1.00;
16000                font-weight: 500;
16001                background-position: center center;
16002                border-color: transparent;
16003                border-style: solid;
16004            }
16005
16006            @media  screen and (max-width: 1199px) {
16007                #rec641477938 .tn-elem[data-elem-id="1690238351818"] {
16008                    left: calc(50% - 480px + 58px);
16009                }
16010            }
16011
16012            @media  screen and (max-width: 959px) {
16013                #rec641477938 .tn-elem[data-elem-id="1690238351818"] {
16014                    top: 40px;
16015                    left: calc(50% - 320px + 233px);
16016                    width: 204px;
16017                }
16018            }
16019
16020            @media  screen and (max-width: 639px) {
16021                #rec641477938 .tn-elem[data-elem-id="1690238351818"] {
16022                    top: 10px;
16023                    left: calc(50% - 160px + 102px);
16024                    width: 141px;
16025                }
16026
16027                #rec641477938 .tn-elem[data-elem-id="1690238351818"] .tn-atom {
16028                    font-size: 12px;
16029                }
16030            }</style>
16031        <div class='t396'>
16032            <div class="t396__artboard" data-artboard-recid="641477938" data-artboard-screens="320,640,960,1200"
16033                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
16034                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
16035                 data-artboard-height-res-960="220"
16036            >
16037                <div class="t396__carrier" data-artboard-recid="641477938"></div>
16038                <div class="t396__filter" data-artboard-recid="641477938"></div>
16039                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414779381690241327213 ' data-elem-id='1690241327213'
16040                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
16041                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
16042                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
16043                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
16044                     data-animate-mobile="y" data-animate-sbs-event="hover"
16045                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
16046                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
16047                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
16048                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
16049                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
16050                >
16051                    <div class='tn-atom'></div>
16052                </div>
16053                <div class='t396__elem tn-elem show_1_1 tn-elem__6414779381690241327221 ' data-elem-id='1690241327221'
16054                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
16055                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
16056                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
16057                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
16058                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
16059                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
16060                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
16061                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
16062                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
16063                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
16064                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
16065                >
16066                    <div class='tn-atom t-bgimg'
16067                         data-original="/images/v2/tild6432-3038-4539-b663-653064386439__case_3_2_a1.svg"
16068                         style="background-image:url('/images/v2/tild6432-3038-4539-b663-653064386439__case_3_2_a1.svg');"
16069                    ></div>
16070                </div>
16071                <div class='t396__elem tn-elem show_1_1 tn-elem__6414779381690241327227 t396__elem--anim-hidden'
16072                     data-elem-id='1690241327227' data-elem-type='shape' data-field-top-value="0"
16073                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
16074                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
16075                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
16076                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
16077                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
16078                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
16079                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
16080                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
16081                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
16082                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
16083                >
16084                    <div class='tn-atom t-bgimg'
16085                         data-original="/images/v2/tild6366-6334-4837-b463-643831633163__case_3_2_a2.svg"
16086                         style="background-image:url('/images/v2/tild6366-6334-4837-b463-643831633163__case_3_2_a2.svg');"
16087                    ></div>
16088                </div>
16089                <div class='t396__elem tn-elem show_1_1 tn-elem__6414779381690241327233 t396__elem--anim-hidden'
16090                     data-elem-id='1690241327233' data-elem-type='shape' data-field-top-value="0"
16091                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
16092                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
16093                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
16094                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
16095                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
16096                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
16097                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
16098                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
16099                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
16100                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
16101                >
16102                    <div class='tn-atom t-bgimg'
16103                         data-original="/images/v2/tild3461-3438-4830-b330-316633333165__case_3_2_a3.svg"
16104                         style="background-image:url('/images/v2/tild3461-3438-4830-b330-316633333165__case_3_2_a3.svg');"
16105                    ></div>
16106                </div>
16107                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414779381690241327217 ' data-elem-id='1690241327217'
16108                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
16109                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
16110                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
16111                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
16112                     data-animate-mobile="y" data-animate-sbs-event="hover"
16113                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
16114                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
16115                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
16116                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
16117                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
16118                >
16119                    <div class='tn-atom'></div>
16120                </div>
16121                <div class='t396__elem tn-elem tn-elem__6414779381690241327237 ' data-elem-id='1690241327237'
16122                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
16123                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
16124                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
16125                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
16126                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690241327217"
16127                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
16128                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
16129                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
16130                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
16131                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
16132                >
16133                    <div class='tn-atom t-bgimg'
16134                         data-original="/images/v2/tild6231-3963
16134-4334-a464-396631613535__case_3_2.png"
16135                         style="background-image:url('/images/v2/tild6231-3963-4334-a464-396631613535__case_3_2.png');"
16136                    ></div>
16137                </div>
16138                <div class='t396__elem tn-elem tn-elem__6414779381690238351818 t-animate' data-elem-id='1690238351818'
16139                     data-elem-type='text' data-field-top-value="22" data-field-left-value="64"
16140                     data-field-width-value="199" data-field-axisy-value="top" data-field-axisx-value="left"
16141                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
16142                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
16143                     data-animate-duration="0.8" data-animate-delay="0.4" data-animate-distance="15"
16144                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="102"
16145                     data-field-width-res-320-value="141" data-field-top-res-640-value="40"
16146                     data-field-left-res-640-value="233" data-field-width-res-640-value="204"
16147                     data-field-left-res-960-value="58"
16148                >
16149                    <div class='tn-atom' field='tn_text_1690238351818'>Музыкальная волна</div>
16150                </div>
16151            </div>
16152        </div>
16153        
16153<script>t_onFuncLoad('t396_initialScale', function () {
16154                t396_initialScale('641477938');
16155            });
16156            t_onReady(function () {
16157                t_onFuncLoad('t396_init', function () {
16158                    t396_init('641477938');
16159                });
16160            });</script>
16160<!-- /T396 --></div>
16161    <div id="rec641478668" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
16162        <style>#rec641478668 .t396__artboard {
16163                height: 280px;
16164                background-color: #121313;
16165            }
16166
16167            #rec641478668 .t396__filter {
16168                height: 280px;
16169            }
16170
16171            #rec641478668 .t396__carrier {
16172                height: 280px;
16173                background-position: center center;
16174                background-attachment: scroll;
16175                background-size: cover;
16176                background-repeat: no-repeat;
16177            }
16178
16179            @media  screen and (max-width: 1199px) {
16180                #rec641478668 .t396__artboard {
16181                    height: 220px;
16182                }
16183
16184                #rec641478668 .t396__filter {
16185                    height: 220px;
16186                }
16187
16188                #rec641478668 .t396__carrier {
16189                    height: 220px;
16190                    background-attachment: scroll;
16191                }
16192            }
16193
16194            @media  screen and (max-width: 959px) {
16195                #rec641478668 .t396__artboard {
16196                    height: 610px;
16197                }
16198
16199                #rec641478668 .t396__filter {
16200                    height: 610px;
16201                }
16202
16203                #rec641478668 .t396__carrier {
16204                    height: 610px;
16205                    background-attachment: scroll;
16206                }
16207            }
16208
16209            @media  screen and (max-width: 639px) {
16210                #rec641478668 .t396__artboard {
16211                    height: 125px;
16212                }
16213
16214                #rec641478668 .t396__filter {
16215                    height: 125px;
16216                }
16217
16218                #rec641478668 .t396__carrier {
16219                    height: 125px;
16220                    background-attachment: scroll;
16221                }
16222            }
16223
16224            #rec641478668 .tn-elem[data-elem-id="1690241109137"] {
16225                z-index: 2;
16226                top: 1px;
16227                left: calc(50% - 600px + 40px);
16228                width: 540px;
16229                height: 280px;
16230            }
16231
16232            #rec641478668 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
16233                opacity: 0;
16234            }
16235
16236            #rec641478668 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
16237                border-width: 0px;
16238                border-radius: 14px;
16239                background-color: #f04392;
16240                background-position: center center;
16241                border-color: transparent;
16242                border-style: solid;
16243            }
16244
16245            @media  screen and (max-width: 1199px) {
16246                #rec641478668 .tn-elem[data-elem-id="1690241109137"] {
16247                    top: 0px;
16248                    left: calc(50% - 480px + 40px);
16249                    width: 424px;
16250                    height: 220px;
16251                }
16252            }
16253
16254            @media  screen and (max-width: 959px) {
16255                #rec641478668 .tn-elem[data-elem-id="1690241109137"] {
16256                    width: 560px;
16257                    height: 290px;
16258                }
16259            }
16260
16261            @media  screen and (max-width: 639px) {
16262                #rec641478668 .tn-elem[data-elem-id="1690241109137"] {
16263                    width: 240px;
16264                    height: 125px;
16265                }
16266            }
16267
16268            #rec641478668 .tn-elem[data-elem-id="1690239578729"] {
16269                z-index: 3;
16270                top: 1px;
16271                left: calc(50% - 600px + 40px);
16272                width: 540px;
16273                height: 280px;
16274                pointer-events: none;
16275            }
16276
16277            #rec641478668 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
16278                opacity: 0;
16279            }
16280
16281            #rec641478668 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
16282                border-radius: 13px;
16283                background-position: center top;
16284                background-size: cover;
16285                background-repeat: no-repeat;
16286                border-color: transparent;
16287                border-style: solid;
16288            }
16289
16290            @media  screen and (max-width: 1199px) {
16291                #rec641478668 .tn-elem[data-elem-id="1690239578729"] {
16292                    top: 0px;
16293                    width: 424px;
16294                    height: 220px;
16295                }
16296            }
16297
16298            @media  screen and (max-width: 959px) {
16299                #rec641478668 .tn-elem[data-elem-id="1690239578729"] {
16300                    width: 560px;
16301                    height: 290px;
16302                }
16303            }
16304
16305            @media  screen and (max-width: 639px) {
16306                #rec641478668 .tn-elem[data-elem-id="1690239578729"] {
16307                    width: 240px;
16308                    height: 125px;
16309                }
16310            }
16311
16312            #rec641478668 .tn-elem[data-elem-id="1690239670103"] {
16313                z-index: 4;
16314                top: 1px;
16315                left: calc(50% - 600px + 40px);
16316                width: 540px;
16317                height: 280px;
16318                pointer-events: none;
16319            }
16320
16321            #rec641478668 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
16322                opacity: 0;
16323            }
16324
16325            #rec641478668 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
16326                border-radius: 13px;
16327                background-position: center top;
16328                background-size: cover;
16329                background-repeat: no-repeat;
16330                border-color: transparent;
16331                border-style: solid;
16332            }
16333
16334            @media  screen and (max-width: 1199px) {
16335                #rec641478668 .tn-elem[data-elem-id="1690239670103"] {
16336                    top: 0px;
16337                    width: 424px;
16338                    height: 220px;
16339                }
16340            }
16341
16342            @media  screen and (max-width: 959px) {
16343                #rec641478668 .tn-elem[data-elem-id="1690239670103"] {
16344                    width: 560px;
16345                    height: 290px;
16346                }
16347            }
16348
16349            @media  screen and (max-width: 639px) {
16350                #rec641478668 .tn-elem[data-elem-id="1690239670103"] {
16351                    width: 240px;
16352                    height: 125px;
16353                }
16354            }
16355
16356            #rec641478668 .tn-elem[data-elem-id="1690239682409"] {
16357                z-index: 5;
16358                top: 1px;
16359                left: calc(50% - 600px + 40px);
16360                width: 540px;
16361                height: 280px;
16362                pointer-events: none;
16363            }
16364
16365            #rec641478668 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
16366                opacity: 0;
16367            }
16368
16369            #rec641478668 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
16370                border-radius: 13px;
16371                background-position: center top;
16372                background-size: cover;
16373                background-repeat: no-repeat;
16374                border-color: transparent;
16375                border-style: solid;
16376            }
16377
16378            @media  screen and (max-width: 1199px) {
16379                #rec641478668 .tn-elem[data-elem-id="1690239682409"] {
16380                    top: 0px;
16381                    width: 424px;
16382                    height: 220px;
16383                }
16384            }
16385
16386            @media  screen and (max-width: 959px) {
16387                #rec641478668 .tn-elem[data-elem-id="1690239682409"] {
16388                    width: 560px;
16389                    height: 290px;
16390                }
16391            }
16392
16393            @media  screen and (max-width: 639px) {
16394                #rec641478668 .tn-elem[data-elem-id="1690239682409"] {
16395                    width: 240px;
16396                    height: 125px;
16397                }
16398            }
16399
16400            #rec641478668 .tn-elem[data-elem-id="1690238351796"] {
16401                z-index: 6;
16402                top: 1px;
16403                left: calc(50% - 600px + 40px);
16404                width: 540px;
16405                height: 280px;
16406            }
16407
16408            #rec641478668 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
16409                opacity: 0;
16410            }
16411
16412            #rec641478668 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
16413                border-radius: 13px;
16414                background-color: #1b1e20;
16415                background-position: center center;
16416                border-color: transparent;
16417                border-style: solid;
16418            }
16419
16420            @media  screen and (max-width: 1199px) {
16421                #rec641478668 .tn-elem[data-elem-id="1690238351796"] {
16422                    top: 0px;
16423                    width: 424px;
16424                    height: 220px;
16425                }
16426            }
16427
16428            @media  screen and (max-width: 959px) {
16429                #rec641478668 .tn-elem[data-elem-id="1690238351796"] {
16430                    width: 560px;
16431                    height: 290px;
16432                }
16433            }
16434
16435            @media  screen and (max-width: 639px) {
16436                #rec641478668 .tn-elem[data-elem-id="1690238351796"] {
16437                    width: 240px;
16438                    height: 125px;
16439                }
16440            }
16441
16442            #rec641478668 .tn-elem[data-elem-id="1690238538450"] {
16443                z-index: 7;
16444                top: 1px;
16445                left: calc(50% - 600px + 40px);
16446                width: 540px;
16447                height: 280px;
16448                pointer-events: none;
16449            }
16450
16451            #rec641478668 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
16452                opacity: 0;
16453            }
16454
16455            #rec641478668 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
16456                border-radius: 13px;
16457                background-position: center top;
16458                background-size: cover;
16459                background-repeat: no-repeat;
16460                border-color: transparent;
16461                border-style: solid;
16462            }
16463
16464            @media  screen and (max-width: 1199px) {
16465                #rec641478668 .tn-elem[data-elem-id="1690238538450"] {
16466                    top: 0px;
16467                    width: 424px;
16468                    height: 220px;
16469                }
16470            }
16471
16472            @media  screen and (max-width: 959px) {
16473                #rec641478668 .tn-elem[data-elem-id="1690238538450"] {
16474                    width: 560px;
16475                    height: 290px;
16476                }
16477            }
16478
16479            @media  screen and (max-width: 639px) {
16480                #rec641478668 .tn-elem[data-elem-id="1690238538450"] {
16481                    width: 240px;
16482                    height: 125px;
16483                }
16484            }
16485
16486            #rec641478668 .tn-elem[data-elem-id="1690238351801"] {
16487                color: #f4f4f4;
16488                text-align: LEFT;
16489                z-index: 8;
16490                top: 22px;
16491                left: calc(50% - 600px + 64px);
16492                width: 230px;
16493                pointer-events: none;
16494            }
16495
16496            #rec641478668 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
16497                color: #f4f4f4;
16498                font-size: 18px;
16499                font-family: 'Manrope', Arial, sans-serif;
16500                line-height: 1.00;
16501                font-weight: 500;
16502                background-position: center center;
16503                border-color: transparent;
16504                border-style: solid;
16505            }
16506
16507            @media  screen and (max-width: 1199px) {
16508                #rec641478668 .tn-elem[data-elem-id="1690238351801"] {
16509                    top: 20px;
16510                    left: calc(50% - 480px + 60px);
16511                }
16512            }
16513
16514            @media  screen and (max-width: 959px) {
16515                #rec641478668 .tn-elem[data-elem-id="1690238351801"] {
16516                    top: 40px;
16517                    left: calc(50% - 320px + 277px);
16518                    width: 10px;
16519                }
16520            }
16521
16522            @media  screen and (max-width: 639px) {
16523                #rec641478668 .tn-elem[data-elem-id="1690238351801"] {
16524                    top: 10px;
16525                    left: calc(50% - 160px + 132px);
16526                }
16527
16528                #rec641478668 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
16529                    font-size: 12px;
16530                }
16531            }
16532
16533            #rec641478668 .tn-elem[data-elem-id="1694167981321"] {
16534                z-index: 10;
16535                top: 1px;
16536                left: calc(50% - 600px + 620px);
16537                width: 540px;
16538                height: 280px;
16539            }
16540
16541            #rec641478668 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981321"] {
16542                opacity: 0;
16543            }
16544
16545            #rec641478668 .tn-elem[data-elem-id="1694167981321"] .tn-atom {
16546                border-width: 0px;
16547                border-radius: 14px;
16548                background-color: #23c255;
16549                background-position: center center;
16550                border-color: transparent;
16551                border-style: solid;
16552            }
16553
16554            @media  screen and (max-width: 1199px) {
16555                #rec641478668 .tn-elem[data-elem-id="1694167981321"] {
16556                    top: 0px;
16557                    left: calc(50% - 480px + 496px);
16558                    width: 424px;
16559                    height: 220px;
16560                }
16561            }
16562
16563            @media  screen and (max-width: 959px) {
16564                #rec641478668 .tn-elem[data-elem-id="1694167981321"] {
16565                    top: 320px;
16566                    left: calc(50% - 320px + 40px);
16567                    width: 560px;
16568                    height: 290px;
16569                }
16570            }
16571
16572            @media  screen and (max-width: 639px) {
16573                #rec641478668 .tn-elem[data-elem-id="1694167981321"] {
16574                    top: 0px;
16575                    left: calc(50% - 160px + 380px);
16576                    width: 240px;
16577                    height: 125px;
16578                }
16579            }
16580
16581            #rec641478668 .tn-elem[data-elem-id="1694167981326"] {
16582                z-index: 11;
16583                top: 1px;
16584                left: calc(50% - 600px + 620px);
16585                width: 540px;
16586                height: 280px;
16587                pointer-events: none;
16588            }
16589
16590            #rec641478668 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981326"] {
16591                opacity: 0;
16592            }
16593
16594            #rec641478668 .tn-elem[data-elem-id="1694167981326"] .tn-atom {
16595                border-radius: 13px;
16596                background-position: center top;
16597                background-size: cover;
16598                background-repeat: no-repeat;
16599                border-color: transparent;
16600                border-style: solid;
16601            }
16602
16603            @media  screen and (max-width: 1199px) {
16604                #rec641478668 .tn-elem[data-elem-id="1694167981326"] {
16605                    top: 0px;
16606                    left: calc(50% - 480px + 496px);
16607                    width: 424px;
16608                    height: 220px;
16609                }
16610            }
16611
16612            @media  screen and (max-width: 959px) {
16613                #rec641478668 .tn-elem[data-elem-id="1694167981326"] {
16614                    top: 320px;
16615                    left: calc(50% - 320px + 40px);
16616                    width: 560px;
16617                    height: 290px;
16618                }
16619            }
16620
16621            @media  screen and (max-width: 639px) {
16622                #rec641478668 .tn-elem[data-elem-id="1694167981326"] {
16623                    top: 0px;
16624                    left: calc(50% - 160px + 380px);
16625                    width: 240px;
16626                    height: 125px;
16627                }
16628            }
16629
16630            #rec641478668 .tn-elem[data-elem-id="1694167981330"] {
16631                z-index: 12;
16632                top: 1px;
16633                left: calc(50% - 600px + 620px);
16634                width: 540px;
16635                height: 280px;
16636                pointer-events: none;
16637            }
16638
16639            #rec641478668 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981330"] {
16640                opacity: 0;
16641            }
16642
16643            #rec641478668 .tn-elem[data-elem-id="1694167981330"] .tn-atom {
16644                border-radius: 13px;
16645                background-position: center top;
16646                background-size: cover;
16647                background-repeat: no-repeat;
16648                border-color: transparent;
16649                border-style: solid;
16650            }
16651
16652            @media  screen and (max-width: 1199px) {
16653                #rec641478668 .tn-elem[data-elem-id="1694167981330"] {
16654                    top: 0px;
16655                    left: calc(50% - 480px + 496px);
16656                    width: 424px;
16657                    height: 220px;
16658                }
16659            }
16660
16661            @media  screen and (max-width: 959px) {
16662                #rec641478668 .tn-elem[data-elem-id="1694167981330"] {
16663                    top: 320px;
16664                    left: calc(50% - 320px + 40px);
16665                    width: 560px;
16666                    height: 290px;
16667                }
16668            }
16669
16670            @media  screen and (max-width: 639px) {
16671                #rec641478668 .tn-elem[data-elem-id="1694167981330"] {
16672                    top: 0px;
16673                    left: calc(50% - 160px + 380px);
16674                    width: 240px;
16675                    height: 125px;
16676                }
16677            }
16678
16679            #rec641478668 .tn-elem[data-elem-id="1694167981333"] {
16680                z-index: 13;
16681                top: 1px;
16682                left: calc(50% - 600px + 620px);
16683                width: 540px;
16684                height: 280px;
16685                pointer-events: none;
16686            }
16687
16688            #rec641478668 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981333"] {
16689                opacity: 0;
16690            }
16691
16692            #rec641478668 .tn-elem[data-elem-id="1694167981333"] .tn-atom {
16693                border-radius: 13px;
16694                background-position: center top;
16695                background-size: cover;
16696                background-repeat: no-repeat;
16697                border-color: transparent;
16698                border-style: solid;
16699            }
16700
16701            @media  screen and (max-width: 1199px) {
16702                #rec641478668 .tn-elem[data-elem-id="1694167981333"] {
16703                    top: 0px;
16704                    left: calc(50% - 480px + 496px);
16705                    width: 424px;
16706                    height: 220px;
16707                }
16708            }
16709
16710            @media  screen and (max-width: 959px) {
16711                #rec641478668 .tn-elem[data-elem-id="1694167981333"] {
16712                    top: 320px;
16713                    left: calc(50% - 320px + 40px);
16714                    width: 560px;
16715                    height: 290px;
16716                }
16717            }
16718
16719            @media  screen and (max-width: 639px) {
16720                #rec641478668 .tn-elem[data-elem-id="1694167981333"] {
16721                    top: 0px;
16722                    left: calc(50% - 160px + 380px);
16723                    width: 240px;
16724                    height: 125px;
16725                }
16726            }
16727
16728            #rec641478668 .tn-elem[data-elem-id="1694167981337"] {
16729                z-index: 14;
16730                top: 1px;
16731                left: calc(50% - 600px + 620px);
16732                width: 540px;
16733                height: 280px;
16734            }
16735
16736            #rec641478668 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981337"] {
16737                opacity: 0;
16738            }
16739
16740            #rec641478668 .tn-elem[data-elem-id="1694167981337"] .tn-atom {
16741                border-radius: 13px;
16742                background-color: #1b1e20;
16743                background-position: center center;
16744                border-color: transparent;
16745                border-style: solid;
16746            }
16747
16748            @media  screen and (max-width: 1199px) {
16749                #rec641478668 .tn-elem[data-elem-id="1694167981337"] {
16750                    top: 0px;
16751                    left: calc(50% - 480px + 496px);
16752                    width: 424px;
16753                    height: 220px;
16754                }
16755            }
16756
16757            @media  screen and (max-width: 959px) {
16758                #rec641478668 .tn-elem[data-elem-id="1694167981337"] {
16759                    top: 320px;
16760                    left: calc(50% - 320px + 40px);
16761                    width: 560px;
16762                    height: 290px;
16763                }
16764            }
16765
16766            @media  screen and (max-width: 639px) {
16767                #rec641478668 .tn-elem[data-elem-id="1694167981337"] {
16768                    top: 0px;
16769                    left: calc(50% - 160px + 380px);
16770                    width: 240px;
16771                    height: 125px;
16772                }
16773            }
16774
16775            #rec641478668 .tn-elem[data-elem-id="1694167981341"] {
16776                z-index: 15;
16777                top: 1px;
16778                left: calc(50% - 600px + 620px);
16779                width: 540px;
16780                height: 280px;
16781                pointer-events: none;
16782            }
16783
16784            #rec641478668 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981341"] {
16785                opacity: 0;
16786            }
16787
16788            #rec641478668 .tn-elem[data-elem-id="1694167981341"] .tn-atom {
16789                border-radius: 13px;
16790                background-position: center top;
16791                background-size: cover;
16792                background-repeat: no-repeat;
16793                border-color: transparent;
16794                border-style: solid;
16795            }
16796
16797            @media  screen and (max-width: 1199px) {
16798                #rec641478668 .tn-elem[data-elem-id="1694167981341"] {
16799                    top: 0px;
16800                    left: calc(50% - 480px + 496px);
16801                    width: 424px;
16802                    height: 220px;
16803                }
16804            }
16805
16806            @media  screen and (max-width: 959px) {
16807                #rec641478668 .tn-elem[data-elem-id="1694167981341"] {
16808                    top: 320px;
16809                    left: calc(50% - 320px + 40px);
16810                    width: 560px;
16811                    height: 290px;
16812                }
16813            }
16814
16815            @media  screen and (max-width: 639px) {
16816                #rec641478668 .tn-elem[data-elem-id="1694167981341"] {
16817                    top: 0px;
16818                    left: calc(50% - 160px + 380px);
16819                    width: 240px;
16820                    height: 125px;
16821                }
16822            }
16823
16824            #rec641478668 .tn-elem[data-elem-id="1694167981345"] {
16825                color: #f4f4f4;
16826                text-align: LEFT;
16827                z-index: 16;
16828                top: 22px;
16829                left: calc(50% - 600px + 644px);
16830                width: 230px;
16831                pointer-events: none;
16832            }
16833
16834            #rec641478668 .tn-elem[data-elem-id="1694167981345"] .tn-atom {
16835                color: #f4f4f4;
16836                font-size: 18px;
16837                font-family: 'Manrope', Arial, sans-serif;
16838                line-height: 1.00;
16839                font-weight: 500;
16840                background-position: center center;
16841                border-color: transparent;
16842                border-style: solid;
16843            }
16844
16845            @media  screen and (max-width: 1199px) {
16846                #rec641478668 .tn-elem[data-elem-id="1694167981345"] {
16847                    top: 20px;
16848                    left: calc(50% - 480px + 515px);
16849                }
16850            }
16851
16852            @media  screen and (max-width: 959px) {
16853                #rec641478668 .tn-elem[data-elem-id="1694167981345"] {
16854                    top: 360px;
16855                    left: calc(50% - 320px + 284px);
16856                    width: 10px;
16857                }
16858            }
16859
16860            @media  screen and (max-width: 639px) {
16861                #rec641478668 .tn-elem[data-elem-id="1694167981345"] {
16862                    top: 10px;
16863                    left: calc(50% - 160px + 476px);
16864                }
16865
16866                #rec641478668 .tn-elem[data-elem-id="1694167981345"] .tn-atom {
16867                    font-size: 12px;
16868                }
16869            }</style>
16870        <div class='t396'>
16871            <div class="t396__artboard" data-artboard-recid="641478668" data-artboard-screens="320,640,960,1200"
16872                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
16873                 data-artboard-height-res-320="125" data-artboard-height-res-640="610"
16874                 data-artboard-height-res-960="220"
16875            >
16876                <div class="t396__carrier" data-artboard-recid="641478668"></div>
16877                <div class="t396__filter" data-artboard-recid="641478668"></div>
16878                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414786681690241109137 ' data-elem-id='1690241109137'
16879                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
16880                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
16881                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
16882                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
16883                     data-animate-mobile="y" data-animate-sbs-event="hover"
16884                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
16885                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
16886                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
16887                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
16888                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
16889                >
16890                    <div class='tn-atom'></div>
16891                </div>
16892                <div class='t396__elem tn-elem show_1_1 tn-elem__6414786681690239578729 ' data-elem-id='1690239578729'
16893                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
16894                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
16895                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
16896                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
16897                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
16898                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
16899                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
16900                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
16901                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
16902                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
16903                     data-field-width-res-960-value="424"
16904                >
16905                    <div class='tn-atom t-bgimg'
16906                         data-original="/images/v2/tild3762-6536-4233-a563-626563346536__case_3_3_a1.svg"
16907                         style="background-image:url('/images/v2/tild3762-6536-4233-a563-626563346536__case_3_3_a1.svg');"
16908                    ></div>
16909                </div>
16910                <div class='t396__elem tn-elem show_1_1 tn-elem__6414786681690239670103 t396__elem--anim-hidden'
16911                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="1"
16912                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
16913                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
16914                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
16915                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
16916                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
16917                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
16918                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
16919                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
16920                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
16921                     data-field-width-res-960-value="424"
16922                >
16923                    <div class='tn-atom t-bgimg'
16924                         data-original="/images/v2/tild6133-6237-4633-a131-626136656235__case_3_3_a2.svg"
16925                         style="background-image:url('/images/v2/tild6133-6237-4633-a131-626136656235__case_3_3_a2.svg');"
16926                    ></div>
16927                </div>
16928                <div class='t396__elem tn-elem show_1_1 tn-elem__6414786681690239682409 t396__elem--anim-hidden'
16929                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="1"
16930                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
16931                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
16932                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
16933                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
16934                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
16935                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
16936                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
16937                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
16938                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
16939                     data-field-width-res-960-value="424"
16940                >
16941                    <div class='tn-atom t-bgimg'
16942                         data-original="/images/v2/tild3436-6565-4134-b634-353334303433__case_3_3_a3.svg"
16943                         style="background-image:url('/images/v2/tild3436-6565-4134-b634-353334303433__case_3_3_a3.svg');"
16944                    ></div>
16945                </div>
16946                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414786681690238351796 ' data-elem-id='1690238351796'
16947                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
16948                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
16949                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
16950                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
16951                     data-animate-mobile="y" data-animate-sbs-event="hover"
16952                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
16953                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
16954                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
16955                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
16956                     data-field-width-res-960-value="424"
16957                >
16958                    <div class='tn-atom'></div>
16959                </div>
16960                <div class='t396__elem tn-elem tn-elem__6414786681690238538450 ' data-elem-id='1690238538450'
16961                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
16962                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
16963                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
16964                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
16965                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
16966                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
16967                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
16968                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
16969                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
16970                     data-field-width-res-960-value="424"
16971                >
16972                    <div class='tn-atom t-bgimg'
16973                         data-original="/images/v2/tild3136-3134-4132-b134-616134393832__case_3_3.png"
16974                         style="background-image:url('/images/v2/tild3136-3134-4132-b134-616134393832__case_3_3.png');"
16975                    ></div>
16976                </div>
16977                <div class='t396__elem tn-elem tn-elem__6414786681690238351801 t-animate' data-elem-id='1690238351801'
16978                     data-elem-type='text' data-field-top-value="22" data-field-left-value="64"
16979                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
16980                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
16981                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
16982                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
16983                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="132"
16984                     data-field-top-res-640-value="40" data-field-left-res-640-value="277"
16985                     data-field-width-res-640-value="10" data-field-top-res-960-value="20"
16986                     data-field-left-res-960-value="60"
16987                >
16988                    <div class='tn-atom' field='tn_text_1690238351801'>Мелоквиз</div>
16989                </div>
16990                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414786681694167981321 ' data-elem-id='1694167981321'
16991                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="620"
16992                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
16993                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
16994                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
16995                     data-animate-mobile="y" data-animate-sbs-event="hover"
16996                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
16997                     data-field-top-res-320-value="0" data-field-left-res-320-value="380"
16998                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
16999                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
17000                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
17001                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
17002                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
17003                >
17004                    <div class='tn-atom'></div>
17005                </div>
17006                <div class='t396__elem tn-elem show_1_1 tn-elem__6414786681694167981326 ' data-elem-id='1694167981326'
17007                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="620"
17008                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
17009                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
17010                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
17011                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
17012                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
17013                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
17014                     data-field-top-res-320-value="0" data-field-left-res-320-value="380"
17015                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
17016                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
17017                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
17018                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
17019                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
17020                >
17021                    <div class='tn-atom t-bgimg'
17022                         data-original="/images/v2/tild3732-3639-4531-b631-373538653662__case_3_1_a1.svg"
17023                         style="background-image:url('/images/v2/tild3732-3639-4531-b631-373538653662__case_3_1_a1.svg');"
17024                    ></div>
17025                </div>
17026                <div class='t396__elem tn-elem show_1_1 tn-elem__6414786681694167981330 t396__elem--anim-hidden'
17027                     data-elem-id='1694167981330' data-elem-type='shape' data-field-top-value="1"
17028                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
17029                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
17030                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
17031                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
17032                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
17033                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
17034                     data-field-top-res-320-value="0" data-field-left-res-320-value="380"
17035                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
17036                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
17037                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
17038                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
17039                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
17040                >
17041                    <div class='tn-atom t-bgimg'
17042                         data-original="/images/v2/tild3933-6332-4238-b237-343531336261__case_3_1_a2.svg"
17043                         style="background-image:url('/images/v2/tild3933-6332-4238-b237-343531336261__case_3_1_a2.svg');"
17044                    ></div>
17045                </div>
17046                <div class='t396__elem tn-elem show_1_1 tn-elem__6414786681694167981333 t396__elem--anim-hidden'
17047                     data-elem-id='1694167981333' data-elem-type='shape' data-field-top-value="1"
17048                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
17049                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
17050                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
17051                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
17052                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
17053                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
17054                     data-field-top-res-320-value="0" data-field-left-res-320-value="380"
17055                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
17056                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
17057                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
17058                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
17059                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
17060                >
17061                    <div class='tn-atom t-bgimg'
17062                         data-original="/images/v2/tild3830-3363-4134-a462-326534653338__case_3_1_a3.svg"
17063                         style="background-image:url('/images/v2/tild3830-3363-4134-a462-326534653338__case_3_1_a3.svg');"
17064                    ></div>
17065                </div>
17066                <div class='t396__elem tn-elem hover_1_1 tn-elem__6414786681694167981337 ' data-elem-id='1694167981337'
17067                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="620"
17068                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
17069                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
17070                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
17071                     data-animate-mobile="y" data-animate-sbs-event="hover"
17072                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
17073                     data-field-top-res-320-value="0" data-field-left-res-320-value="380"
17074                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
17075                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
17076                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
17077                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
17078                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
17079                >
17080                    <div class='tn-atom'></div>
17081                </div>
17082                <div class='t396__elem tn-elem tn-elem__6414786681694167981341 ' data-elem-id='1694167981341'
17083                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="620"
17084                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
17085                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
17086                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
17087                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1694167981337"
17088                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
17089                     data-field-top-res-320-value="0" data-field-left-res-320-value="380"
17090                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
17091                     data-field-top-res-640-value="320" data-field-left-res-640-value="40"
17092                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
17093                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
17094                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
17095                >
17096                    <div class='tn-atom t-bgimg'
17097                         data-original="/images/v2/tild3534-6666-4234-a264-623462306338__case_3_1.png"
17098                         style="background-image:url('/images/v2/tild3534-6666-4234-a264-623462306338__case_3_1.png');"
17099                    ></div>
17100                </div>
17101                <div class='t396__elem tn-elem tn-elem__6414786681694167981345 t-animate' data-elem-id='1694167981345'
17102                     data-elem-type='text' data-field-top-value="22" data-field-left-value="644"
17103                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
17104                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
17105                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
17106                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
17107                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="476"
17108                     data-field-top-res-640-value="360" data-field-left-res-640-value="284"
17109                     data-field-width-res-640-value="10" data-field-top-res-960-value="20"
17110                     data-field-left-res-960-value="515"
17111                >
17112                    <div class='tn-atom' field='tn_text_1694167981345'>Караоке</div>
17113                </div>
17114            </div>
17115        </div>
17116        
17116<script>t_onFuncLoad('t396_initialScale', function () {
17117                t396_initialScale('641478668');
17118            });
17119            t_onReady(function () {
17120                t_onFuncLoad('t396_init', function () {
17121                    t396_init('641478668');
17122                });
17123            });</script>
17123<!-- /T396 --></div>
17124    <!-- <div style="font-size: 28px;" data-customstyle="yes"><p style="text-align: center;"><strong>MUSIC MOBILE</strong></p></div> -->
17125    <div id="rec644441220" class="r t-rec t-screenmax-980px" style="background-color:#121313; "
17126         data-animationappear="off" data-record-type="734" data-screen-max="980px" data-bg-color="#121313"><!-- t734 -->
17127        <div class="t734">
17128            <div class="t-slds t734__witharrows" style="visibility: hidden;">
17129                <div class="t-container_100 t-slds__main">
17130                    <ul class="t-slds__arrow_container t-slds__nocycle ">
17131                        <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left">
17132                            <button
17133                                type="button"
17134                                class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
17135                                aria-controls="carousel_644441220"
17136                                aria-disabled="false"
17137                                aria-label="Предыдущий слайд"
17138                                style="width: 50px; height: 50px;background-color: rgba(255,255,255,1);">
17139                                <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 11px;">
17140                                    <svg role="presentation" focusable="false" style="display: block"
17141                                         viewBox="0 0 11.3 21" xmlns="http://www.w3.org/2000/svg"
17142                                         xmlns:xlink="http://www.w3.org/1999/xlink">
17143                                        <polyline
17144                                            fill="none"
17145                                            stroke="#222222"
17146                                            stroke-linejoin="butt"
17147                                            stroke-linecap="butt"
17148                                            stroke-width="1"
17149                                            points="0.5,0.5 10.5,10.5 0.5,20.5"
17150                                        />
17151                                    </svg>
17152                                </div>
17153                            </button>
17154                        </li>
17155                        <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right">
17156                            <button
17157                                type="button"
17158                                class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
17159                                aria-controls="carousel_644441220"
17160                                aria-disabled="false"
17161                                aria-label="Следующий слайд"
17162                                style="width: 50px; height: 50px;background-color: rgba(255,255,255,1);">
17163                                <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 11px;">
17164                                    <svg role="presentation" focusable="false" style="display: block"
17165                                         viewBox="0 0 11.3 21" xmlns="http://www.w3.org/2000/svg"
17166                                         xmlns:xlink="http://www.w3.org/1999/xlink">
17167                                        <polyline
17168                                            fill="none"
17169                                            stroke="#222222"
17170                                            stroke-linejoin="butt"
17171                                            stroke-linecap="butt"
17172                                            stroke-width="1"
17173                                            points="0.5,0.5 10.5,10.5 0.5,20.5"
17174                                        />
17175                                    </svg>
17176                                </div>
17177                            </button>
17178                        </li>
17179                    </ul>
17180                    <div class="t-slds__container">
17181                        <div
17182                            class="t-slds__items-wrapper t-slds__nocycle t-slds_animated-fast"
17183                            id="carousel_644441220" data-sli
17183der-transition="300" data-slider-with-cycle="false"
17184                            data-slider-correct-height="false" data-auto-correct-mobile-width="false"
17185                            aria-roledescription="carousel"
17186                            aria-live="off"
17187                        >
17188                            <div
17189                                class="t-slds__item t-slds__item_active" data-slide-index="1"
17190                                role="group"
17191                                aria-roledescription="slide"
17192                                aria-hidden="false"
17193                                aria-label="1 из 3"
17194                            >
17195                                <div class="t734__slds-wrapper t-slds__wrapper">
17196                                    <div class="t-cover" id="recorddiv644441220" style="height:320px;">
17197                                        <div class="t-cover__carrier" data-content-cover-id="644441220"
17198                                             id="coverCarry644441220" data-content-cover-height="320px"
17199                                             data-content-cover-bg=""
17200                                             style="background-image: url(''); height:320px;"
17201                                             itemscope itemtype="http://schema.org/ImageObject">
17202                                            <meta itemprop="image" content="">
17203                                        </div>
17204                                        <div class="t-cover__filter"
17205                                             style="height:320px; background-color:#000;opacity: 0.0; "></div>
17206                                    </div>
17207                                    <div class="t734__table">
17208                                        <div class="t-cell t-valign_middle">
17209                                            <div class="t-container">
17210                                                <div class="t-cover__wrapper t-valign_middle">
17211                                                    <div class="t734__wrapper t-width t-width_8 t-margin_auto"
17212                                                         data-hook-content="covercontent">
17213                                                        <div class="t734__textwrapper t-align_center"></div>
17214                                                    </div>
17215                                                </div>
17216                                            </div>
17217                                        </div>
17218                                    </div>
17219                                </div>
17220                            </div>
17221                            <div
17222                                class="t-slds__item" data-slide-index="2"
17223                                role="group"
17224                                aria-roledescription="slide"
17225                                aria-hidden="true"
17226                                aria-label="2 из 3"
17227                            >
17228                                <div class="t734__slds-wrapper t-slds__wrapper">
17229                                    <div class="t-cover" style="height:320px;">
17230                                        <div class="t-cover__carrier" data-content-cover-bg=""
17231                                             style="background-image: url(''); height:320px;"
17232                                             itemscope itemtype="http://schema.org/ImageObject">
17233                                            <meta itemprop="image" content="">
17234                                        </div>
17235                                        <div class="t-cover__filter"
17236                                             style="height:320px; background-color:#000;opacity: 0.0; "></div>
17237                                    </div>
17238                                    <div class="t734__table">
17239                                        <div class="t-cell t-valign_middle">
17240                                            <div class="t-container">
17241                                                <div class="t-cover__wrapper t-valign_middle">
17242                                                    <div class="t734__wrapper t-width t-width_8 t-margin_auto"
17243                                                         data-hook-content="covercontent">
17244                                                        <div class="t734__textwrapper t-align_center"></div>
17245                                                    </div>
17246                                                </div>
17247                                            </div>
17248                                        </div>
17249                                    </div>
17250                                </div>
17251                            </div>
17252                            <div
17253                                class="t-slds__item" data-slide-index="3"
17254                                role="group"
17255                                aria-roledescription="slide"
17256                                aria-hidden="true"
17257                                aria-label="3 из 3"
17258                            >
17259                                <div class="t734__slds-wrapper t-slds__wrapper">
17260                                    <div class="t-cover" style="height:320px;">
17261                                        <div class="t-cover__carrier" data-content-cover-bg=""
17262                                             style="background-image: url(''); height:320px;"
17263                                             itemscope itemtype="http://schema.org/ImageObject">
17264                                            <meta itemprop="image" content="">
17265                                        </div>
17266                                        <div class="t-cover__filter"
17267                                             style="height:320px; background-color:#000;opacity: 0.0; "></div>
17268                                    </div>
17269                                    <div class="t734__table">
17270                                        <div class="t-cell t-valign_middle">
17271                                            <div class="t-container">
17272                                                <div class="t-cover__wrapper t-valign_middle">
17273                                                    <div class="t734__wrapper t-width t-width_8 t-margin_auto"
17274                                                         data-hook-content="covercontent">
17275                                                        <div class="t734__textwrapper t-align_center"></div>
17276                                                    </div>
17277                                                </div>
17278                                            </div>
17279                                        </div>
17280                                    </div>
17281                                </div>
17282                            </div>
17283                        </div>
17284                    </div>
17285                </div>
17286            </div>
17287        </div>
17288        
17288<script type="text/javascript">t_onReady(function () {
17289                t_onFuncLoad('t734_init', function () {
17290                    try {
17291                        t734_init('644441220');
17292                    } catch (error) {
17293                        console.log(error);
17294                    }
17295                });
17296            });</script>
17296
17297        <style type="text/css">#rec644441220 .t-slds__bullet_active .t-slds__bullet_body {
17298                background-color: #ffffff !important;
17299            }
17300
17301            #rec644441220 .t-slds__bullet:hover .t-slds__bullet_body {
17302                background-color: #ffffff !important;
17303            }
17304
17305            #rec644441220 .t-slds__bullet_body:focus-visible {
17306                background-color: #ffffff !important;
17307            }</style>
17308    </div>
17309    <div id="rec644443503" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
17310        <style>#rec644443503 .t396__artboard {
17311                height: 280px;
17312                background-color: #121313;
17313                overflow-x: hidden;
17314                overflow-y: hidden;
17315            }
17316
17317            #rec644443503 .t396__filter {
17318                height: 280px;
17319            }
17320
17321            #rec644443503 .t396__carrier {
17322                height: 280px;
17323                background-position: center center;
17324                background-attachment: scroll;
17325                background-size: cover;
17326                background-repeat: no-repeat;
17327            }
17328
17329            @media  screen and (max-width: 1199px) {
17330                #rec644443503 .t396__artboard {
17331                    height: 220px;
17332                }
17333
17334                #rec644443503 .t396__filter {
17335                    height: 220px;
17336                }
17337
17338                #rec644443503 .t396__carrier {
17339                    height: 220px;
17340                    background-attachment: scroll;
17341                }
17342            }
17343
17344            @media  screen and (max-width: 959px) {
17345                #rec644443503 .t396__artboard {
17346                    height: 290px;
17347                }
17348
17349                #rec644443503 .t396__filter {
17350                    height: 290px;
17351                }
17352
17353                #rec644443503 .t396__carrier {
17354                    height: 290px;
17355                    background-attachment: scroll;
17356                }
17357            }
17358
17359            @media  screen and (max-width: 639px) {
17360                #rec644443503 .t396__artboard {
17361                    height: 125px;
17362                }
17363
17364                #rec644443503 .t396__filter {
17365                    height: 125px;
17366                }
17367
17368                #rec644443503 .t396__carrier {
17369                    height: 125px;
17370                    background-attachment: scroll;
17371                }
17372            }
17373
17374            #rec644443503 .tn-elem[data-elem-id="1690241327213"] {
17375                z-index: 3;
17376                top: 0px;
17377                left: calc(50% - 600px + 40px);
17378                width: 540px;
17379                height: 280px;
17380            }
17381
17382            #rec644443503 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327213"] {
17383                opacity: 0;
17384            }
17385
17386            #rec644443503 .tn-elem[data-elem-id="1690241327213"] .tn-atom {
17387                border-width: 0px;
17388                border-radius: 14px;
17389                background-color: #39bfd1;
17390                background-position: center center;
17391                border-color: transparent;
17392                border-style: solid;
17393            }
17394
17395            @media  screen and (max-width: 1199px) {
17396                #rec644443503 .tn-elem[data-elem-id="1690241327213"] {
17397                    left: calc(50% - 480px + 39px);
17398                    width: 424px;
17399                    height: 220px;
17400                }
17401            }
17402
17403            @media  screen and (max-width: 959px) {
17404                #rec644443503 .tn-elem[data-elem-id="1690241327213"] {
17405                    left: calc(50% - 320px + 40px);
17406                    width: 560px;
17407                    height: 290px;
17408                }
17409            }
17410
17411            @media  screen and (max-width: 639px) {
17412                #rec644443503 .tn-elem[data-elem-id="1690241327213"] {
17413                    width: 240px;
17414                    height: 125px;
17415                }
17416            }
17417
17418            #rec644443503 .tn-elem[data-elem-id="1690241327221"] {
17419                z-index: 4;
17420                top: 0px;
17421                left: calc(50% - 600px + 40px);
17422                width: 540px;
17423                height: 280px;
17424                pointer-events: none;
17425            }
17426
17427            #rec644443503 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327221"] {
17428                opacity: 0;
17429            }
17430
17431            #rec644443503 .tn-elem[data-elem-id="1690241327221"] .tn-atom {
17432                border-radius: 13px;
17433                background-position: center top;
17434                background-size: cover;
17435                background-repeat: no-repeat;
17436                border-color: transparent;
17437                border-style: solid;
17438            }
17439
17440            @media  screen and (max-width: 1199px) {
17441                #rec644443503 .tn-elem[data-elem-id="1690241327221"] {
17442                    left: calc(50% - 480px + 39px);
17443                    width: 424px;
17444                    height: 220px;
17445                }
17446            }
17447
17448            @media  screen and (max-width: 959px) {
17449                #rec644443503 .tn-elem[data-elem-id="1690241327221"] {
17450                    left: calc(50% - 320px + 40px);
17451                    width: 560px;
17452                    height: 290px;
17453                }
17454            }
17455
17456            @media  screen and (max-width: 639px) {
17457                #rec644443503 .tn-elem[data-elem-id="1690241327221"] {
17458                    width: 240px;
17459                    height: 125px;
17460                }
17461            }
17462
17463            #rec644443503 .tn-elem[data-elem-id="1690241327227"] {
17464                z-index: 5;
17465                top: 0px;
17466                left: calc(50% - 600px + 40px);
17467                width: 540px;
17468                height: 280px;
17469                pointer-events: none;
17470            }
17471
17472            #rec644443503 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327227"] {
17473                opacity: 0;
17474            }
17475
17476            #rec644443503 .tn-elem[data-elem-id="1690241327227"] .tn-atom {
17477                border-radius: 13px;
17478                background-position: center top;
17479                background-size: cover;
17480                background-repeat: no-repeat;
17481                border-color: transparent;
17482                border-style: solid;
17483            }
17484
17485            @media  screen and (max-width: 1199px) {
17486                #rec644443503 .tn-elem[data-elem-id="1690241327227"] {
17487                    left: calc(50% - 480px + 39px);
17488                    width: 424px;
17489                    height: 220px;
17490                }
17491            }
17492
17493            @media  screen and (max-width: 959px) {
17494                #rec644443503 .tn-elem[data-elem-id="1690241327227"] {
17495                    left: calc(50% - 320px + 40px);
17496                    width: 560px;
17497                    height: 290px;
17498                }
17499            }
17500
17501            @media  screen and (max-width: 639px) {
17502                #rec644443503 .tn-elem[data-elem-id="1690241327227"] {
17503                    width: 240px;
17504                    height: 125px;
17505                }
17506            }
17507
17508            #rec644443503 .tn-elem[data-elem-id="1690241327233"] {
17509                z-index: 6;
17510                top: 0px;
17511                left: calc(50% - 600px + 40px);
17512                width: 540px;
17513                height: 280px;
17514                pointer-events: none;
17515            }
17516
17517            #rec644443503 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327233"] {
17518                opacity: 0;
17519            }
17520
17521            #rec644443503 .tn-elem[data-elem-id="1690241327233"] .tn-atom {
17522                border-radius: 13px;
17523                background-position: center top;
17524                background-size: cover;
17525                background-repeat: no-repeat;
17526                border-color: transparent;
17527                border-style: solid;
17528            }
17529
17530            @media  screen and (max-width: 1199px) {
17531                #rec644443503 .tn-elem[data-elem-id="1690241327233"] {
17532                    left: calc(50% - 480px + 39px);
17533                    width: 424px;
17534                    height: 220px;
17535                }
17536            }
17537
17538            @media  screen and (max-width: 959px) {
17539                #rec644443503 .tn-elem[data-elem-id="1690241327233"] {
17540                    left: calc(50% - 320px + 40px);
17541                    width: 560px;
17542                    height: 290px;
17543                }
17544            }
17545
17546            @media  screen and (max-width: 639px) {
17547                #rec644443503 .tn-elem[data-elem-id="1690241327233"] {
17548                    width: 240px;
17549                    height: 125px;
17550                }
17551            }
17552
17553            #rec644443503 .tn-elem[data-elem-id="1690241327217"] {
17554                z-index: 7;
17555                top: 0px;
17556                left: calc(50% - 600px + 40px);
17557                width: 540px;
17558                height: 280px;
17559            }
17560
17561            #rec644443503 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327217"] {
17562                opacity: 0;
17563            }
17564
17565            #rec644443503 .tn-elem[data-elem-id="1690241327217"] .tn-atom {
17566                border-radius: 13px;
17567                background-color: #1b1e20;
17568                background-position: center center;
17569                border-color: transparent;
17570                border-style: solid;
17571            }
17572
17573            @media  screen and (max-width: 1199px) {
17574                #rec644443503 .tn-elem[data-elem-id="1690241327217"] {
17575                    left: calc(50% - 480px + 39px);
17576                    width: 424px;
17577                    height: 220px;
17578                }
17579            }
17580
17581            @media  screen and (max-width: 959px) {
17582                #rec644443503 .tn-elem[data-elem-id="1690241327217"] {
17583                    left: calc(50% - 320px + 40px);
17584                    width: 560px;
17585                    height: 290px;
17586                }
17587            }
17588
17589            @media  screen and (max-width: 639px) {
17590                #rec644443503 .tn-elem[data-elem-id="1690241327217"] {
17591                    width: 240px;
17592                    height: 125px;
17593                }
17594            }
17595
17596            #rec644443503 .tn-elem[data-elem-id="1690241327237"] {
17597                z-index: 8;
17598                top: 0px;
17599                left: calc(50% - 600px + 40px);
17600                width: 540px;
17601                height: 280px;
17602                pointer-events: none;
17603            }
17604
17605            #rec644443503 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327237"] {
17606                opacity: 0;
17607            }
17608
17609            #rec644443503 .tn-elem[data-elem-id="1690241327237"] .tn-atom {
17610                border-radius: 13px;
17611                background-position: center top;
17612                background-size: cover;
17613                background-repeat: no-repeat;
17614                border-color: transparent;
17615                border-style: solid;
17616            }
17617
17618            @media  screen and (max-width: 1199px) {
17619                #rec644443503 .tn-elem[data-elem-id="1690241327237"] {
17620                    left: calc(50% - 480px + 39px);
17621                    width: 424px;
17622                    height: 220px;
17623                }
17624            }
17625
17626            @media  screen and (max-width: 959px) {
17627                #rec644443503 .tn-elem[data-elem-id="1690241327237"] {
17628                    left: calc(50% - 320px + 40px);
17629                    width: 560px;
17630                    height: 290px;
17631                }
17632            }
17633
17634            @media  screen and (max-width: 639px) {
17635                #rec644443503 .tn-elem[data-elem-id="1690241327237"] {
17636                    width: 240px;
17637                    height: 125px;
17638                }
17639            }
17640
17641            #rec644443503 .tn-elem[data-elem-id="1690238351818"] {
17642                color: #f4f4f4;
17643                text-align: LEFT;
17644                z-index: 9;
17645                top: 22px;
17646                left: calc(50% - 600px + 64px);
17647                width: 199px;
17648                pointer-events: none;
17649            }
17650
17651            #rec644443503 .tn-elem[data-elem-id="1690238351818"] .tn-atom {
17652                color: #f4f4f4;
17653                font-size: 18px;
17654                font-family: 'Manrope', Arial, sans-serif;
17655                line-height: 1.00;
17656                font-weight: 500;
17657                background-position: center center;
17658                border-color: transparent;
17659                border-style: solid;
17660            }
17661
17662            @media  screen and (max-width: 1199px) {
17663                #rec644443503 .tn-elem[data-elem-id="1690238351818"] {
17664                    left: calc(50% - 480px + 58px);
17665                }
17666            }
17667
17668            @media  screen and (max-width: 959px) {
17669                #rec644443503 .tn-elem[data-elem-id="1690238351818"] {
17670                    top: 40px;
17671                    left: calc(50% - 320px + 233px);
17672                    width: 204px;
17673                }
17674            }
17675
17676            @media  screen and (max-width: 639px) {
17677                #rec644443503 .tn-elem[data-elem-id="1690238351818"] {
17678                    top: 10px;
17679                    left: calc(50% - 160px + 102px);
17680                    width: 141px;
17681                }
17682
17683                #rec644443503 .tn-elem[data-elem-id="1690238351818"] .tn-atom {
17684                    font-size: 12px;
17685                }
17686            }</style>
17687        <div class='t396'>
17688            <div class="t396__artboard" data-artboard-recid="644443503" data-artboard-screens="320,640,960,1200"
17689                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
17690                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
17691                 data-artboard-height-res-960="220"
17692            >
17693                <div class="t396__carrier" data-artboard-recid="644443503"></div>
17694                <div class="t396__filter" data-artboard-recid="644443503"></div>
17695                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444435031690241327213 ' data-elem-id='1690241327213'
17696                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
17697                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
17698                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
17699                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
17700                     data-animate-mobile="y" data-animate-sbs-event="hover"
17701                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
17702                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
17703                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
17704                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
17705                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
17706                >
17707                    <div class='tn-atom'></div>
17708                </div>
17709                <div class='t396__elem tn-elem show_1_1 tn-elem__6444435031690241327221 ' data-elem-id='1690241327221'
17710                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
17711                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
17712                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
17713                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
17714                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
17715                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
17716                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
17717                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
17718                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
17719                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
17720                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
17721                >
17722                    <div class='tn-atom t-bgimg'
17723                         data-original="/images/v2/tild6432-3038-4539-b663-653064386439__case_3_2_a1.svg"
17724                         style="background-image:url('/images/v2/tild6432-3038-4539-b663-653064386439__case_3_2_a1.svg');"
17725                    ></div>
17726                </div>
17727                <div class='t396__elem tn-elem show_1_1 tn-elem__6444435031690241327227 t396__elem--anim-hidden'
17728                     data-elem-id='1690241327227' data-elem-type='shape' data-field-top-value="0"
17729                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
17730                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
17731                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
17732                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
17733                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
17734                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
17735                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
17736                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
17737                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
17738                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
17739                >
17740                    <div class='tn-atom t-bgimg'
17741                         data-original="/images/v2/tild6366-6334-4837-b463-643831633163__case_3_2_a2.svg"
17742                         style="background-image:url('/images/v2/tild6366-6334-4837-b463-643831633163__case_3_2_a2.svg');"
17743                    ></div>
17744                </div>
17745                <div class='t396__elem tn-elem show_1_1 tn-elem__6444435031690241327233 t396__elem--anim-hidden'
17746                     data-elem-id='1690241327233' data-elem-type='shape' data-field-top-value="0"
17747                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
17748                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
17749                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
17750                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
17751                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
17752                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
17753                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
17754                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
17755                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
17756                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
17757                >
17758                    <div class='tn-atom t-bgimg'
17759                         data-original="/images/v2/tild3461-3438-4830-b330-316633333165__case_3_2_a3.svg"
17760                         style="background-image:url('/images/v2/tild3461-3438-4830-b330-316633333165__case_3_2_a3.svg');"
17761                    ></div>
17762                </div>
17763                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444435031690241327217 ' data-elem-id='1690241327217'
17764                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
17765                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
17766                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
17767                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
17768                     data-animate-mobile="y" data-animate-sbs-event="hover"
17769                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
17770                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
17771                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
17772                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
17773                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
17774                >
17775                    <div class='tn-atom'></div>
17776                </div>
17777                <div class='t396__elem tn-elem tn-elem__6444435031690241327237 ' data-elem-id='1690241327237'
17778                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
17779                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
17780                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
17781                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
17782                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690241327217"
17783                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
17784                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
17785                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
17786                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
17787                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
17788                >
17789                    <div class='tn-atom t-bgimg'
17790                         data-original="/images/v2/tild6231-3963
17790-4334-a464-396631613535__case_3_2.png"
17791                         style="background-image:url('/images/v2/tild6231-3963-4334-a464-396631613535__case_3_2.png');"
17792                    ></div>
17793                </div>
17794                <div class='t396__elem tn-elem tn-elem__6444435031690238351818 t-animate' data-elem-id='1690238351818'
17795                     data-elem-type='text' data-field-top-value="22" data-field-left-value="64"
17796                     data-field-width-value="199" data-field-axisy-value="top" data-field-axisx-value="left"
17797                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
17798                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
17799                     data-animate-duration="0.8" data-animate-delay="0.4" data-animate-distance="15"
17800                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="102"
17801                     data-field-width-res-320-value="141" data-field-top-res-640-value="40"
17802                     data-field-left-res-640-value="233" data-field-width-res-640-value="204"
17803                     data-field-left-res-960-value="58"
17804                >
17805                    <div class='tn-atom' field='tn_text_1690238351818'>Музыкальная волна</div>
17806                </div>
17807            </div>
17808        </div>
17809        
17809<script>t_onFuncLoad('t396_initialScale', function () {
17810                t396_initialScale('644443503');
17811            });
17812            t_onReady(function () {
17813                t_onFuncLoad('t396_init', function () {
17814                    t396_init('644443503');
17815                });
17816            });</script>
17816<!-- /T396 --></div>
17817    <div id="rec644441923" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
17818        <style>#rec644441923 .t396__artboard {
17819                height: 280px;
17820                background-color: #121313;
17821            }
17822
17823            #rec644441923 .t396__filter {
17824                height: 280px;
17825            }
17826
17827            #rec644441923 .t396__carrier {
17828                height: 280px;
17829                background-position: center center;
17830                background-attachment: scroll;
17831                background-size: cover;
17832                background-repeat: no-repeat;
17833            }
17834
17835            @media  screen and (max-width: 1199px) {
17836                #rec644441923 .t396__artboard {
17837                    height: 220px;
17838                }
17839
17840                #rec644441923 .t396__filter {
17841                    height: 220px;
17842                }
17843
17844                #rec644441923 .t396__carrier {
17845                    height: 220px;
17846                    background-attachment: scroll;
17847                }
17848            }
17849
17850            @media  screen and (max-width: 959px) {
17851                #rec644441923 .t396__artboard {
17852                    height: 290px;
17853                }
17854
17855                #rec644441923 .t396__filter {
17856                    height: 290px;
17857                }
17858
17859                #rec644441923 .t396__carrier {
17860                    height: 290px;
17861                    background-attachment: scroll;
17862                }
17863            }
17864
17865            @media  screen and (max-width: 639px) {
17866                #rec644441923 .t396__artboard {
17867                    height: 125px;
17868                }
17869
17870                #rec644441923 .t396__filter {
17871                    height: 125px;
17872                }
17873
17874                #rec644441923 .t396__carrier {
17875                    height: 125px;
17876                    background-attachment: scroll;
17877                }
17878            }
17879
17880            #rec644441923 .tn-elem[data-elem-id="1690241109137"] {
17881                z-index: 2;
17882                top: 1px;
17883                left: calc(50% - 600px + 40px);
17884                width: 540px;
17885                height: 280px;
17886            }
17887
17888            #rec644441923 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
17889                opacity: 0;
17890            }
17891
17892            #rec644441923 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
17893                border-width: 0px;
17894                border-radius: 14px;
17895                background-color: #f04392;
17896                background-position: center center;
17897                border-color: transparent;
17898                border-style: solid;
17899            }
17900
17901            @media  screen and (max-width: 1199px) {
17902                #rec644441923 .tn-elem[data-elem-id="1690241109137"] {
17903                    top: 0px;
17904                    left: calc(50% - 480px + 40px);
17905                    width: 424px;
17906                    height: 220px;
17907                }
17908            }
17909
17910            @media  screen and (max-width: 959px) {
17911                #rec644441923 .tn-elem[data-elem-id="1690241109137"] {
17912                    width: 560px;
17913                    height: 290px;
17914                }
17915            }
17916
17917            @media  screen and (max-width: 639px) {
17918                #rec644441923 .tn-elem[data-elem-id="1690241109137"] {
17919                    width: 240px;
17920                    height: 125px;
17921                }
17922            }
17923
17924            #rec644441923 .tn-elem[data-elem-id="1690239578729"] {
17925                z-index: 3;
17926                top: 1px;
17927                left: calc(50% - 600px + 40px);
17928                width: 540px;
17929                height: 280px;
17930                pointer-events: none;
17931            }
17932
17933            #rec644441923 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
17934                opacity: 0;
17935            }
17936
17937            #rec644441923 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
17938                border-radius: 13px;
17939                background-position: center top;
17940                background-size: cover;
17941                background-repeat: no-repeat;
17942                border-color: transparent;
17943                border-style: solid;
17944            }
17945
17946            @media  screen and (max-width: 1199px) {
17947                #rec644441923 .tn-elem[data-elem-id="1690239578729"] {
17948                    top: 0px;
17949                    width: 424px;
17950                    height: 220px;
17951                }
17952            }
17953
17954            @media  screen and (max-width: 959px) {
17955                #rec644441923 .tn-elem[data-elem-id="1690239578729"] {
17956                    width: 560px;
17957                    height: 290px;
17958                }
17959            }
17960
17961            @media  screen and (max-width: 639px) {
17962                #rec644441923 .tn-elem[data-elem-id="1690239578729"] {
17963                    width: 240px;
17964                    height: 125px;
17965                }
17966            }
17967
17968            #rec644441923 .tn-elem[data-elem-id="1690239670103"] {
17969                z-index: 4;
17970                top: 1px;
17971                left: calc(50% - 600px + 40px);
17972                width: 540px;
17973                height: 280px;
17974                pointer-events: none;
17975            }
17976
17977            #rec644441923 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
17978                opacity: 0;
17979            }
17980
17981            #rec644441923 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
17982                border-radius: 13px;
17983                background-position: center top;
17984                background-size: cover;
17985                background-repeat: no-repeat;
17986                border-color: transparent;
17987                border-style: solid;
17988            }
17989
17990            @media  screen and (max-width: 1199px) {
17991                #rec644441923 .tn-elem[data-elem-id="1690239670103"] {
17992                    top: 0px;
17993                    width: 424px;
17994                    height: 220px;
17995                }
17996            }
17997
17998            @media  screen and (max-width: 959px) {
17999                #rec644441923 .tn-elem[data-elem-id="1690239670103"] {
18000                    width: 560px;
18001                    height: 290px;
18002                }
18003            }
18004
18005            @media  screen and (max-width: 639px) {
18006                #rec644441923 .tn-elem[data-elem-id="1690239670103"] {
18007                    width: 240px;
18008                    height: 125px;
18009                }
18010            }
18011
18012            #rec644441923 .tn-elem[data-elem-id="1690239682409"] {
18013                z-index: 5;
18014                top: 1px;
18015                left: calc(50% - 600px + 40px);
18016                width: 540px;
18017                height: 280px;
18018                pointer-events: none;
18019            }
18020
18021            #rec644441923 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
18022                opacity: 0;
18023            }
18024
18025            #rec644441923 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
18026                border-radius: 13px;
18027                background-position: center top;
18028                background-size: cover;
18029                background-repeat: no-repeat;
18030                border-color: transparent;
18031                border-style: solid;
18032            }
18033
18034            @media  screen and (max-width: 1199px) {
18035                #rec644441923 .tn-elem[data-elem-id="1690239682409"] {
18036                    top: 0px;
18037                    width: 424px;
18038                    height: 220px;
18039                }
18040            }
18041
18042            @media  screen and (max-width: 959px) {
18043                #rec644441923 .tn-elem[data-elem-id="1690239682409"] {
18044                    width: 560px;
18045                    height: 290px;
18046                }
18047            }
18048
18049            @media  screen and (max-width: 639px) {
18050                #rec644441923 .tn-elem[data-elem-id="1690239682409"] {
18051                    width: 240px;
18052                    height: 125px;
18053                }
18054            }
18055
18056            #rec644441923 .tn-elem[data-elem-id="1690238351796"] {
18057                z-index: 6;
18058                top: 1px;
18059                left: calc(50% - 600px + 40px);
18060                width: 540px;
18061                height: 280px;
18062            }
18063
18064            #rec644441923 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
18065                opacity: 0;
18066            }
18067
18068            #rec644441923 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
18069                border-radius: 13px;
18070                background-color: #1b1e20;
18071                background-position: center center;
18072                border-color: transparent;
18073                border-style: solid;
18074            }
18075
18076            @media  screen and (max-width: 1199px) {
18077                #rec644441923 .tn-elem[data-elem-id="1690238351796"] {
18078                    top: 0px;
18079                    width: 424px;
18080                    height: 220px;
18081                }
18082            }
18083
18084            @media  screen and (max-width: 959px) {
18085                #rec644441923 .tn-elem[data-elem-id="1690238351796"] {
18086                    width: 560px;
18087                    height: 290px;
18088                }
18089            }
18090
18091            @media  screen and (max-width: 639px) {
18092                #rec644441923 .tn-elem[data-elem-id="1690238351796"] {
18093                    width: 240px;
18094                    height: 125px;
18095                }
18096            }
18097
18098            #rec644441923 .tn-elem[data-elem-id="1690238538450"] {
18099                z-index: 7;
18100                top: 1px;
18101                left: calc(50% - 600px + 40px);
18102                width: 540px;
18103                height: 280px;
18104                pointer-events: none;
18105            }
18106
18107            #rec644441923 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
18108                opacity: 0;
18109            }
18110
18111            #rec644441923 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
18112                border-radius: 13px;
18113                background-position: center top;
18114                background-size: cover;
18115                background-repeat: no-repeat;
18116                border-color: transparent;
18117                border-style: solid;
18118            }
18119
18120            @media  screen and (max-width: 1199px) {
18121                #rec644441923 .tn-elem[data-elem-id="1690238538450"] {
18122                    top: 0px;
18123                    width: 424px;
18124                    height: 220px;
18125                }
18126            }
18127
18128            @media  screen and (max-width: 959px) {
18129                #rec644441923 .tn-elem[data-elem-id="1690238538450"] {
18130                    width: 560px;
18131                    height: 290px;
18132                }
18133            }
18134
18135            @media  screen and (max-width: 639px) {
18136                #rec644441923 .tn-elem[data-elem-id="1690238538450"] {
18137                    width: 240px;
18138                    height: 125px;
18139                }
18140            }
18141
18142            #rec644441923 .tn-elem[data-elem-id="1690238351801"] {
18143                color: #f4f4f4;
18144                text-align: LEFT;
18145                z-index: 8;
18146                top: 22px;
18147                left: calc(50% - 600px + 64px);
18148                width: 230px;
18149                pointer-events: none;
18150            }
18151
18152            #rec644441923 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
18153                color: #f4f4f4;
18154                font-size: 18px;
18155                font-family: 'Manrope', Arial, sans-serif;
18156                line-height: 1.00;
18157                font-weight: 500;
18158                background-position: center center;
18159                border-color: transparent;
18160                border-style: solid;
18161            }
18162
18163            @media  screen and (max-width: 1199px) {
18164                #rec644441923 .tn-elem[data-elem-id="1690238351801"] {
18165                    top: 20px;
18166                    left: calc(50% - 480px + 60px);
18167                }
18168            }
18169
18170            @media  screen and (max-width: 959px) {
18171                #rec644441923 .tn-elem[data-elem-id="1690238351801"] {
18172                    top: 40px;
18173                    left: calc(50% - 320px + 277px);
18174                    width: 10px;
18175                }
18176            }
18177
18178            @media  screen and (max-width: 639px) {
18179                #rec644441923 .tn-elem[data-elem-id="1690238351801"] {
18180                    top: 10px;
18181                    left: calc(50% - 160px + 132px);
18182                }
18183
18184                #rec644441923 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
18185                    font-size: 12px;
18186                }
18187            }</style>
18188        <div class='t396'>
18189            <div class="t396__artboard" data-artboard-recid="644441923" data-artboard-screens="320,640,960,1200"
18190                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
18191                 data-artboard-height-res-320="125" data-artboard-height-res-640="290"
18192                 data-artboard-height-res-960="220"
18193            >
18194                <div class="t396__carrier" data-artboard-recid="644441923"></div>
18195                <div class="t396__filter" data-artboard-recid="644441923"></div>
18196                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444419231690241109137 ' data-elem-id='1690241109137'
18197                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
18198                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
18199                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
18200                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
18201                     data-animate-mobile="y" data-animate-sbs-event="hover"
18202                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
18203                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
18204                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
18205                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
18206                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
18207                >
18208                    <div class='tn-atom'></div>
18209                </div>
18210                <div class='t396__elem tn-elem show_1_1 tn-elem__6444419231690239578729 ' data-elem-id='1690239578729'
18211                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
18212                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
18213                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
18214                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
18215                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
18216                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
18217                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
18218                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
18219                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
18220                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
18221                     data-field-width-res-960-value="424"
18222                >
18223                    <div class='tn-atom t-bgimg'
18224                         data-original="/images/v2/tild3762-6536-4233-a563-626563346536__case_3_3_a1.svg"
18225                         style="background-image:url('/images/v2/tild3762-6536-4233-a563-626563346536__case_3_3_a1.svg');"
18226                    ></div>
18227                </div>
18228                <div class='t396__elem tn-elem show_1_1 tn-elem__6444419231690239670103 t396__elem--anim-hidden'
18229                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="1"
18230                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
18231                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
18232                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
18233                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
18234                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
18235                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
18236                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
18237                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
18238                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
18239                     data-field-width-res-960-value="424"
18240                >
18241                    <div class='tn-atom t-bgimg'
18242                         data-original="/images/v2/tild6133-6237-4633-a131-626136656235__case_3_3_a2.svg"
18243                         style="background-image:url('/images/v2/tild6133-6237-4633-a131-626136656235__case_3_3_a2.svg');"
18244                    ></div>
18245                </div>
18246                <div class='t396__elem tn-elem show_1_1 tn-elem__6444419231690239682409 t396__elem--anim-hidden'
18247                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="1"
18248                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
18249                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
18250                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
18251                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
18252                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
18253                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
18254                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
18255                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
18256                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
18257                     data-field-width-res-960-value="424"
18258                >
18259                    <div class='tn-atom t-bgimg'
18260                         data-original="/images/v2/tild3436-6565-4134-b634-353334303433__case_3_3_a3.svg"
18261                         style="background-image:url('/images/v2/tild3436-6565-4134-b634-353334303433__case_3_3_a3.svg');"
18262                    ></div>
18263                </div>
18264                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444419231690238351796 ' data-elem-id='1690238351796'
18265                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
18266                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
18267                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
18268                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
18269                     data-animate-mobile="y" data-animate-sbs-event="hover"
18270                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
18271                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
18272                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
18273                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
18274                     data-field-width-res-960-value="424"
18275                >
18276                    <div class='tn-atom'></div>
18277                </div>
18278                <div class='t396__elem tn-elem tn-elem__6444419231690238538450 ' data-elem-id='1690238538450'
18279                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
18280                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
18281                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
18282                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
18283                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
18284                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
18285                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
18286                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
18287                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
18288                     data-field-width-res-960-value="424"
18289                >
18290                    <div class='tn-atom t-bgimg'
18291                         data-original="/images/v2/tild3136-3134-4132-b134-616134393832__case_3_3.png"
18292                         style="background-image:url('/images/v2/tild3136-3134-4132-b134-616134393832__case_3_3.png');"
18293                    ></div>
18294                </div>
18295                <div class='t396__elem tn-elem tn-elem__6444419231690238351801 t-animate' data-elem-id='1690238351801'
18296                     data-elem-type='text' data-field-top-value="22" data-field-left-value="64"
18297                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
18298                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
18299                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
18300                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
18301                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="132"
18302                     data-field-top-res-640-value="40" data-field-left-res-640-value="277"
18303                     data-field-width-res-640-value="10" data-field-top-res-960-value="20"
18304                     data-field-left-res-960-value="60"
18305                >
18306                    <div class='tn-atom' field='tn_text_1690238351801'>Мелоквиз</div>
18307                </div>
18308            </div>
18309        </div>
18310        
18310<script>t_onFuncLoad('t396_initialScale', function () {
18311                t396_initialScale('644441923');
18312            });
18313            t_onReady(function () {
18314                t_onFuncLoad('t396_init', function () {
18315                    t396_init('644441923');
18316                });
18317            });</script>
18317<!-- /T396 --></div>
18318    <div id="rec644442050" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
18319        <style>#rec644442050 .t396__artboard {
18320                height: 280px;
18321                background-color: #121313;
18322            }
18323
18324            #rec644442050 .t396__filter {
18325                height: 280px;
18326            }
18327
18328            #rec644442050 .t396__carrier {
18329                height: 280px;
18330                background-position: center center;
18331                background-attachment: scroll;
18332                background-size: cover;
18333                background-repeat: no-repeat;
18334            }
18335
18336            @media  screen and (max-width: 1199px) {
18337                #rec644442050 .t396__artboard {
18338                    height: 220px;
18339                }
18340
18341                #rec644442050 .t396__filter {
18342                    height: 220px;
18343                }
18344
18345                #rec644442050 .t396__carrier {
18346                    height: 220px;
18347                    background-attachment: scroll;
18348                }
18349            }
18350
18351            @media  screen and (max-width: 959px) {
18352                #rec644442050 .t396__artboard {
18353                    height: 290px;
18354                }
18355
18356                #rec644442050 .t396__filter {
18357                    height: 290px;
18358                }
18359
18360                #rec644442050 .t396__carrier {
18361                    height: 290px;
18362                    background-attachment: scroll;
18363                }
18364            }
18365
18366            @media  screen and (max-width: 639px) {
18367                #rec644442050 .t396__artboard {
18368                    height: 125px;
18369                }
18370
18371                #rec644442050 .t396__filter {
18372                    height: 125px;
18373                }
18374
18375                #rec644442050 .t396__carrier {
18376                    height: 125px;
18377                    background-attachment: scroll;
18378                }
18379            }
18380
18381            #rec644442050 .tn-elem[data-elem-id="1694167981321"] {
18382                z-index: 3;
18383                top: 1px;
18384                left: calc(50% - 600px + 620px);
18385                width: 540px;
18386                height: 280px;
18387            }
18388
18389            #rec644442050 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981321"] {
18390                opacity: 0;
18391            }
18392
18393            #rec644442050 .tn-elem[data-elem-id="1694167981321"] .tn-atom {
18394                border-width: 0px;
18395                border-radius: 14px;
18396                background-color: #23c255;
18397                background-position: center center;
18398                border-color: transparent;
18399                border-style: solid;
18400            }
18401
18402            @media  screen and (max-width: 1199px) {
18403                #rec644442050 .tn-elem[data-elem-id="1694167981321"] {
18404                    top: 0px;
18405                    left: calc(50% - 480px + 496px);
18406                    width: 424px;
18407                    height: 220px;
18408                }
18409            }
18410
18411            @media  screen and (max-width: 959px) {
18412                #rec644442050 .tn-elem[data-elem-id="1694167981321"] {
18413                    top: 0px;
18414                    left: calc(50% - 320px + 40px);
18415                    width: 560px;
18416                    height: 290px;
18417                }
18418            }
18419
18420            @media  screen and (max-width: 639px) {
18421                #rec644442050 .tn-elem[data-elem-id="1694167981321"] {
18422                    top: 0px;
18423                    left: calc(50% - 160px + 40px);
18424                    width: 240px;
18425                    height: 125px;
18426                }
18427            }
18428
18429            #rec644442050 .tn-elem[data-elem-id="1694167981326"] {
18430                z-index: 4;
18431                top: 1px;
18432                left: calc(50% - 600px + 620px);
18433                width: 540px;
18434                height: 280px;
18435                pointer-events: none;
18436            }
18437
18438            #rec644442050 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981326"] {
18439                opacity: 0;
18440            }
18441
18442            #rec644442050 .tn-elem[data-elem-id="1694167981326"] .tn-atom {
18443                border-radius: 13px;
18444                background-position: center top;
18445                background-size: cover;
18446                background-repeat: no-repeat;
18447                border-color: transparent;
18448                border-style: solid;
18449            }
18450
18451            @media  screen and (max-width: 1199px) {
18452                #rec644442050 .tn-elem[data-elem-id="1694167981326"] {
18453                    top: 0px;
18454                    left: calc(50% - 480px + 496px);
18455                    width: 424px;
18456                    height: 220px;
18457                }
18458            }
18459
18460            @media  screen and (max-width: 959px) {
18461                #rec644442050 .tn-elem[data-elem-id="1694167981326"] {
18462                    top: 0px;
18463                    left: calc(50% - 320px + 40px);
18464                    width: 560px;
18465                    height: 290px;
18466                }
18467            }
18468
18469            @media  screen and (max-width: 639px) {
18470                #rec644442050 .tn-elem[data-elem-id="1694167981326"] {
18471                    top: 0px;
18472                    left: calc(50% - 160px + 40px);
18473                    width: 240px;
18474                    height: 125px;
18475                }
18476            }
18477
18478            #rec644442050 .tn-elem[data-elem-id="1694167981330"] {
18479                z-index: 5;
18480                top: 1px;
18481                left: calc(50% - 600px + 620px);
18482                width: 540px;
18483                height: 280px;
18484                pointer-events: none;
18485            }
18486
18487            #rec644442050 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981330"] {
18488                opacity: 0;
18489            }
18490
18491            #rec644442050 .tn-elem[data-elem-id="1694167981330"] .tn-atom {
18492                border-radius: 13px;
18493                background-position: center top;
18494                background-size: cover;
18495                background-repeat: no-repeat;
18496                border-color: transparent;
18497                border-style: solid;
18498            }
18499
18500            @media  screen and (max-width: 1199px) {
18501                #rec644442050 .tn-elem[data-elem-id="1694167981330"] {
18502                    top: 0px;
18503                    left: calc(50% - 480px + 496px);
18504                    width: 424px;
18505                    height: 220px;
18506                }
18507            }
18508
18509            @media  screen and (max-width: 959px) {
18510                #rec644442050 .tn-elem[data-elem-id="1694167981330"] {
18511                    top: 0px;
18512                    left: calc(50% - 320px + 40px);
18513                    width: 560px;
18514                    height: 290px;
18515                }
18516            }
18517
18518            @media  screen and (max-width: 639px) {
18519                #rec644442050 .tn-elem[data-elem-id="1694167981330"] {
18520                    top: 0px;
18521                    left: calc(50% - 160px + 40px);
18522                    width: 240px;
18523                    height: 125px;
18524                }
18525            }
18526
18527            #rec644442050 .tn-elem[data-elem-id="1694167981333"] {
18528                z-index: 6;
18529                top: 1px;
18530                left: calc(50% - 600px + 620px);
18531                width: 540px;
18532                height: 280px;
18533                pointer-events: none;
18534            }
18535
18536            #rec644442050 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981333"] {
18537                opacity: 0;
18538            }
18539
18540            #rec644442050 .tn-elem[data-elem-id="1694167981333"] .tn-atom {
18541                border-radius: 13px;
18542                background-position: center top;
18543                background-size: cover;
18544                background-repeat: no-repeat;
18545                border-color: transparent;
18546                border-style: solid;
18547            }
18548
18549            @media  screen and (max-width: 1199px) {
18550                #rec644442050 .tn-elem[data-elem-id="1694167981333"] {
18551                    top: 0px;
18552                    left: calc(50% - 480px + 496px);
18553                    width: 424px;
18554                    height: 220px;
18555                }
18556            }
18557
18558            @media  screen and (max-width: 959px) {
18559                #rec644442050 .tn-elem[data-elem-id="1694167981333"] {
18560                    top: 0px;
18561                    left: calc(50% - 320px + 40px);
18562                    width: 560px;
18563                    height: 290px;
18564                }
18565            }
18566
18567            @media  screen and (max-width: 639px) {
18568                #rec644442050 .tn-elem[data-elem-id="1694167981333"] {
18569                    top: 0px;
18570                    left: calc(50% - 160px + 40px);
18571                    width: 240px;
18572                    height: 125px;
18573                }
18574            }
18575
18576            #rec644442050 .tn-elem[data-elem-id="1694167981337"] {
18577                z-index: 7;
18578                top: 1px;
18579                left: calc(50% - 600px + 620px);
18580                width: 540px;
18581                height: 280px;
18582            }
18583
18584            #rec644442050 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981337"] {
18585                opacity: 0;
18586            }
18587
18588            #rec644442050 .tn-elem[data-elem-id="1694167981337"] .tn-atom {
18589                border-radius: 13px;
18590                background-color: #1b1e20;
18591                background-position: center center;
18592                border-color: transparent;
18593                border-style: solid;
18594            }
18595
18596            @media  screen and (max-width: 1199px) {
18597                #rec644442050 .tn-elem[data-elem-id="1694167981337"] {
18598                    top: 0px;
18599                    left: calc(50% - 480px + 496px);
18600                    width: 424px;
18601                    height: 220px;
18602                }
18603            }
18604
18605            @media  screen and (max-width: 959px) {
18606                #rec644442050 .tn-elem[data-elem-id="1694167981337"] {
18607                    top: 0px;
18608                    left: calc(50% - 320px + 40px);
18609                    width: 560px;
18610                    height: 290px;
18611                }
18612            }
18613
18614            @media  screen and (max-width: 639px) {
18615                #rec644442050 .tn-elem[data-elem-id="1694167981337"] {
18616                    top: 0px;
18617                    left: calc(50% - 160px + 40px);
18618                    width: 240px;
18619                    height: 125px;
18620                }
18621            }
18622
18623            #rec644442050 .tn-elem[data-elem-id="1694167981341"] {
18624                z-index: 8;
18625                top: 1px;
18626                left: calc(50% - 600px + 620px);
18627                width: 540px;
18628                height: 280px;
18629                pointer-events: none;
18630            }
18631
18632            #rec644442050 .tn-elem.t396__elem--anim-hidden[data-elem-id="1694167981341"] {
18633                opacity: 0;
18634            }
18635
18636            #rec644442050 .tn-elem[data-elem-id="1694167981341"] .tn-atom {
18637                border-radius: 13px;
18638                background-position: center top;
18639                background-size: cover;
18640                background-repeat: no-repeat;
18641                border-color: transparent;
18642                border-style: solid;
18643            }
18644
18645            @media  screen and (max-width: 1199px) {
18646                #rec644442050 .tn-elem[data-elem-id="1694167981341"] {
18647                    top: 0px;
18648                    left: calc(50% - 480px + 496px);
18649                    width: 424px;
18650                    height: 220px;
18651                }
18652            }
18653
18654            @media  screen and (max-width: 959px) {
18655                #rec644442050 .tn-elem[data-elem-id="1694167981341"] {
18656                    top: 0px;
18657                    left: calc(50% - 320px + 40px);
18658                    width: 560px;
18659                    height: 290px;
18660                }
18661            }
18662
18663            @media  screen and (max-width: 639px) {
18664                #rec644442050 .tn-elem[data-elem-id="1694167981341"] {
18665                    top: 0px;
18666                    left: calc(50% - 160px + 40px);
18667                    width: 240px;
18668                    height: 125px;
18669                }
18670            }
18671
18672            #rec644442050 .tn-elem[data-elem-id="1694167981345"] {
18673                color: #f4f4f4;
18674                text-align: LEFT;
18675                z-index: 9;
18676                top: 22px;
18677                left: calc(50% - 600px + 644px);
18678                width: 230px;
18679                pointer-events: none;
18680            }
18681
18682            #rec644442050 .tn-elem[data-elem-id="1694167981345"] .tn-atom {
18683                color: #f4f4f4;
18684                font-size: 18px;
18685                font-family: 'Manrope', Arial, sans-serif;
18686                line-height: 1.00;
18687                font-weight: 500;
18688                background-position: center center;
18689                border-color: transparent;
18690                border-style: solid;
18691            }
18692
18693            @media  screen and (max-width: 1199px) {
18694                #rec644442050 .tn-elem[data-elem-id="1694167981345"] {
18695                    top: 20px;
18696                    left: calc(50% - 480px + 515px);
18697                }
18698            }
18699
18700            @media  screen and (max-width: 959px) {
18701                #rec644442050 .tn-elem[data-elem-id="1694167981345"] {
18702                    top: 40px;
18703                    left: calc(50% - 320px + 284px);
18704                    width: 10px;
18705                }
18706            }
18707
18708            @media  screen and (max-width: 639px) {
18709                #rec644442050 .tn-elem[data-elem-id="1694167981345"] {
18710                    top: 10px;
18711                    left: calc(50% - 160px + 136px);
18712                }
18713
18714                #rec644442050 .tn-elem[data-elem-id="1694167981345"] .tn-atom {
18715                    font-size: 12px;
18716                }
18717            }</style>
18718        <div class='t396'>
18719            <div class="t396__artboard" data-artboard-recid="644442050" data-artboard-screens="320,640,960,1200"
18720                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
18721                 data-artboard-height-res-320="125" data-artboard-height-res-640="290"
18722                 data-artboard-height-res-960="220"
18723            >
18724                <div class="t396__carrier" data-artboard-recid="644442050"></div>
18725                <div class="t396__filter" data-artboard-recid="644442050"></div>
18726                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444420501694167981321 ' data-elem-id='1694167981321'
18727                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="620"
18728                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
18729                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
18730                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
18731                     data-animate-mobile="y" data-animate-sbs-event="hover"
18732                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
18733                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
18734                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
18735                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
18736                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
18737                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
18738                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
18739                >
18740                    <div class='tn-atom'></div>
18741                </div>
18742                <div class='t396__elem tn-elem show_1_1 tn-elem__6444420501694167981326 ' data-elem-id='1694167981326'
18743                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="620"
18744                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
18745                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
18746                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
18747                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
18748                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
18749                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
18750                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
18751                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
18752                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
18753                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
18754                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
18755                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
18756                >
18757                    <div class='tn-atom t-bgimg'
18758                         data-original="/images/v2/tild3732-3639-4531-b631-373538653662__case_3_1_a1.svg"
18759                         style="background-image:url('/images/v2/tild3732-3639-4531-b631-373538653662__case_3_1_a1.svg');"
18760                    ></div>
18761                </div>
18762                <div class='t396__elem tn-elem show_1_1 tn-elem__6444420501694167981330 t396__elem--anim-hidden'
18763                     data-elem-id='1694167981330' data-elem-type='shape' data-field-top-value="1"
18764                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
18765                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
18766                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
18767                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
18768                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
18769                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
18770                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
18771                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
18772                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
18773                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
18774                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
18775                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
18776                >
18777                    <div class='tn-atom t-bgimg'
18778                         data-original="/images/v2/tild3933-6332-4238-b237-343531336261__case_3_1_a2.svg"
18779                         style="background-image:url('/images/v2/tild3933-6332-4238-b237-343531336261__case_3_1_a2.svg');"
18780                    ></div>
18781                </div>
18782                <div class='t396__elem tn-elem show_1_1 tn-elem__6444420501694167981333 t396__elem--anim-hidden'
18783                     data-elem-id='1694167981333' data-elem-type='shape' data-field-top-value="1"
18784                     data-field-left-value="620" data-field-height-value="280" data-field-width-value="540"
18785                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
18786                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
18787                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
18788                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
18789                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
18790                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
18791                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
18792                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
18793                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
18794                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
18795                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
18796                >
18797                    <div class='tn-atom t-bgimg'
18798                         data-original="/images/v2/tild3830-3363-4134-a462-326534653338__case_3_1_a3.svg"
18799                         style="background-image:url('/images/v2/tild3830-3363-4134-a462-326534653338__case_3_1_a3.svg');"
18800                    ></div>
18801                </div>
18802                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444420501694167981337 ' data-elem-id='1694167981337'
18803                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="620"
18804                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
18805                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
18806                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
18807                     data-animate-mobile="y" data-animate-sbs-event="hover"
18808                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
18809                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
18810                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
18811                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
18812                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
18813                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
18814                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
18815                >
18816                    <div class='tn-atom'></div>
18817                </div>
18818                <div class='t396__elem tn-elem tn-elem__6444420501694167981341 ' data-elem-id='1694167981341'
18819                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="620"
18820                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
18821                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
18822                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
18823                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1694167981337"
18824                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
18825                     data-field-top-res-320-value="0" data-field-left-res-320-value="40"
18826                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
18827                     data-field-top-res-640-value="0" data-field-left-res-640-value="40"
18828                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
18829                     data-field-top-res-960-value="0" data-field-left-res-960-value="496"
18830                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
18831                >
18832                    <div class='tn-atom t-bgimg'
18833                         data-original="/images/v2/tild3534-6666-4234-a264-623462306338__case_3_1.png"
18834                         style="background-image:url('/images/v2/tild3534-6666-4234-a264-623462306338__case_3_1.png');"
18835                    ></div>
18836                </div>
18837                <div class='t396__elem tn-elem tn-elem__6444420501694167981345 t-animate' data-elem-id='1694167981345'
18838                     data-elem-type='text' data-field-top-value="22" data-field-left-value="644"
18839                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
18840                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
18841                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
18842                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
18843                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="136"
18844                     data-field-top-res-640-value="40" data-field-left-res-640-value="284"
18845                     data-field-width-res-640-value="10" data-field-top-res-960-value="20"
18846                     data-field-left-res-960-value="515"
18847                >
18848                    <div class='tn-atom' field='tn_text_1694167981345'>Караоке</div>
18849                </div>
18850            </div>
18851        </div>
18852        
18852<script>t_onFuncLoad('t396_initialScale', function () {
18853                t396_initialScale('644442050');
18854            });
18855            t_onReady(function () {
18856                t_onFuncLoad('t396_init', function () {
18857                    t396_init('644442050');
18858                });
18859            });</script>
18859<!-- /T396 --></div>
18860    <div id="rec644443464" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
18861        <style>#rec644443464 .t396__artboard {
18862                height: 280px;
18863                background-color: #121313;
18864                overflow-x: hidden;
18865                overflow-y: hidden;
18866            }
18867
18868            #rec644443464 .t396__filter {
18869                height: 280px;
18870            }
18871
18872            #rec644443464 .t396__carrier {
18873                height: 280px;
18874                background-position: center center;
18875                background-attachment: scroll;
18876                background-size: cover;
18877                background-repeat: no-repeat;
18878            }
18879
18880            @media  screen and (max-width: 1199px) {
18881                #rec644443464 .t396__artboard {
18882                    height: 220px;
18883                }
18884
18885                #rec644443464 .t396__filter {
18886                    height: 220px;
18887                }
18888
18889                #rec644443464 .t396__carrier {
18890                    height: 220px;
18891                    background-attachment: scroll;
18892                }
18893            }
18894
18895            @media  screen and (max-width: 959px) {
18896                #rec644443464 .t396__artboard {
18897                    height: 290px;
18898                }
18899
18900                #rec644443464 .t396__filter {
18901                    height: 290px;
18902                }
18903
18904                #rec644443464 .t396__carrier {
18905                    height: 290px;
18906                    background-attachment: scroll;
18907                }
18908            }
18909
18910            @media  screen and (max-width: 639px) {
18911                #rec644443464 .t396__artboard {
18912                    height: 125px;
18913                }
18914
18915                #rec644443464 .t396__filter {
18916                    height: 125px;
18917                }
18918
18919                #rec644443464 .t396__carrier {
18920                    height: 125px;
18921                    background-attachment: scroll;
18922                }
18923            }
18924
18925            #rec644443464 .tn-elem[data-elem-id="1690241327213"] {
18926                z-index: 3;
18927                top: 0px;
18928                left: calc(50% - 600px + 40px);
18929                width: 540px;
18930                height: 280px;
18931            }
18932
18933            #rec644443464 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327213"] {
18934                opacity: 0;
18935            }
18936
18937            #rec644443464 .tn-elem[data-elem-id="1690241327213"] .tn-atom {
18938                border-width: 0px;
18939                border-radius: 14px;
18940                background-color: #39bfd1;
18941                background-position: center center;
18942                border-color: transparent;
18943                border-style: solid;
18944            }
18945
18946            @media  screen and (max-width: 1199px) {
18947                #rec644443464 .tn-elem[data-elem-id="1690241327213"] {
18948                    left: calc(50% - 480px + 39px);
18949                    width: 424px;
18950                    height: 220px;
18951                }
18952            }
18953
18954            @media  screen and (max-width: 959px) {
18955                #rec644443464 .tn-elem[data-elem-id="1690241327213"] {
18956                    left: calc(50% - 320px + 40px);
18957                    width: 560px;
18958                    height: 290px;
18959                }
18960            }
18961
18962            @media  screen and (max-width: 639px) {
18963                #rec644443464 .tn-elem[data-elem-id="1690241327213"] {
18964                    width: 240px;
18965                    height: 125px;
18966                }
18967            }
18968
18969            #rec644443464 .tn-elem[data-elem-id="1690241327221"] {
18970                z-index: 4;
18971                top: 0px;
18972                left: calc(50% - 600px + 40px);
18973                width: 540px;
18974                height: 280px;
18975                pointer-events: none;
18976            }
18977
18978            #rec644443464 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327221"] {
18979                opacity: 0;
18980            }
18981
18982            #rec644443464 .tn-elem[data-elem-id="1690241327221"] .tn-atom {
18983                border-radius: 13px;
18984                background-position: center top;
18985                background-size: cover;
18986                background-repeat: no-repeat;
18987                border-color: transparent;
18988                border-style: solid;
18989            }
18990
18991            @media  screen and (max-width: 1199px) {
18992                #rec644443464 .tn-elem[data-elem-id="1690241327221"] {
18993                    left: calc(50% - 480px + 39px);
18994                    width: 424px;
18995                    height: 220px;
18996                }
18997            }
18998
18999            @media  screen and (max-width: 959px) {
19000                #rec644443464 .tn-elem[data-elem-id="1690241327221"] {
19001                    left: calc(50% - 320px + 40px);
19002                    width: 560px;
19003                    height: 290px;
19004                }
19005            }
19006
19007            @media  screen and (max-width: 639px) {
19008                #rec644443464 .tn-elem[data-elem-id="1690241327221"] {
19009                    width: 240px;
19010                    height: 125px;
19011                }
19012            }
19013
19014            #rec644443464 .tn-elem[data-elem-id="1690241327227"] {
19015                z-index: 5;
19016                top: 0px;
19017                left: calc(50% - 600px + 40px);
19018                width: 540px;
19019                height: 280px;
19020                pointer-events: none;
19021            }
19022
19023            #rec644443464 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327227"] {
19024                opacity: 0;
19025            }
19026
19027            #rec644443464 .tn-elem[data-elem-id="1690241327227"] .tn-atom {
19028                border-radius: 13px;
19029                background-position: center top;
19030                background-size: cover;
19031                background-repeat: no-repeat;
19032                border-color: transparent;
19033                border-style: solid;
19034            }
19035
19036            @media  screen and (max-width: 1199px) {
19037                #rec644443464 .tn-elem[data-elem-id="1690241327227"] {
19038                    left: calc(50% - 480px + 39px);
19039                    width: 424px;
19040                    height: 220px;
19041                }
19042            }
19043
19044            @media  screen and (max-width: 959px) {
19045                #rec644443464 .tn-elem[data-elem-id="1690241327227"] {
19046                    left: calc(50% - 320px + 40px);
19047                    width: 560px;
19048                    height: 290px;
19049                }
19050            }
19051
19052            @media  screen and (max-width: 639px) {
19053                #rec644443464 .tn-elem[data-elem-id="1690241327227"] {
19054                    width: 240px;
19055                    height: 125px;
19056                }
19057            }
19058
19059            #rec644443464 .tn-elem[data-elem-id="1690241327233"] {
19060                z-index: 6;
19061                top: 0px;
19062                left: calc(50% - 600px + 40px);
19063                width: 540px;
19064                height: 280px;
19065                pointer-events: none;
19066            }
19067
19068            #rec644443464 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327233"] {
19069                opacity: 0;
19070            }
19071
19072            #rec644443464 .tn-elem[data-elem-id="1690241327233"] .tn-atom {
19073                border-radius: 13px;
19074                background-position: center top;
19075                background-size: cover;
19076                background-repeat: no-repeat;
19077                border-color: transparent;
19078                border-style: solid;
19079            }
19080
19081            @media  screen and (max-width: 1199px) {
19082                #rec644443464 .tn-elem[data-elem-id="1690241327233"] {
19083                    left: calc(50% - 480px + 39px);
19084                    width: 424px;
19085                    height: 220px;
19086                }
19087            }
19088
19089            @media  screen and (max-width: 959px) {
19090                #rec644443464 .tn-elem[data-elem-id="1690241327233"] {
19091                    left: calc(50% - 320px + 40px);
19092                    width: 560px;
19093                    height: 290px;
19094                }
19095            }
19096
19097            @media  screen and (max-width: 639px) {
19098                #rec644443464 .tn-elem[data-elem-id="1690241327233"] {
19099                    width: 240px;
19100                    height: 125px;
19101                }
19102            }
19103
19104            #rec644443464 .tn-elem[data-elem-id="1690241327217"] {
19105                z-index: 7;
19106                top: 0px;
19107                left: calc(50% - 600px + 40px);
19108                width: 540px;
19109                height: 280px;
19110            }
19111
19112            #rec644443464 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327217"] {
19113                opacity: 0;
19114            }
19115
19116            #rec644443464 .tn-elem[data-elem-id="1690241327217"] .tn-atom {
19117                border-radius: 13px;
19118                background-color: #1b1e20;
19119                background-position: center center;
19120                border-color: transparent;
19121                border-style: solid;
19122            }
19123
19124            @media  screen and (max-width: 1199px) {
19125                #rec644443464 .tn-elem[data-elem-id="1690241327217"] {
19126                    left: calc(50% - 480px + 39px);
19127                    width: 424px;
19128                    height: 220px;
19129                }
19130            }
19131
19132            @media  screen and (max-width: 959px) {
19133                #rec644443464 .tn-elem[data-elem-id="1690241327217"] {
19134                    left: calc(50% - 320px + 40px);
19135                    width: 560px;
19136                    height: 290px;
19137                }
19138            }
19139
19140            @media  screen and (max-width: 639px) {
19141                #rec644443464 .tn-elem[data-elem-id="1690241327217"] {
19142                    width: 240px;
19143                    height: 125px;
19144                }
19145            }
19146
19147            #rec644443464 .tn-elem[data-elem-id="1690241327237"] {
19148                z-index: 8;
19149                top: 0px;
19150                left: calc(50% - 600px + 40px);
19151                width: 540px;
19152                height: 280px;
19153                pointer-events: none;
19154            }
19155
19156            #rec644443464 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241327237"] {
19157                opacity: 0;
19158            }
19159
19160            #rec644443464 .tn-elem[data-elem-id="1690241327237"] .tn-atom {
19161                border-radius: 13px;
19162                background-position: center top;
19163                background-size: cover;
19164                background-repeat: no-repeat;
19165                border-color: transparent;
19166                border-style: solid;
19167            }
19168
19169            @media  screen and (max-width: 1199px) {
19170                #rec644443464 .tn-elem[data-elem-id="1690241327237"] {
19171                    left: calc(50% - 480px + 39px);
19172                    width: 424px;
19173                    height: 220px;
19174                }
19175            }
19176
19177            @media  screen and (max-width: 959px) {
19178                #rec644443464 .tn-elem[data-elem-id="1690241327237"] {
19179                    left: calc(50% - 320px + 40px);
19180                    width: 560px;
19181                    height: 290px;
19182                }
19183            }
19184
19185            @media  screen and (max-width: 639px) {
19186                #rec644443464 .tn-elem[data-elem-id="1690241327237"] {
19187                    width: 240px;
19188                    height: 125px;
19189                }
19190            }
19191
19192            #rec644443464 .tn-elem[data-elem-id="1690238351818"] {
19193                color: #f4f4f4;
19194                text-align: LEFT;
19195                z-index: 9;
19196                top: 22px;
19197                left: calc(50% - 600px + 64px);
19198                width: 199px;
19199                pointer-events: none;
19200            }
19201
19202            #rec644443464 .tn-elem[data-elem-id="1690238351818"] .tn-atom {
19203                color: #f4f4f4;
19204                font-size: 18px;
19205                font-family: 'Manrope', Arial, sans-serif;
19206                line-height: 1.00;
19207                font-weight: 500;
19208                background-position: center center;
19209                border-color: transparent;
19210                border-style: solid;
19211            }
19212
19213            @media  screen and (max-width: 1199px) {
19214                #rec644443464 .tn-elem[data-elem-id="1690238351818"] {
19215                    left: calc(50% - 480px + 58px);
19216                }
19217            }
19218
19219            @media  screen and (max-width: 959px) {
19220                #rec644443464 .tn-elem[data-elem-id="1690238351818"] {
19221                    top: 40px;
19222                    left: calc(50% - 320px + 233px);
19223                    width: 204px;
19224                }
19225            }
19226
19227            @media  screen and (max-width: 639px) {
19228                #rec644443464 .tn-elem[data-elem-id="1690238351818"] {
19229                    top: 10px;
19230                    left: calc(50% - 160px + 102px);
19231                    width: 141px;
19232                }
19233
19234                #rec644443464 .tn-elem[data-elem-id="1690238351818"] .tn-atom {
19235                    font-size: 12px;
19236                }
19237            }</style>
19238        <div class='t396'>
19239            <div class="t396__artboard" data-artboard-recid="644443464" data-artboard-screens="320,640,960,1200"
19240                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
19241                 data-artboard-ovrflw="custom" data-artboard-height-res-320="125" data-artboard-height-res-640="290"
19242                 data-artboard-height-res-960="220"
19243            >
19244                <div class="t396__carrier" data-artboard-recid="644443464"></div>
19245                <div class="t396__filter" data-artboard-recid="644443464"></div>
19246                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444434641690241327213 ' data-elem-id='1690241327213'
19247                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
19248                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
19249                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
19250                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
19251                     data-animate-mobile="y" data-animate-sbs-event="hover"
19252                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
19253                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
19254                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
19255                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
19256                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
19257                >
19258                    <div class='tn-atom'></div>
19259                </div>
19260                <div class='t396__elem tn-elem show_1_1 tn-elem__6444434641690241327221 ' data-elem-id='1690241327221'
19261                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
19262                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
19263                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
19264                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
19265                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
19266                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
19267                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
19268                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
19269                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
19270                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
19271                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
19272                >
19273                    <div class='tn-atom t-bgimg'
19274                         data-original="/images/v2/tild6432-3038-4539-b663-653064386439__case_3_2_a1.svg"
19275                         style="background-image:url('/images/v2/tild6432-3038-4539-b663-653064386439__case_3_2_a1.svg');"
19276                    ></div>
19277                </div>
19278                <div class='t396__elem tn-elem show_1_1 tn-elem__6444434641690241327227 t396__elem--anim-hidden'
19279                     data-elem-id='1690241327227' data-elem-type='shape' data-field-top-value="0"
19280                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
19281                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
19282                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
19283                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
19284                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
19285                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
19286                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
19287                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
19288                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
19289                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
19290                >
19291                    <div class='tn-atom t-bgimg'
19292                         data-original="/images/v2/tild6366-6334-4837-b463-643831633163__case_3_2_a2.svg"
19293                         style="background-image:url('/images/v2/tild6366-6334-4837-b463-643831633163__case_3_2_a2.svg');"
19294                    ></div>
19295                </div>
19296                <div class='t396__elem tn-elem show_1_1 tn-elem__6444434641690241327233 t396__elem--anim-hidden'
19297                     data-elem-id='1690241327233' data-elem-type='shape' data-field-top-value="0"
19298                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
19299                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
19300                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
19301                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
19302                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
19303                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
19304                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
19305                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
19306                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
19307                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
19308                >
19309                    <div class='tn-atom t-bgimg'
19310                         data-original="/images/v2/tild3461-3438-4830-b330-316633333165__case_3_2_a3.svg"
19311                         style="background-image:url('/images/v2/tild3461-3438-4830-b330-316633333165__case_3_2_a3.svg');"
19312                    ></div>
19313                </div>
19314                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444434641690241327217 ' data-elem-id='1690241327217'
19315                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
19316                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
19317                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
19318                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
19319                     data-animate-mobile="y" data-animate-sbs-event="hover"
19320                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
19321                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
19322                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
19323                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
19324                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
19325                >
19326                    <div class='tn-atom'></div>
19327                </div>
19328                <div class='t396__elem tn-elem tn-elem__6444434641690241327237 ' data-elem-id='1690241327237'
19329                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
19330                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
19331                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
19332                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
19333                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690241327217"
19334                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
19335                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
19336                     data-field-left-res-640-value="40" data-field-height-res-640-value="290"
19337                     data-field-width-res-640-value="560" data-field-left-res-960-value="39"
19338                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
19339                >
19340                    <div class='tn-atom t-bgimg'
19341                         data-original="/images/v2/tild6231-3963
19341-4334-a464-396631613535__case_3_2.png"
19342                         style="background-image:url('/images/v2/tild6231-3963-4334-a464-396631613535__case_3_2.png');"
19343                    ></div>
19344                </div>
19345                <div class='t396__elem tn-elem tn-elem__6444434641690238351818 t-animate' data-elem-id='1690238351818'
19346                     data-elem-type='text' data-field-top-value="22" data-field-left-value="64"
19347                     data-field-width-value="199" data-field-axisy-value="top" data-field-axisx-value="left"
19348                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
19349                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
19350                     data-animate-duration="0.8" data-animate-delay="0.4" data-animate-distance="15"
19351                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="102"
19352                     data-field-width-res-320-value="141" data-field-top-res-640-value="40"
19353                     data-field-left-res-640-value="233" data-field-width-res-640-value="204"
19354                     data-field-left-res-960-value="58"
19355                >
19356                    <div class='tn-atom' field='tn_text_1690238351818'>Музыкальная волна</div>
19357                </div>
19358            </div>
19359        </div>
19360        
19360<script>t_onFuncLoad('t396_initialScale', function () {
19361                t396_initialScale('644443464');
19362            });
19363            t_onReady(function () {
19364                t_onFuncLoad('t396_init', function () {
19365                    t396_init('644443464');
19366                });
19367            });</script>
19367<!-- /T396 --></div>
19368    <div id="rec644443553" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
19369        <style>#rec644443553 .t396__artboard {
19370                height: 280px;
19371                background-color: #121313;
19372            }
19373
19374            #rec644443553 .t396__filter {
19375                height: 280px;
19376            }
19377
19378            #rec644443553 .t396__carrier {
19379                height: 280px;
19380                background-position: center center;
19381                background-attachment: scroll;
19382                background-size: cover;
19383                background-repeat: no-repeat;
19384            }
19385
19386            @media  screen and (max-width: 1199px) {
19387                #rec644443553 .t396__artboard {
19388                    height: 220px;
19389                }
19390
19391                #rec644443553 .t396__filter {
19392                    height: 220px;
19393                }
19394
19395                #rec644443553 .t396__carrier {
19396                    height: 220px;
19397                    background-attachment: scroll;
19398                }
19399            }
19400
19401            @media  screen and (max-width: 959px) {
19402                #rec644443553 .t396__artboard {
19403                    height: 290px;
19404                }
19405
19406                #rec644443553 .t396__filter {
19407                    height: 290px;
19408                }
19409
19410                #rec644443553 .t396__carrier {
19411                    height: 290px;
19412                    background-attachment: scroll;
19413                }
19414            }
19415
19416            @media  screen and (max-width: 639px) {
19417                #rec644443553 .t396__artboard {
19418                    height: 125px;
19419                }
19420
19421                #rec644443553 .t396__filter {
19422                    height: 125px;
19423                }
19424
19425                #rec644443553 .t396__carrier {
19426                    height: 125px;
19427                    background-attachment: scroll;
19428                }
19429            }
19430
19431            #rec644443553 .tn-elem[data-elem-id="1690241109137"] {
19432                z-index: 2;
19433                top: 1px;
19434                left: calc(50% - 600px + 40px);
19435                width: 540px;
19436                height: 280px;
19437            }
19438
19439            #rec644443553 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690241109137"] {
19440                opacity: 0;
19441            }
19442
19443            #rec644443553 .tn-elem[data-elem-id="1690241109137"] .tn-atom {
19444                border-width: 0px;
19445                border-radius: 14px;
19446                background-color: #f04392;
19447                background-position: center center;
19448                border-color: transparent;
19449                border-style: solid;
19450            }
19451
19452            @media  screen and (max-width: 1199px) {
19453                #rec644443553 .tn-elem[data-elem-id="1690241109137"] {
19454                    top: 0px;
19455                    left: calc(50% - 480px + 40px);
19456                    width: 424px;
19457                    height: 220px;
19458                }
19459            }
19460
19461            @media  screen and (max-width: 959px) {
19462                #rec644443553 .tn-elem[data-elem-id="1690241109137"] {
19463                    width: 560px;
19464                    height: 290px;
19465                }
19466            }
19467
19468            @media  screen and (max-width: 639px) {
19469                #rec644443553 .tn-elem[data-elem-id="1690241109137"] {
19470                    width: 240px;
19471                    height: 125px;
19472                }
19473            }
19474
19475            #rec644443553 .tn-elem[data-elem-id="1690239578729"] {
19476                z-index: 3;
19477                top: 1px;
19478                left: calc(50% - 600px + 40px);
19479                width: 540px;
19480                height: 280px;
19481                pointer-events: none;
19482            }
19483
19484            #rec644443553 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239578729"] {
19485                opacity: 0;
19486            }
19487
19488            #rec644443553 .tn-elem[data-elem-id="1690239578729"] .tn-atom {
19489                border-radius: 13px;
19490                background-position: center top;
19491                background-size: cover;
19492                background-repeat: no-repeat;
19493                border-color: transparent;
19494                border-style: solid;
19495            }
19496
19497            @media  screen and (max-width: 1199px) {
19498                #rec644443553 .tn-elem[data-elem-id="1690239578729"] {
19499                    top: 0px;
19500                    width: 424px;
19501                    height: 220px;
19502                }
19503            }
19504
19505            @media  screen and (max-width: 959px) {
19506                #rec644443553 .tn-elem[data-elem-id="1690239578729"] {
19507                    width: 560px;
19508                    height: 290px;
19509                }
19510            }
19511
19512            @media  screen and (max-width: 639px) {
19513                #rec644443553 .tn-elem[data-elem-id="1690239578729"] {
19514                    width: 240px;
19515                    height: 125px;
19516                }
19517            }
19518
19519            #rec644443553 .tn-elem[data-elem-id="1690239670103"] {
19520                z-index: 4;
19521                top: 1px;
19522                left: calc(50% - 600px + 40px);
19523                width: 540px;
19524                height: 280px;
19525                pointer-events: none;
19526            }
19527
19528            #rec644443553 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239670103"] {
19529                opacity: 0;
19530            }
19531
19532            #rec644443553 .tn-elem[data-elem-id="1690239670103"] .tn-atom {
19533                border-radius: 13px;
19534                background-position: center top;
19535                background-size: cover;
19536                background-repeat: no-repeat;
19537                border-color: transparent;
19538                border-style: solid;
19539            }
19540
19541            @media  screen and (max-width: 1199px) {
19542                #rec644443553 .tn-elem[data-elem-id="1690239670103"] {
19543                    top: 0px;
19544                    width: 424px;
19545                    height: 220px;
19546                }
19547            }
19548
19549            @media  screen and (max-width: 959px) {
19550                #rec644443553 .tn-elem[data-elem-id="1690239670103"] {
19551                    width: 560px;
19552                    height: 290px;
19553                }
19554            }
19555
19556            @media  screen and (max-width: 639px) {
19557                #rec644443553 .tn-elem[data-elem-id="1690239670103"] {
19558                    width: 240px;
19559                    height: 125px;
19560                }
19561            }
19562
19563            #rec644443553 .tn-elem[data-elem-id="1690239682409"] {
19564                z-index: 5;
19565                top: 1px;
19566                left: calc(50% - 600px + 40px);
19567                width: 540px;
19568                height: 280px;
19569                pointer-events: none;
19570            }
19571
19572            #rec644443553 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690239682409"] {
19573                opacity: 0;
19574            }
19575
19576            #rec644443553 .tn-elem[data-elem-id="1690239682409"] .tn-atom {
19577                border-radius: 13px;
19578                background-position: center top;
19579                background-size: cover;
19580                background-repeat: no-repeat;
19581                border-color: transparent;
19582                border-style: solid;
19583            }
19584
19585            @media  screen and (max-width: 1199px) {
19586                #rec644443553 .tn-elem[data-elem-id="1690239682409"] {
19587                    top: 0px;
19588                    width: 424px;
19589                    height: 220px;
19590                }
19591            }
19592
19593            @media  screen and (max-width: 959px) {
19594                #rec644443553 .tn-elem[data-elem-id="1690239682409"] {
19595                    width: 560px;
19596                    height: 290px;
19597                }
19598            }
19599
19600            @media  screen and (max-width: 639px) {
19601                #rec644443553 .tn-elem[data-elem-id="1690239682409"] {
19602                    width: 240px;
19603                    height: 125px;
19604                }
19605            }
19606
19607            #rec644443553 .tn-elem[data-elem-id="1690238351796"] {
19608                z-index: 6;
19609                top: 1px;
19610                left: calc(50% - 600px + 40px);
19611                width: 540px;
19612                height: 280px;
19613            }
19614
19615            #rec644443553 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238351796"] {
19616                opacity: 0;
19617            }
19618
19619            #rec644443553 .tn-elem[data-elem-id="1690238351796"] .tn-atom {
19620                border-radius: 13px;
19621                background-color: #1b1e20;
19622                background-position: center center;
19623                border-color: transparent;
19624                border-style: solid;
19625            }
19626
19627            @media  screen and (max-width: 1199px) {
19628                #rec644443553 .tn-elem[data-elem-id="1690238351796"] {
19629                    top: 0px;
19630                    width: 424px;
19631                    height: 220px;
19632                }
19633            }
19634
19635            @media  screen and (max-width: 959px) {
19636                #rec644443553 .tn-elem[data-elem-id="1690238351796"] {
19637                    width: 560px;
19638                    height: 290px;
19639                }
19640            }
19641
19642            @media  screen and (max-width: 639px) {
19643                #rec644443553 .tn-elem[data-elem-id="1690238351796"] {
19644                    width: 240px;
19645                    height: 125px;
19646                }
19647            }
19648
19649            #rec644443553 .tn-elem[data-elem-id="1690238538450"] {
19650                z-index: 7;
19651                top: 1px;
19652                left: calc(50% - 600px + 40px);
19653                width: 540px;
19654                height: 280px;
19655                pointer-events: none;
19656            }
19657
19658            #rec644443553 .tn-elem.t396__elem--anim-hidden[data-elem-id="1690238538450"] {
19659                opacity: 0;
19660            }
19661
19662            #rec644443553 .tn-elem[data-elem-id="1690238538450"] .tn-atom {
19663                border-radius: 13px;
19664                background-position: center top;
19665                background-size: cover;
19666                background-repeat: no-repeat;
19667                border-color: transparent;
19668                border-style: solid;
19669            }
19670
19671            @media  screen and (max-width: 1199px) {
19672                #rec644443553 .tn-elem[data-elem-id="1690238538450"] {
19673                    top: 0px;
19674                    width: 424px;
19675                    height: 220px;
19676                }
19677            }
19678
19679            @media  screen and (max-width: 959px) {
19680                #rec644443553 .tn-elem[data-elem-id="1690238538450"] {
19681                    width: 560px;
19682                    height: 290px;
19683                }
19684            }
19685
19686            @media  screen and (max-width: 639px) {
19687                #rec644443553 .tn-elem[data-elem-id="1690238538450"] {
19688                    width: 240px;
19689                    height: 125px;
19690                }
19691            }
19692
19693            #rec644443553 .tn-elem[data-elem-id="1690238351801"] {
19694                color: #f4f4f4;
19695                text-align: LEFT;
19696                z-index: 8;
19697                top: 22px;
19698                left: calc(50% - 600px + 64px);
19699                width: 230px;
19700                pointer-events: none;
19701            }
19702
19703            #rec644443553 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
19704                color: #f4f4f4;
19705                font-size: 18px;
19706                font-family: 'Manrope', Arial, sans-serif;
19707                line-height: 1.00;
19708                font-weight: 500;
19709                background-position: center center;
19710                border-color: transparent;
19711                border-style: solid;
19712            }
19713
19714            @media  screen and (max-width: 1199px) {
19715                #rec644443553 .tn-elem[data-elem-id="1690238351801"] {
19716                    top: 20px;
19717                    left: calc(50% - 480px + 60px);
19718                }
19719            }
19720
19721            @media  screen and (max-width: 959px) {
19722                #rec644443553 .tn-elem[data-elem-id="1690238351801"] {
19723                    top: 40px;
19724                    left: calc(50% - 320px + 277px);
19725                    width: 10px;
19726                }
19727            }
19728
19729            @media  screen and (max-width: 639px) {
19730                #rec644443553 .tn-elem[data-elem-id="1690238351801"] {
19731                    top: 10px;
19732                    left: calc(50% - 160px + 132px);
19733                }
19734
19735                #rec644443553 .tn-elem[data-elem-id="1690238351801"] .tn-atom {
19736                    font-size: 12px;
19737                }
19738            }</style>
19739        <div class='t396'>
19740            <div class="t396__artboard" data-artboard-recid="644443553" data-artboard-screens="320,640,960,1200"
19741                 data-artboard-height="280" data-artboard-valign="center" data-artboard-upscale="window"
19742                 data-artboard-height-res-320="125" data-artboard-height-res-640="290"
19743                 data-artboard-height-res-960="220"
19744            >
19745                <div class="t396__carrier" data-artboard-recid="644443553"></div>
19746                <div class="t396__filter" data-artboard-recid="644443553"></div>
19747                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444435531690241109137 ' data-elem-id='1690241109137'
19748                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
19749                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
19750                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
19751                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
19752                     data-animate-mobile="y" data-animate-sbs-event="hover"
19753                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':0.5,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
19754                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
19755                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
19756                     data-field-top-res-960-value="0" data-field-left-res-960-value="40"
19757                     data-field-height-res-960-value="220" data-field-width-res-960-value="424"
19758                >
19759                    <div class='tn-atom'></div>
19760                </div>
19761                <div class='t396__elem tn-elem show_1_1 tn-elem__6444435531690239578729 ' data-elem-id='1690239578729'
19762                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
19763                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
19764                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
19765                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
19766                     data-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1"
19767                     data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
19768                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':100,'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
19769                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
19770                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
19771                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
19772                     data-field-width-res-960-value="424"
19773                >
19774                    <div class='tn-atom t-bgimg'
19775                         data-original="/images/v2/tild3762-6536-4233-a563-626563346536__case_3_3_a1.svg"
19776                         style="background-image:url('/images/v2/tild3762-6536-4233-a563-626563346536__case_3_3_a1.svg');"
19777                    ></div>
19778                </div>
19779                <div class='t396__elem tn-elem show_1_1 tn-elem__6444435531690239670103 t396__elem--anim-hidden'
19780                     data-elem-id='1690239670103' data-elem-type='shape' data-field-top-value="1"
19781                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
19782                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
19783                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
19784                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
19785                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
19786                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50},{'ti':150,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0}]"
19787                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
19788                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
19789                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
19790                     data-field-width-res-960-value="424"
19791                >
19792                    <div class='tn-atom t-bgimg'
19793                         data-original="/images/v2/tild6133-6237-4633-a131-626136656235__case_3_3_a2.svg"
19794                         style="background-image:url('/images/v2/tild6133-6237-4633-a131-626136656235__case_3_3_a2.svg');"
19795                    ></div>
19796                </div>
19797                <div class='t396__elem tn-elem show_1_1 tn-elem__6444435531690239682409 t396__elem--anim-hidden'
19798                     data-elem-id='1690239682409' data-elem-type='shape' data-field-top-value="1"
19799                     data-field-left-value="40" data-field-height-value="280" data-field-width-value="540"
19800                     data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid"
19801                     data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px"
19802                     data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="intoview"
19803                     data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop"
19804                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':0},{'ti':300,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':0},{'ti':50,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':50}]"
19805                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
19806                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
19807                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
19808                     data-field-width-res-960-value="424"
19809                >
19810                    <div class='tn-atom t-bgimg'
19811                         data-original="/images/v2/tild3436-6565-4134-b634-353334303433__case_3_3_a3.svg"
19812                         style="background-image:url('/images/v2/tild3436-6565-4134-b634-353334303433__case_3_3_a3.svg');"
19813                    ></div>
19814                </div>
19815                <div class='t396__elem tn-elem hover_1_1 tn-elem__6444435531690238351796 ' data-elem-id='1690238351796'
19816                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
19817                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
19818                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
19819                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
19820                     data-animate-mobile="y" data-animate-sbs-event="hover"
19821                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':10,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
19822                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
19823                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
19824                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
19825                     data-field-width-res-960-value="424"
19826                >
19827                    <div class='tn-atom'></div>
19828                </div>
19829                <div class='t396__elem tn-elem tn-elem__6444435531690238538450 ' data-elem-id='1690238538450'
19830                     data-elem-type='shape' data-field-top-value="1" data-field-left-value="40"
19831                     data-field-height-value="280" data-field-width-value="540" data-field-axisy-value="top"
19832                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
19833                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
19834                     data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1690238351796"
19835                     data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':300,'mx':0,'my':25,'sx':1.25,'sy':1.25,'op':'1','ro':'0','bl':'0','ea':'easeOut','dt':'0'}]"
19836                     data-field-height-res-320-value="125" data-field-width-res-320-value="240"
19837                     data-field-height-res-640-value="290" data-field-width-res-640-value="560"
19838                     data-field-top-res-960-value="0" data-field-height-res-960-value="220"
19839                     data-field-width-res-960-value="424"
19840                >
19841                    <div class='tn-atom t-bgimg'
19842                         data-original="/images/v2/tild3136-3134-4132-b134-616134393832__case_3_3.png"
19843                         style="background-image:url('/images/v2/tild3136-3134-4132-b134-616134393832__case_3_3.png');"
19844                    ></div>
19845                </div>
19846                <div class='t396__elem tn-elem tn-elem__6444435531690238351801 t-animate' data-elem-id='1690238351801'
19847                     data-elem-type='text' data-field-top-value="22" data-field-left-value="64"
19848                     data-field-width-value="230" data-field-axisy-value="top" data-field-axisx-value="left"
19849                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
19850                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
19851                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
19852                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="132"
19853                     data-field-top-res-640-value="40" data-field-left-res-640-value="277"
19854                     data-field-width-res-640-value="10" data-field-top-res-960-value="20"
19855                     data-field-left-res-960-value="60"
19856                >
19857                    <div class='tn-atom' field='tn_text_1690238351801'>Мелоквиз</div>
19858                </div>
19859            </div>
19860        </div>
19861        
19861<script>t_onFuncLoad('t396_initialScale', function () {
19862                t396_initialScale('644443553');
19863            });
19864            t_onReady(function () {
19865                t_onFuncLoad('t396_init', function () {
19866                    t396_init('644443553');
19867                });
19868            });</script>
19868<!-- /T396 --></div>
19869    <div id="rec620992857" class="r t-rec" style="background-color:#755ffc; " data-record-type="215"
19870         data-bg-color="#755ffc"><a name="team" style="font-size:0;"></a></div>
19871    <div id="rec620897585" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
19872        <style>#rec620897585 .t396__artboard {
19873                height: 680px;
19874                background-color: #121213;
19875            }
19876
19877            #rec620897585 .t396__filter {
19878                height: 680px;
19879            }
19880
19881            #rec620897585 .t396__carrier {
19882                height: 680px;
19883                background-position: center center;
19884                background-attachment: scroll;
19885                background-size: cover;
19886                background-repeat: no-repeat;
19887            }
19888
19889            @media  screen and (max-width: 1199px) {
19890                #rec620897585 .t396__artboard {
19891                    height: 700px;
19892                }
19893
19894                #rec620897585 .t396__filter {
19895                    height: 700px;
19896                }
19897
19898                #rec620897585 .t396__carrier {
19899                    height: 700px;
19900                    background-attachment: scroll;
19901                }
19902            }
19903
19904            @media  screen and (max-width: 959px) {
19905                #rec620897585 .t396__artboard {
19906                    height: 750px;
19907                }
19908
19909                #rec620897585 .t396__filter {
19910                    height: 750px;
19911                }
19912
19913                #rec620897585 .t396__carrier {
19914                    height: 750px;
19915                    background-attachment: scroll;
19916                }
19917            }
19918
19919            @media  screen and (max-width: 639px) {
19920                #rec620897585 .t396__artboard {
19921                    height: 1050px;
19922                }
19923
19924                #rec620897585 .t396__filter {
19925                    height: 1050px;
19926                }
19927
19928                #rec620897585 .t396__carrier {
19929                    height: 1050px;
19930                    background-attachment: scroll;
19931                }
19932            }
19933
19934            #rec620897585 .tn-elem[data-elem-id="1690380603176"] {
19935                z-index: 2;
19936                top: 284px;
19937                left: calc(50% - 600px + -624px);
19938                width: 916px;
19939            }
19940
19941            #rec620897585 .tn-elem[data-elem-id="1690380603176"] .tn-atom {
19942                background-position: center center;
19943                border-color: transparent;
19944                border-style: solid;
19945            }
19946
19947            @media  screen and (max-width: 1199px) {
19948                #rec620897585 .tn-elem[data-elem-id="1690380603176"] {
19949                    top: 284px;
19950                    left: calc(50% - 480px + -624px);
19951                }
19952            }
19953
19954            @media  screen and (max-width: 959px) {
19955                #rec620897585 .tn-elem[data-elem-id="1690380603176"] {
19956                    top: 173px;
19957                }
19958            }
19959
19960            @media  screen and (max-width: 639px) {
19961                #rec620897585 .tn-elem[data-elem-id="1690380603176"] {
19962                    top: 150px;
19963                }
19964            }
19965
19966            #rec620897585 .tn-elem[data-elem-id="1690380429981"] {
19967                color: #f4f4f4;
19968                text-align: LEFT;
19969                z-index: 3;
19970                top: 110px;
19971                left: calc(50% - 600px + 40px);
19972                width: 459px;
19973            }
19974
19975            #rec620897585 .tn-elem[data-elem-id="1690380429981"] .tn-atom {
19976                color: #f4f4f4;
19977                font-size: 64px;
19978                font-family: 'Raleway', Arial, sans-serif;
19979                line-height: 1.15;
19980                font-weight: 600;
19981                letter-spacing: -1px;
19982                background-position: center center;
19983                border-color: transparent;
19984                border-style: solid;
19985            }
19986
19987            @media  screen and (max-width: 1199px) {
19988                #rec620897585 .tn-elem[data-elem-id="1690380429981"] {
19989                    width: 334px;
19990                }
19991
19992                #rec620897585 .tn-elem[data-elem-id="1690380429981"] .tn-atom {
19993                    font-size: 48px;
19994                }
19995            }
19996
19997            @media  screen and (max-width: 959px) {
19998                #rec620897585 .tn-elem[data-elem-id="1690380429981"] {
19999                    top: 60px;
20000                }
20001
20002                #rec620897585 .tn-elem[data-elem-id="1690380429981"] .tn-atom {
20003                    font-size: 48px;
20004                }
20005            }
20006
20007            @media  screen and (max-width: 639px) {
20008                #rec620897585 .tn-elem[data-elem-id="1690380429981"] {
20009                    top: 63px;
20010                }
20011
20012                #rec620897585 .tn-elem[data-elem-id="1690380429981"] .tn-atom {
20013                    font-size: 32px;
20014                }
20015            }
20016
20017            #rec620897585 .tn-elem[data-elem-id="1690380429986"] {
20018                z-index: 4;
20019                top: 314px;
20020                left: calc(50% - 600px + 440px);
20021                width: 340px;
20022                height: 69px;
20023            }
20024
20025            #rec620897585 .tn-elem[data-elem-id="1690380429986"] .tn-atom {
20026                border-radius: 13px;
20027                background-position: center center;
20028                background-size: cover;
20029                background-repeat: no-repeat;
20030                border-color: transparent;
20031                border-style: solid;
20032            }
20033
20034            @media  screen and (max-width: 1199px) {
20035                #rec620897585 .tn-elem[data-elem-id="1690380429986"] {
20036                    top: 269px;
20037                    left: calc(50% - 480px + 360px);
20038                    width: 256px;
20039                    height: 66px;
20040                }
20041            }
20042
20043            @media  screen and (max-width: 959px) {
20044                #rec620897585 .tn-elem[data-elem-id="1690380429986"] {
20045                    top: 198px;
20046                    left: calc(50% - 320px + 332px);
20047                    height: 73px;
20048                }
20049            }
20050
20051            @media  screen and (max-width: 639px) {
20052                #rec620897585 .tn-elem[data-elem-id="1690380429986"] {
20053                    top: 268px;
20054                    left: calc(50% - 160px + 24px);
20055                    width: 272px;
20056                }
20057            }
20058
20059            #rec620897585 .tn-elem[data-elem-id="1690380429996"] {
20060                z-index: 5;
20061                top: 422px;
20062                left: calc(50% - 600px + 40px);
20063                width: 160px;
20064                height: 161px;
20065            }
20066
20067            #rec620897585 .tn-elem[data-elem-id="1690380429996"] .tn-atom {
20068                border-radius: 13px;
20069                background-position: center center;
20070                background-size: cover;
20071                background-repeat: no-repeat;
20072                border-color: transparent;
20073                border-style: solid;
20074            }
20075
20076            @media  screen and (max-width: 1199px) {
20077                #rec620897585 .tn-elem[data-elem-id="1690380429996"] {
20078                    top: 365px;
20079                    width: 112px;
20080                    height: 113px;
20081                }
20082            }
20083
20084            @media  screen and (max-width: 959px) {
20085                #rec620897585 .tn-elem[data-elem-id="1690380429996"] {
20086                    top: 291px;
20087                    left: calc(50% - 320px + 332px);
20088                }
20089            }
20090
20091            @media  screen and (max-width: 639px) {
20092                #rec620897585 .tn-elem[data-elem-id="1690380429996"] {
20093                    top: 595px;
20094                    left: calc(50% - 160px + 24px);
20095                }
20096            }
20097
20098            #rec620897585 .tn-elem[data-elem-id="1690380430002"] {
20099                z-index: 6;
20100                top: 221px;
20101                left: calc(50% - 600px + 40px);
20102                width: 360px;
20103                height: 161px;
20104            }
20105
20106            #rec620897585 .tn-elem[data-elem-id="1690380430002"] .tn-atom {
20107                border-radius: 13px;
20108                background-position: center center;
20109                background-size: cover;
20110                background-repeat: no-repeat;
20111                border-color: transparent;
20112                border-style: solid;
20113            }
20114
20115            @media  screen and (max-width: 1199px) {
20116                #rec620897585 .tn-elem[data-elem-id="1690380430002"] {
20117                    top: 204px;
20118                    width: 272px;
20119                    height: 129px;
20120                }
20121            }
20122
20123            @media  screen and (max-width: 959px) {
20124                #rec620897585 .tn-elem[data-elem-id="1690380430002"] {
20125                    top: 142px;
20126                    left: calc(50% - 320px + 40px);
20127                    border-radius: 13px;
20128                }
20129
20130                #rec620897585 .tn-elem[data-elem-id="1690380430002"] .tn-atom {
20131                    border-radius: 13px;
20132                }
20133            }
20134
20135            @media  screen and (max-width: 639px) {
20136                #rec620897585 .tn-elem[data-elem-id="1690380430002"] {
20137                    top: 119px;
20138                    left: calc(50% - 160px + 24px);
20139                }
20140            }
20141
20142            #rec620897585 .tn-elem[data-elem-id="1690380430011"] {
20143                z-index: 7;
20144                top: 128px;
20145                left: calc(50% - 600px + 620px);
20146                width: 140px;
20147                height: 140px;
20148            }
20149
20150            #rec620897585 .tn-elem[data-elem-id="1690380430011"] .tn-atom {
20151                background-position: center center;
20152                background-size: cover;
20153                background-repeat: no-repeat;
20154                border-color: transparent;
20155                border-style: solid;
20156            }
20157
20158            @media  screen and (max-width: 1199px) {
20159                #rec620897585 .tn-elem[data-elem-id="1690380430011"] {
20160                    left: calc(50% - 480px + 490px);
20161                    width: 120px;
20162                    height: 120px;
20163                }
20164            }
20165
20166            @media  screen and (max-width: 959px) {
20167                #rec620897585 .tn-elem[data-elem-id="1690380430011"] {
20168                    top: 64px;
20169                    left: calc(50% - 320px + 490px);
20170                }
20171            }
20172
20173            @media  screen and (max-width: 639px) {
20174                #rec620897585 .tn-elem[data-elem-id="1690380430011"] {
20175                    top: 56px;
20176                }
20177            }
20178
20179            #rec620897585 .tn-elem[data-elem-id="1690380430018"] {
20180                z-index: 8;
20181                top: 128px;
20182                left: calc(50% - 600px + 520px);
20183                width: 140px;
20184                height: 140px;
20185            }
20186
20187            #rec620897585 .tn-elem[data-elem-id="1690380430018"] .tn-atom {
20188                background-position: center center;
20189                background-size: cover;
20190                background-repeat: no-repeat;
20191                border-color: transparent;
20192                border-style: solid;
20193            }
20194
20195            @media  screen and (max-width: 1199px) {
20196                #rec620897585 .tn-elem[data-elem-id="1690380430018"] {
20197                    left: calc(50% - 480px + 390px);
20198                    width: 120px;
20199                    height: 120px;
20200                }
20201            }
20202
20203            @media  screen and (max-width: 959px) {
20204                #rec620897585 .tn-elem[data-elem-id="1690380430018"] {
20205                    top: 64px;
20206                    left: calc(50% - 320px + 390px);
20207                }
20208            }
20209
20210            @media  screen and (max-width: 639px) {
20211                #rec620897585 .tn-elem[data-elem-id="1690380430018"] {
20212                    top: 56px;
20213                }
20214            }
20215
20216            #rec620897585 .tn-elem[data-elem-id="1690380430027"] {
20217                z-index: 9;
20218                top: 135px;
20219                left: calc(50% - 600px + 820px);
20220                width: 340px;
20221                height: 340px;
20222            }
20223
20224            #rec620897585 .tn-elem[data-elem-id="1690380430027"] .tn-atom {
20225                border-radius: 13px;
20226                background-position: center center;
20227                background-size: cover;
20228                background-repeat: no-repeat;
20229                border-color: transparent;
20230                border-style: solid;
20231            }
20232
20233            @media  screen and (max-width: 1199px) {
20234                #rec620897585 .tn-elem[data-elem-id="1690380430027"] {
20235                    left: calc(50% - 480px + 664px);
20236                    width: 256px;
20237                    height: 257px;
20238                }
20239            }
20240
20241            @media  screen and (max-width: 959px) {
20242                #rec620897585 .tn-elem[data-elem-id="1690380430027"] {
20243                    top: 291px;
20244                    left: calc(50% - 320px + 40px);
20245                    width: 272px;
20246                    height: 214px;
20247                }
20248            }
20249
20250            @media  screen and (max-width: 639px) {
20251                #rec620897585 .tn-elem[data-elem-id="1690380430027"] {
20252                    top: 361px;
20253                    left: calc(50% - 160px + 24px);
20254                }
20255            }
20256
20257            #rec620897585 .tn-elem[data-elem-id="1690380430035"] {
20258                z-index: 10;
20259                top: 515px;
20260                left: calc(50% - 600px + 880px);
20261                width: 161px;
20262                height: 161px;
20263            }
20264
20265            #rec620897585 .tn-elem[data-elem-id="1690380430035"] .tn-atom {
20266                background-position: center center;
20267                background-size: cover;
20268                background-repeat: no-repeat;
20269                border-color: transparent;
20270                border-style: solid;
20271            }
20272
20273            @media  screen and (max-width: 1199px) {
20274                #rec620897585 .tn-elem[data-elem-id="1690380430035"] {
20275                    top: 505px;
20276                    left: calc(50% - 480px + 759px);
20277                    width: 141px;
20278                    height: 141px;
20279                }
20280            }
20281
20282            @media  screen and (max-width: 959px) {
20283                #rec620897585 .tn-elem[data-elem-id="1690380430035"] {
20284                    top: 364px;
20285                    left: calc(50% - 320px + 447px);
20286                }
20287            }
20288
20289            @media  screen and (max-width: 639px) {
20290                #rec620897585 .tn-elem[data-elem-id="1690380430035"] {
20291                    top: 595px;
20292                    left: calc(50% - 160px + 172px);
20293                    width: 112px;
20294                    height: 112px;
20295                }
20296            }
20297
20298            #rec620897585 .tn-elem[data-elem-id="1690380430076"] {
20299                color: #755ffc;
20300                text-align: LEFT;
20301                z-index: 11;
20302                top: 480px;
20303                left: calc(50% - 600px + 463px);
20304                width: 195px;
20305            }
20306
20307            #rec620897585 .tn-elem[data-elem-id="1690380430076"] .tn-atom {
20308                color: #755ffc;
20309                font-size: 16px;
20310                font-family: 'Manrope', Arial, sans-serif;
20311                line-height: 1.00;
20312                font-weight: 400;
20313                background-position: center center;
20314                border-color: transparent;
20315                border-style: solid;
20316            }
20317
20318            @media  screen and (max-width: 1199px) {
20319                #rec620897585 .tn-elem[data-elem-id="1690380430076"] {
20320                    top: 470px;
20321                    left: calc(50% - 480px + 393px);
20322                }
20323            }
20324
20325            @media  screen and (max-width: 959px) {
20326                #rec620897585 .tn-elem[data-elem-id="1690380430076"] {
20327                    top: 553px;
20328                    left: calc(50% - 320px + 184px);
20329                }
20330            }
20331
20332            @media  screen and (max-width: 639px) {
20333                #rec620897585 .tn-elem[data-elem-id="1690380430076"] {
20334                    top: 764px;
20335                    left: calc(50% - 160px + 168px);
20336                }
20337            }
20338
20339            #rec620897585 .tn-elem[data-elem-id="1691423390141"] {
20340                z-index: 12;
20341                top: 470px;
20342                left: calc(50% - 600px + 320px);
20343                width: 136px;
20344                height: 30px;
20345            }
20346
20347            #rec620897585 .tn-elem[data-elem-id="1691423390141"] .tn-atom {
20348                background-position: center center;
20349                background-size: cover;
20350                background-repeat: no-repeat;
20351                border-color: transparent;
20352                border-style: solid;
20353            }
20354
20355            @media  screen and (max-width: 1199px) {
20356                #rec620897585 .tn-elem[data-elem-id="1691423390141"] {
20357                    top: 460px;
20358                    left: calc(50% - 480px + 250px);
20359                }
20360            }
20361
20362            @media  screen and (max-width: 959px) {
20363                #rec620897585 .tn-elem[data-elem-id="1691423390141"] {
20364                    top: 546px;
20365                    left: calc(50% - 320px + 40px);
20366                }
20367            }
20368
20369            @media  screen and (max-width: 639px) {
20370                #rec620897585 .tn-elem[data-elem-id="1691423390141"] {
20371                    top: 757px;
20372                    left: calc(50% - 160px + 24px);
20373                }
20374            }
20375
20376            #rec620897585 .tn-elem[data-elem-id="1690380430043"] {
20377                color: #f4f4f4;
20378                text-align: LEFT;
20379                z-index: 13;
20380                top: 521px;
20381                left: calc(50% - 600px + 342px);
20382                width: 263px;
20383            }
20384
20385            #rec620897585 .tn-elem[data-elem-id="1690380430043"] .tn-atom {
20386                color: #f4f4f4;
20387                font-size: 16px;
20388                font-family: 'Manrope', Arial, sans-serif;
20389                line-height: 1.00;
20390                font-weight: 400;
20391                background-position: center center;
20392                border-color: transparent;
20393                border-style: solid;
20394            }
20395
20396            @media  screen and (max-width: 1199px) {
20397                #rec620897585 .tn-elem[data-elem-id="1690380430043"] {
20398                    top: 510px;
20399                    left: calc(50% - 480px + 272px);
20400                }
20401            }
20402
20403            @media  screen and (max-width: 959px) {
20404                #rec620897585 .tn-elem[data-elem-id="1690380430043"] {
20405                    top: 596px;
20406                    left: calc(50% - 320px + 63px);
20407                }
20408            }
20409
20410            @media  screen and (max-width: 639px) {
20411                #rec620897585 .tn-elem[data-elem-id="1690380430043"] {
20412                    top: 802px;
20413                    left: calc(50% - 160px + 42px);
20414                }
20415            }
20416
20417            #rec620897585 .tn-elem[data-elem-id="1691423437113"] {
20418                z-index: 14;
20419                top: 525px;
20420                left: calc(50% - 600px + 324px);
20421                width: 8px;
20422                height: 8px;
20423            }
20424
20425            #rec620897585 .tn-elem[data-elem-id="1691423437113"] .tn-atom {
20426                border-radius: 3000px;
20427                background-color: #755ffc;
20428                background-position: center center;
20429                border-color: transparent;
20430                border-style: solid;
20431            }
20432
20433            @media  screen and (max-width: 1199px) {
20434                #rec620897585 .tn-elem[data-elem-id="1691423437113"] {
20435                    top: 514px;
20436                    left: calc(50% - 480px + 254px);
20437                }
20438            }
20439
20440            @media  screen and (max-width: 959px) {
20441                #rec620897585 .tn-elem[data-elem-id="1691423437113"] {
20442                    top: 601px;
20443                    left: calc(50% - 320px + 45px);
20444                }
20445            }
20446
20447            @media  screen and (max-width: 639px) {
20448                #rec620897585 .tn-elem[data-elem-id="1691423437113"] {
20449                    top: 806px;
20450                    left: calc(50% - 160px + 24px);
20451                }
20452            }
20453
20454            #rec620897585 .tn-elem[data-elem-id="1690380430049"] {
20455                color: #f4f4f4;
20456                text-align: LEFT;
20457                z-index: 15;
20458                top: 553px;
20459                left: calc(50% - 600px + 342px);
20460                width: 324px;
20461            }
20462
20463            #rec620897585 .tn-elem[data-elem-id="1690380430049"] .tn-atom {
20464                color: #f4f4f4;
20465                font-size: 16px;
20466                font-family: 'Manrope', Arial, sans-serif;
20467                line-height: 1.00;
20468                font-weight: 400;
20469                background-position: center center;
20470                border-color: transparent;
20471                border-style: solid;
20472            }
20473
20474            @media  screen and (max-width: 1199px) {
20475                #rec620897585 .tn-elem[data-elem-id="1690380430049"] {
20476                    top: 541px;
20477                    left: calc(50% - 480px + 272px);
20478                }
20479            }
20480
20481            @media  screen and (max-width: 959px) {
20482                #rec620897585 .tn-elem[data-elem-id="1690380430049"] {
20483                    top: 628px;
20484                    left: calc(50% - 320px + 63px);
20485                }
20486            }
20487
20488            @media  screen and (max-width: 639px) {
20489                #rec620897585 .tn-elem[data-elem-id="1690380430049"] {
20490                    top: 833px;
20491                    left: calc(50% - 160px + 42px);
20492                    width: 197px;
20493                }
20494
20495                #rec620897585 .tn-elem[data-elem-id="1690380430049"] .tn-atom {
20496                    line-height: 1.3;
20497                }
20498            }
20499
20500            #rec620897585 .tn-elem[data-elem-id="1691423474972"] {
20501                z-index: 16;
20502                top: 557px;
20503                left: calc(50% - 600px + 324px);
20504                width: 8px;
20505                height: 8px;
20506            }
20507
20508            #rec620897585 .tn-elem[data-elem-id="1691423474972"] .tn-atom {
20509                border-radius: 3000px;
20510                background-color: #755ffc;
20511                background-position: center center;
20512                border-color: transparent;
20513                border-style: solid;
20514            }
20515
20516            @media  screen and (max-width: 1199px) {
20517                #rec620897585 .tn-elem[data-elem-id="1691423474972"] {
20518                    top: 545px;
20519                    left: calc(50% - 480px + 254px);
20520                }
20521            }
20522
20523            @media  screen and (max-width: 959px) {
20524                #rec620897585 .tn-elem[data-elem-id="1691423474972"] {
20525                    top: 633px;
20526                    left: calc(50% - 320px + 45px);
20527                }
20528            }
20529
20530            @media  screen and (max-width: 639px) {
20531                #rec620897585 .tn-elem[data-elem-id="1691423474972"] {
20532                    top: 839px;
20533                    left: calc(50% - 160px + 24px);
20534                }
20535            }
20536
20537            #rec620897585 .tn-elem[data-elem-id="1690380430054"] {
20538                color: #f4f4f4;
20539                text-align: LEFT;
20540                z-index: 17;
20541                top: 585px;
20542                left: calc(50% - 600px + 342px);
20543                width: 446px;
20544            }
20545
20546            #rec620897585 .tn-elem[data-elem-id="1690380430054"] .tn-atom {
20547                color: #f4f4f4;
20548                font-size: 16px;
20549                font-family: 'Manrope', Arial, sans-serif;
20550                line-height: 1.00;
20551                font-weight: 400;
20552                background-position: center center;
20553                border-color: transparent;
20554                border-style: solid;
20555            }
20556
20557            @media  screen and (max-width: 1199px) {
20558                #rec620897585 .tn-elem[data-elem-id="1690380430054"] {
20559                    top: 572px;
20560                    left: calc(50% - 480px + 272px);
20561                }
20562            }
20563
20564            @media  screen and (max-width: 959px) {
20565                #rec620897585 .tn-elem[data-elem-id="1690380430054"] {
20566                    top: 660px;
20567                    left: calc(50% - 320px + 63px);
20568                }
20569            }
20570
20571            @media  screen and (max-width: 639px) {
20572                #rec620897585 .tn-elem[data-elem-id="1690380430054"] {
20573                    top: 890px;
20574                    left: calc(50% - 160px + 43px);
20575                    width: 253px;
20576                }
20577
20578                #rec620897585 .tn-elem[data-elem-id="1690380430054"] .tn-atom {
20579                    line-height: 1.3;
20580                }
20581            }
20582
20583            #rec620897585 .tn-elem[data-elem-id="1691423479760"] {
20584                z-index: 18;
20585                top: 589px;
20586                left: calc(50% - 600px + 324px);
20587                width: 8px;
20588                height: 8px;
20589            }
20590
20591            #rec620897585 .tn-elem[data-elem-id="1691423479760"] .tn-atom {
20592                border-radius: 3000px;
20593                background-color: #755ffc;
20594                background-position: center center;
20595                border-color: transparent;
20596                border-style: solid;
20597            }
20598
20599            @media  screen and (max-width: 1199px) {
20600                #rec620897585 .tn-elem[data-elem-id="1691423479760"] {
20601                    top: 576px;
20602                    left: calc(50% - 480px + 254px);
20603                }
20604            }
20605
20606            @media  screen and (max-width: 959px) {
20607                #rec620897585 .tn-elem[data-elem-id="1691423479760"] {
20608                    top: 665px;
20609                    left: calc(50% - 320px + 45px);
20610                }
20611            }
20612
20613            @media  screen and (max-width: 639px) {
20614                #rec620897585 .tn-elem[data-elem-id="1691423479760"] {
20615                    top: 896px;
20616                    left: calc(50% - 160px + 24px);
20617                }
20618            }
20619
20620            #rec620897585 .tn-elem[data-elem-id="1690380430060"] {
20621                color: #f4f4f4;
20622                text-align: LEFT;
20623                z-index: 19;
20624                top: 617px;
20625                left: calc(50% - 600px + 342px);
20626                width: 423px;
20627            }
20628
20629            #rec620897585 .tn-elem[data-elem-id="1690380430060"] .tn-atom {
20630                color: #f4f4f4;
20631                font-size: 16px;
20632                font-family: 'Manrope', Arial, sans-serif;
20633                line-height: 1.00;
20634                font-weight: 400;
20635                background-position: center center;
20636                border-color: transparent;
20637                border-style: solid;
20638            }
20639
20640            @media  screen and (max-width: 1199px) {
20641                #rec620897585 .tn-elem[data-elem-id="1690380430060"] {
20642                    top: 603px;
20643                    left: calc(50% - 480px + 272px);
20644                }
20645            }
20646
20647            @media  screen and (max-width: 959px) {
20648                #rec620897585 .tn-elem[data-elem-id="1690380430060"] {
20649                    top: 691px;
20650                    left: calc(50% - 320px + 63px);
20651                }
20652            }
20653
20654            @media  screen and (max-width: 639px) {
20655                #rec620897585 .tn-elem[data-elem-id="1690380430060"] {
20656                    top: 947px;
20657                    left: calc(50% - 160px + 43px);
20658                    width: 219px;
20659                }
20660
20661                #rec620897585 .tn-elem[data-elem-id="1690380430060"] .tn-atom {
20662                    line-height: 1.3;
20663                }
20664            }
20665
20666            #rec620897585 .tn-elem[data-elem-id="1691423483273"] {
20667                z-index: 20;
20668                top: 622px;
20669                left: calc(50% - 600px + 324px);
20670                width: 8px;
20671                height: 8px;
20672            }
20673
20674            #rec620897585 .tn-elem[data-elem-id="1691423483273"] .tn-atom {
20675                border-radius: 3000px;
20676                background-color: #755ffc;
20677                background-position: center center;
20678                border-color: transparent;
20679                border-style: solid;
20680            }
20681
20682            @media  screen and (max-width: 1199px) {
20683                #rec620897585 .tn-elem[data-elem-id="1691423483273"] {
20684                    top: 607px;
20685                    left: calc(50% - 480px + 254px);
20686                }
20687            }
20688
20689            @media  screen and (max-width: 959px) {
20690                #rec620897585 .tn-elem[data-elem-id="1691423483273"] {
20691                    top: 698px;
20692                    left: calc(50% - 320px + 45px);
20693                }
20694            }
20695
20696            @media  screen and (max-width: 639px) {
20697                #rec620897585 .tn-elem[data-elem-id="1691423483273"] {
20698                    top: 953px;
20699                    left: calc(50% - 160px + 24px);
20700                    width: 9px;
20701                }
20702            }
20703
20704            #rec620897585 .tn-elem[data-elem-id="1690380430068"] {
20705                color: #f4f4f4;
20706                text-align: LEFT;
20707                z-index: 21;
20708                top: 649px;
20709                left: calc(50% - 600px + 342px);
20710                width: 411px;
20711            }
20712
20713            #rec620897585 .tn-elem[data-elem-id="1690380430068"] .tn-atom {
20714                color: #f4f4f4;
20715                font-size: 16px;
20716                font-family: 'Manrope', Arial, sans-serif;
20717                line-height: 1.00;
20718                font-weight: 400;
20719                background-position: center center;
20720                border-color: transparent;
20721                border-style: solid;
20722            }
20723
20724            @media  screen and (max-width: 1199px) {
20725                #rec620897585 .tn-elem[data-elem-id="1690380430068"] {
20726                    top: 634px;
20727                    left: calc(50% - 480px + 272px);
20728                }
20729            }
20730
20731            @media  screen and (max-width: 959px) {
20732                #rec620897585 .tn-elem[data-elem-id="1690380430068"] {
20733                    top: 724px;
20734                    left: calc(50% - 320px + 63px);
20735                }
20736            }
20737
20738            @media  screen and (max-width: 639px) {
20739                #rec620897585 .tn-elem[data-elem-id="1690380430068"] {
20740                    top: 1004px;
20741                    left: calc(50% - 160px + 44px);
20742                    width: 252px;
20743                }
20744
20745                #rec620897585 .tn-elem[data-elem-id="1690380430068"] .tn-atom {
20746                    line-height: 1.3;
20747                }
20748            }
20749
20750            #rec620897585 .tn-elem[data-elem-id="1691423493264"] {
20751                z-index: 22;
20752                top: 654px;
20753                left: calc(50% - 600px + 324px);
20754                width: 8px;
20755                height: 8px;
20756            }
20757
20758            #rec620897585 .tn-elem[data-elem-id="1691423493264"] .tn-atom {
20759                border-radius: 3000px;
20760                background-color: #755ffc;
20761                background-position: center center;
20762                border-color: transparent;
20763                border-style: solid;
20764            }
20765
20766            @media  screen and (max-width: 1199px) {
20767                #rec620897585 .tn-elem[data-elem-id="1691423493264"] {
20768                    top: 638px;
20769                    left: calc(50% - 480px + 254px);
20770                }
20771            }
20772
20773            @media  screen and (max-width: 959px) {
20774                #rec620897585 .tn-elem[data-elem-id="1691423493264"] {
20775                    top: 730px;
20776                    left: calc(50% - 320px + 45px);
20777                }
20778            }
20779
20780            @media  screen and (max-width: 639px) {
20781                #rec620897585 .tn-elem[data-elem-id="1691423493264"] {
20782                    top: 1010px;
20783                    left: calc(50% - 160px + 24px);
20784                    width: 9px;
20785                }
20786            }</style>
20787        <div class='t396'>
20788            <div class="t396__artboard" data-artboard-recid="620897585" data-artboard-screens="320,640,960,1200"
20789                 data-artboard-height="680" data-artboard-valign="center" data-artboard-upscale="window"
20790                 data-artboard-height-res-320="1050" data-artboard-height-res-640="750"
20791                 data-artboard-height-res-960="700"
20792            >
20793                <div class="t396__carrier" data-artboard-recid="620897585"></div>
20794                <div class="t396__filter" data-artboard-recid="620897585"></div>
20795                <div class='t396__elem tn-elem tn-elem__6208975851690380603176' data-elem-id='1690380603176'
20796                     data-elem-type='image' data-field-top-value="284" data-field-left-value="-624"
20797                     data-field-width-value="916" data-field-axisy-value="top" data-field-axisx-value="left"
20798                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
20799                     data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="916"
20800                     data-field-fileheight-value="393" data-field-top-res-320-value="150"
20801                     data-field-top-res-640-value="173" data-field-top-res-960-value="284"
20802                     data-field-left-res-960-value="-624"
20803                >
20804                    <div class='tn-atom'><img class='tn-atom__img t-img'
20805                                              data-original='/images/v2/tild6132-6239-4232-b033-343334353231__frame_23.svg'
20806                                              alt='' imgfield='tn_img_1690380603176'></div>
20807                </div>
20808                <div class='t396__elem tn-elem tn-elem__6208975851690380429981 t-animate' data-elem-id='1690380429981'
20809                     data-elem-type='text' data-field-top-value="110" data-field-left-value="40"
20810                     data-field-width-value="459" data-field-axisy-value="top" data-field-axisx-value="left"
20811                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
20812                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
20813                     data-animate-duration="0.8" data-animate-delay="0.2" data-animate-distance="15"
20814                     data-animate-mobile="y" data-field-top-res-320-value="63" data-field-top-res-640-value="60"
20815                     data-field-width-res-960-value="334"
20816                >
20817                    <div class='tn-atom' field='tn_text_1690380429981'>Наша команда</div>
20818                </div>
20819                <div class='t396__elem tn-elem tn-elem__6208975851690380429986 t-animate' data-elem-id='1690380429986'
20820                     data-elem-type='shape' data-field-top-value="314" data-field-left-value="440"
20821                     data-field-height-value="69" data-field-width-value="340" data-field-axisy-value="top"
20822                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
20823                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
20824                     data-animate-style="fadeindown" data-animate-duration="0.8" data-animate-delay="0.32"
20825                     data-animate-distance="15" data-animate-mobile="y" data-field-top-res-320-value="268"
20826                     data-field-left-res-320-value="24" data-field-width-res-320-value="272"
20827                     data-field-top-res-640-value="198" data-field-left-res-640-value="332"
20828                     data-field-height-res-640-value="73" data-field-top-res-960-value="269"
20829                     data-field-left-res-960-value="360" data-field-height-res-960-value="66"
20830                     data-field-width-res-960-value="256"
20831                >
20832                    <div class='tn-atom t-bgimg' data-original="/images/v2/tild3932-3133-4465-b536-346463343465__vm3.jpg"
20833                         style="background-image:url('/images/v2/tild3932-3133-4465-b536-346463343465__vm3.jpg');"
20834                    ></div>
20835                </div>
20836                <div class='t396__elem tn-elem tn-elem__6208975851690380429996 t-animate' data-elem-id='1690380429996'
20837                     data-elem-type='shape' data-field-top-value="422" data-field-left-value="40"
20838                     data-field-height-value="161" data-field-width-value="160" data-field-axisy-value="top"
20839                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
20840                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
20841                     data-animate-style="fadeindown" data-animate-duration="0.8" data-animate-delay="0.24"
20842                     data-animate-distance="15" data-animate-mobile="y" data-field-top-res-320-value="595"
20843                     data-field-left-res-320-value="24" data-field-top-res-640-value="291"
20844                     data-field-left-res-640-value="332" data-field-top-res-960-value="365"
20845                     data-field-height-res-960-value="113" data-field-width-res-960-value="112"
20846                >
20847                    <div class='tn-atom t-bgimg' data-original="/images/v2/tild6430-6261-4639-a236-633432653532__vm2.jpg"
20848                         style="background-image:url('/images/v2/tild6430-6261-4639-a236-633432653532__vm2.jpg');"
20849                    ></div>
20850                </div>
20851                <div class='t396__elem tn-elem tn-elem__6208975851690380430002 t-animate' data-elem-id='1690380430002'
20852                     data-elem-type='shape' data-field-top-value="221" data-field-left-value="40"
20853                     data-field-height-value="161" data-field-width-value="360" data-field-axisy-value="top"
20854                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
20855                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
20856                     data-animate-style="fadeindown" data-animate-duration="0.8" data-animate-delay="0.3"
20857                     data-animate-distance="15" data-animate-mobile="y" data-field-top-res-320-value="119"
20858                     data-field-left-res-320-value="24" data-field-top-res-640-value="142"
20859                     data-field-left-res-640-value="40" data-field-top-res-960-value="204"
20860                     data-field-height-res-960-value="129" data-field-width-res-960-value="272"
20861                >
20862                    <div class='tn-atom t-bgimg'
20863                         data-original="/images/v2/tild3837-3836-4531-a131-653339353361__image10.png"
20864                         style="background-image:url('/images/v2/tild3837-3836-4531-a131-653339353361__image10.png');"
20865                    ></div>
20866                </div>
20867                <div class='t396__elem tn-elem tn-elem__6208975851690380430011 t-animate' data-elem-id='1690380430011'
20868                     data-elem-type='shape' data-field-top-value="128" data-field-left-value="620"
20869                     data-field-height-value="140" data-field-width-value="140" data-field-axisy-value="top"
20870                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
20871                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
20872                     data-animate-style="fadeindown" data-animate-duration="0.8" data-animate-delay="0.2"
20873                     data-animate-distance="15" data-animate-mobile="y" data-field-top-res-320-value="56"
20874                     data-field-top-res-640-value="64" data-field-left-res-640-value="490"
20875                     data-field-left-res-960-value="490" data-field-height-res-960-value="120"
20876                     data-field-width-res-960-value="120"
20877                >
20878                    <div class='tn-atom t-bgimg' data-original="/images/v2/tild6537-3535-4261-a437-623462353963__v_line.svg"
20879                         style="background-image:url('/images/v2/tild6537-3535-4261-a437-623462353963__v_line.svg');"
20880                    ></div>
20881                </div>
20882                <div class='t396__elem tn-elem tn-elem__6208975851690380430018 t-animate' data-elem-id='1690380430018'
20883                     data-elem-type='shape' data-field-top-value="128" data-field-left-value="520"
20884                     data-field-height-value="140" data-field-width-value="140" data-field-axisy-value="top"
20885                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
20886                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
20887                     data-animate-style="fadeindown" data-animate-duration="0.8" data-animate-delay="0.2"
20888                     data-animate-distance="15" data-animate-mobile="y" data-field-top-res-320-value="56"
20889                     data-field-top-res-640-value="64" data-field-left-res-640-value="390"
20890                     data-field-left-res-960-value="390" data-field-height-res-960-value="120"
20891                     data-field-width-res-960-value="120"
20892                >
20893                    <div class='tn-atom t-bgimg' data-original="/images/v2/tild3063-3239-4437-a436-343963663663__v_line.svg"
20894                         style="background-image:url('/images/v2/tild3063-3239-4437-a436-343963663663__v_line.svg');"
20895                    ></div>
20896                </div>
20897                <div class='t396__elem tn-elem tn-elem__6208975851690380430027 t-animate' data-elem-id='1690380430027'
20898                     data-elem-type='shape' data-field-top-value="135" data-field-left-value="820"
20899                     data-field-height-value="340" data-field-width-value="340" data-field-axisy-value="top"
20900                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
20901                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
20902                     data-animate-style="fadeindown" data-animate-duration="0.8" data-animate-delay="0.2"
20903                     data-animate-distance="15" data-animate-mobile="y" data-field-top-res-320-value="361"
20904                     data-field-left-res-320-value="24" data-field-top-res-640-value="291"
20905                     data-field-left-res-640-value="40" data-field-height-res-640-value="214"
20906                     data-field-width-res-640-value="272" data-field-left-res-960-value="664"
20907                     data-field-height-res-960-value="257" data-field-width-res-960-value="256"
20908                >
20909                    <div class='tn-atom t-bgimg'
20910                         data-original="/images/v2/tild6536-3334-4435-b435-616530366230__image_3.jpg"
20911                         style="background-image:url('/images/v2/tild6536-3334-4435-b435-616530366230__image_3.jpg');"
20912                    ></div>
20913                </div>
20914                <div class='t396__elem tn-elem tn-elem__6208975851690380430035 t-animate' data-elem-id='1690380430035'
20915                     data-elem-type='shape' data-field-top-value="515" data-field-left-value="880"
20916                     data-field-height-value="161" data-field-width-value="161" data-field-axisy-value="top"
20917                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
20918                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
20919                     data-animate-style="fadeindown" data-animate-duration="0.8" data-animate-delay="0.34"
20920                     data-animate-distance="15" data-animate-mobile="y" data-field-top-res-320-value="595"
20921                     data-field-left-res-320-value="172" data-field-height-res-320-value="112"
20922                     data-field-width-res-320-value="112" data-field-top-res-640-value="364"
20923                     data-field-left-res-640-value="447" data-field-top-res-960-value="505"
20924                     data-field-left-res-960-value="759" data-field-height-res-960-value="141"
20925                     data-field-width-res-960-value="141"
20926                >
20927                    <div class='tn-atom t-bgimg' data-original="/images/v2/tild6163-3163-4635-b539-353065373230__v_patt.svg"
20928                         style="background-image:url('/images/v2/tild6163-3163-4635-b539-353065373230__v_patt.svg');"
20929                    ></div>
20930                </div>
20931                <div class='t396__elem tn-elem tn-elem__6208975851690380430076 t-animate' data-elem-id='1690380430076'
20932                     data-elem-type='text' data-field-top-value="480" data-field-left-value="463"
20933                     data-field-width-value="195" data-field-axisy-value="top" data-field-axisx-value="left"
20934                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
20935                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
20936                     data-animate-duration="0.8" data-animate-delay="0.2" data-animate-distance="15"
20937                     data-animate-mobile="y" data-field-top-res-320-value="764" data-field-left-res-320-value="168"
20938                     data-field-top-res-640-value="553" data-field-left-res-640-value="184"
20939                     data-field-top-res-960-value="470" data-field-left-res-960-value="393"
20940                >
20941                    <div class='tn-atom' field='tn_text_1690380430076'>— это</div>
20942                </div>
20943                <div class='t396__elem tn-elem tn-elem__6208975851691423390141' data-elem-id='1691423390141'
20944                     data-elem-type='shape' data-field-top-value="470" data-field-left-value="320"
20945                     data-field-height-value="30" data-field-width-value="136" data-field-axisy-value="top"
20946                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
20947                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunit
20947s-value="px"
20948                     data-animate-mobile="y" data-field-top-res-320-value="757" data-field-left-res-320-value="24"
20949                     data-field-top-res-640-value="546" data-field-left-res-640-value="40"
20950                     data-field-top-res-960-value="460" data-field-left-res-960-value="250"
20951                ><a class='tn-atom t-bgimg' href="#top"
20952                    data-original="/images/v2/tild6433-6563-4638-a138-663661383165__logo.svg"
20953                    style="background-image:url('/images/v2/tild6433-6563-4638-a138-663661383165__logo.svg');"
20954                    ></a></div>
20955                <div class='t396__elem tn-elem tn-elem__6208975851690380430043 t-animate' data-elem-id='1690380430043'
20956                     data-elem-type='text' data-field-top-value="521" data-field-left-value="342"
20957                     data-field-width-value="263" data-field-axisy-value="top" data-field-axisx-value="left"
20958                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
20959                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinright"
20960                     data-animate-duration="0.8" data-animate-delay="0.22" data-animate-distance="15"
20961                     data-animate-mobile="y" data-field-top-res-320-value="802" data-field-left-res-320-value="42"
20962                     data-field-top-res-640-value="596" data-field-left-res-640-value="63"
20963                     data-field-top-res-960-value="510" data-field-left-res-960-value="272"
20964                >
20965                    <div class='tn-atom' field='tn_text_1690380430043'>Аккредитованная IT-компания</div>
20966                </div>
20967                <div class='t396__elem tn-elem tn-elem__6208975851691423437113 t-animate' data-elem-id='1691423437113'
20968                     data-elem-type='shape' data-field-top-value="525" data-field-left-value="324"
20969                     data-field-height-value="8" data-field-width-value="8" data-field-axisy-value="top"
20970                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
20971                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
20972                     data-animate-style="fadeinright" data-animate-duration="0.8" data-animate-delay="0.22"
20973                     data-animate-distance="15" data-field-top-res-320-value="806" data-field-left-res-320-value="24"
20974                     data-field-top-res-640-value="601" data-field-left-res-640-value="45"
20975                     data-field-top-res-960-value="514" data-field-left-res-960-value="254"
20976                >
20977                    <div class='tn-atom'></div>
20978                </div>
20979                <div class='t396__elem tn-elem tn-elem__6208975851690380430049 t-animate' data-elem-id='1690380430049'
20980                     data-elem-type='text' data-field-top-value="553" data-field-left-value="342"
20981                     data-field-width-value="324" data-field-axisy-value="top" data-field-axisx-value="left"
20982                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
20983                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinright"
20984                     data-animate-duration="0.8" data-animate-delay="0.24" data-animate-distance="15"
20985                     data-animate-mobile="y" data-field-top-res-320-value="833" data-field-left-res-320-value="42"
20986                     data-field-width-res-320-value="197" data-field-top-res-640-value="628"
20987                     data-field-left-res-640-value="63" data-field-top-res-960-value="541"
20988                     data-field-left-res-960-value="272"
20989                >
20990                    <div class='tn-atom' field='tn_text_1690380430049'>Крутая команда людей со&nbsp;всего мира</div>
20991                </div>
20992                <div class='t396__elem tn-elem tn-elem__6208975851691423474972 t-animate' data-elem-id='1691423474972'
20993                     data-elem-type='shape' data-field-top-value="557" data-field-left-value="324"
20994                     data-field-height-value="8" data-field-width-value="8" data-field-axisy-value="top"
20995                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
20996                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
20997                     data-animate-style="fadeinright" data-animate-duration="0.8" data-animate-delay="0.24"
20998                     data-animate-distance="15" data-field-top-res-320-value="839" data-field-left-res-320-value="24"
20999                     data-field-top-res-640-value="633" data-field-left-res-640-value="45"
21000                     data-field-top-res-960-value="545" data-field-left-res-960-value="254"
21001                >
21002                    <div class='tn-atom'></div>
21003                </div>
21004                <div class='t396__elem tn-elem tn-elem__6208975851690380430054 t-animate' data-elem-id='1690380430054'
21005                     data-elem-type='text' data-field-top-value="585" data-field-left-value="342"
21006                     data-field-width-value="446" data-field-axisy-value="top" data-field-axisx-value="left"
21007                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
21008                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinright"
21009                     data-animate-duration="0.8" data-animate-delay="0.26" data-animate-distance="15"
21010                     data-animate-mobile="y" data-field-top-res-320-value="890" data-field-left-res-320-value="43"
21011                     data-field-width-res-320-value="253" data-field-top-res-640-value="660"
21012                     data-field-left-res-640-value="63" data-field-top-res-960-value="572"
21013                     data-field-left-res-960-value="272"
21014                >
21015                    <div class='tn-atom' field='tn_text_1690380430054'>Известные клиенты и&nbsp;многомиллионная
21016                        аудитория
21017                    </div>
21018                </div>
21019                <div class='t396__elem tn-elem tn-elem__6208975851691423479760 t-animate' data-elem-id='1691423479760'
21020                     data-elem-type='shape' data-field-top-value="589" data-field-left-value="324"
21021                     data-field-height-value="8" data-field-width-value="8" data-field-axisy-value="top"
21022                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
21023                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
21024                     data-animate-style="fadeinright" data-animate-duration="0.8" data-animate-delay="0.26"
21025                     data-animate-distance="15" data-field-top-res-320-value="896" data-field-left-res-320-value="24"
21026                     data-field-top-res-640-value="665" data-field-left-res-640-value="45"
21027                     data-field-top-res-960-value="576" data-field-left-res-960-value="254"
21028                >
21029                    <div class='tn-atom'></div>
21030                </div>
21031                <div class='t396__elem tn-elem tn-elem__6208975851690380430060 t-animate' data-elem-id='1690380430060'
21032                     data-elem-type='text' data-field-top-value="617" data-field-left-value="342"
21033                     data-field-width-value="423" data-field-axisy-value="top" data-field-axisx-value="left"
21034                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
21035                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinright"
21036                     data-animate-duration="0.8" data-animate-delay="0.28" data-animate-distance="15"
21037                     data-animate-mobile="y" data-field-top-res-320-value="947" data-field-left-res-320-value="43"
21038                     data-field-width-res-320-value="219" data-field-top-res-640-value="691"
21039                     data-field-left-res-640-value="63" data-field-top-res-960-value="603"
21040                     data-field-left-res-960-value="272"
21041                >
21042                    <div class='tn-atom' field='tn_text_1690380430060'>Гибкие часы работы&nbsp;— выбирай своё
21043                        расписание
21044                    </div>
21045                </div>
21046                <div class='t396__elem tn-elem tn-elem__6208975851691423483273 t-animate' data-elem-id='1691423483273'
21047                     data-elem-type='shape' data-field-top-value="622" data-field-left-value="324"
21048                     data-field-height-value="8" data-field-width-value="8" data-field-axisy-value="top"
21049                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
21050                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
21051                     data-animate-style="fadeinright" data-animate-duration="0.8" data-animate-delay="0.28"
21052                     data-animate-distance="15" data-field-top-res-320-value="953" data-field-left-res-320-value="24"
21053                     data-field-width-res-320-value="9" data-field-top-res-640-value="698"
21054                     data-field-left-res-640-value="45" data-field-top-res-960-value="607"
21055                     data-field-left-res-960-value="254"
21056                >
21057                    <div class='tn-atom'></div>
21058                </div>
21059                <div class='t396__elem tn-elem tn-elem__6208975851690380430068 t-animate' data-elem-id='1690380430068'
21060                     data-elem-type='text' data-field-top-value="649" data-field-left-value="342"
21061                     data-field-width-value="411" data-field-axisy-value="top" data-field-axisx-value="left"
21062                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
21063                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinright"
21064                     data-animate-duration="0.8" data-animate-delay="0.3" data-animate-distance="15"
21065                     data-animate-mobile="y" data-field-top-res-320-value="1004" data-field-left-res-320-value="44"
21066                     data-field-width-res-320-value="252" data-field-top-res-640-value="724"
21067                     data-field-left-res-640-value="63" data-field-top-res-960-value="634"
21068                     data-field-left-res-960-value="272"
21069                >
21070                    <div class='tn-atom' field='tn_text_1690380430068'>Работа удалённо или в уютном офисе в Москве</div>
21071                </div>
21072                <div class='t396__elem tn-elem tn-elem__6208975851691423493264 t-animate' data-elem-id='1691423493264'
21073                     data-elem-type='shape' data-field-top-value="654" data-field-left-value="324"
21074                     data-field-height-value="8" data-field-width-value="8" data-field-axisy-value="top"
21075                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
21076                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
21077                     data-animate-style="fadeinright" data-animate-duration="0.8" data-animate-delay="0.3"
21078                     data-animate-distance="15" data-field-top-res-320-value="1010" data-field-left-res-320-value="24"
21079                     data-field-width-res-320-value="9" data-field-top-res-640-value="730"
21080                     data-field-left-res-640-value="45" data-field-top-res-960-value="638"
21081                     data-field-left-res-960-value="254"
21082                >
21083                    <div class='tn-atom'></div>
21084                </div>
21085            </div>
21086        </div>
21087        
21087<script>t_onFuncLoad('t396_initialScale', function () {
21088                t396_initialScale('620897585');
21089            });
21090            t_onReady(function () {
21091                t_onFuncLoad('t396_init', function () {
21092                    t396_init('620897585');
21093                });
21094            });</script>
21094<!-- /T396 --></div>
21095    <div id="rec625252916" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
21096        <style>#rec625252916 .t396__artboard {
21097                height: 70px;
21098                background-color: #121213;
21099            }
21100
21101            #rec625252916 .t396__filter {
21102                height: 70px;
21103            }
21104
21105            #rec625252916 .t396__carrier {
21106                height: 70px;
21107                background-position: center center;
21108                background-attachment: scroll;
21109                background-size: cover;
21110                background-repeat: no-repeat;
21111            }
21112
21113            @media  screen and (max-width: 1199px) {
21114                #rec625252916 .t396__artboard {
21115                }
21116
21117                #rec625252916 .t396__filter {
21118                }
21119
21120                #rec625252916 .t396__carrier {
21121                    background-attachment: scroll;
21122                }
21123            }
21124
21125            @media  screen and (max-width: 959px) {
21126                #rec625252916 .t396__artboard {
21127                }
21128
21129                #rec625252916 .t396__filter {
21130                }
21131
21132                #rec625252916 .t396__carrier {
21133                    background-attachment: scroll;
21134                }
21135            }
21136
21137            @media  screen and (max-width: 639px) {
21138                #rec625252916 .t396__artboard {
21139                }
21140
21141                #rec625252916 .t396__filter {
21142                }
21143
21144                #rec625252916 .t396__carrier {
21145                    background-attachment: scroll;
21146                }
21147            }
21148
21149            @media  screen and (max-width: 479px) {
21150                #rec625252916 .t396__artboard {
21151                }
21152
21153                #rec625252916 .t396__filter {
21154                }
21155
21156                #rec625252916 .t396__carrier {
21157                    background-attachment: scroll;
21158                }
21159            }</style>
21160        <div class='t396'>
21161            <div class="t396__artboard" data-artboard-recid="625252916" data-artboard-screens="320,480,640,960,1200"
21162                 data-artboard-height="70" data-artboard-valign="center" data-artboard-upscale="grid"
21163            >
21164                <div class="t396__carrier" data-artboard-recid="625252916"></div>
21165                <div class="t396__filter" data-artboard-recid="625252916"></div>
21166            </div>
21167        </div>
21168        
21168<script>t_onReady(function () {
21169                t_onFuncLoad('t396_init', function () {
21170                    t396_init('625252916');
21171                });
21172            });</script>
21172<!-- /T396 --></div>
21173    <div id="rec620992863" class="r t-rec" style="background-color:#755ffc; " data-record-type="215"
21174         data-bg-color="#755ffc"><a name="form" style="font-size:0;"></a></div>
21175    <div id="rec620918460" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
21176        <style>
21177            #rec620918460 .t396__artboard {
21178                height: 678px;
21179                background-color: #121213;
21180            }
21181
21182            #rec620918460 .t396__filter {
21183                height: 678px;
21184            }
21185
21186            #rec620918460 .t396__carrier {
21187                height: 678px;
21188                background-position: center center;
21189                background-attachment: scroll;
21190                background-size: cover;
21191                background-repeat: no-repeat;
21192            }
21193
21194            @media  screen and (max-width: 1199px) {
21195                #rec620918460 .t396__artboard {
21196                }
21197
21198                #rec620918460 .t396__filter {
21199                }
21200
21201                #rec620918460 .t396__carrier {
21202                    background-attachment: scroll;
21203                }
21204            }
21205
21206            @media  screen and (max-width: 959px) {
21207                #rec620918460 .t396__artboard {
21208                    height: 620px;
21209                }
21210
21211                #rec620918460 .t396__filter {
21212                    height: 620px;
21213                }
21214
21215                #rec620918460 .t396__carrier {
21216                    height: 620px;
21217                    background-attachment: scroll;
21218                }
21219            }
21220
21221            @media  screen and (max-width: 639px) {
21222                #rec620918460 .t396__artboard {
21223                    height: 580px;
21224                }
21225
21226                #rec620918460 .t396__filter {
21227                    height: 580px;
21228                }
21229
21230                #rec620918460 .t396__carrier {
21231                    height: 580px;
21232                    background-attachment: scroll;
21233                }
21234            }
21235
21236            #rec620918460 .tn-elem[data-elem-id="1690380603176"] {
21237                z-index: 2;
21238                top: 207px;
21239                left: calc(50% - 600px + -368px);
21240                width: 916px;
21241            }
21242
21243            #rec620918460 .tn-elem[data-elem-id="1690380603176"] .tn-atom {
21244                background-position: center center;
21245                border-color: transparent;
21246                border-style: solid;
21247            }
21248
21249            @media  screen and (max-width: 1199px) {
21250                #rec620918460 .tn-elem[data-elem-id="1690380603176"] {
21251                    top: 206px;
21252                    left: calc(50% - 480px + -426px);
21253                }
21254            }
21255
21256            @media  screen and (max-width: 959px) {
21257                #rec620918460 .tn-elem[data-elem-id="1690380603176"] {
21258                    top: 468px;
21259                    left: calc(50% - 320px + -375px);
21260                    width: 1391px;
21261                }
21262
21263                #rec620918460 .tn-elem[data-elem-id="1690380603176"] .tn-atom {
21264                    -webkit-transform: rotate(270deg);
21265                    -moz-transform: rotate(270deg);
21266                    transform: rotate(270deg);
21267                }
21268            }
21269
21270            @media  screen and (max-width: 639px) {
21271                #rec620918460 .tn-elem[data-elem-id="1690380603176"] {
21272                    top: 315px;
21273                    left: calc(50% - 160px + -298px);
21274                }
21275
21276                #rec620918460 .tn-elem[data-elem-id="1690380603176"] .tn-atom {
21277                    -webkit-transform: rotate(270deg);
21278                    -moz-transform: rotate(270deg);
21279                    transform: rotate(270deg);
21280                }
21281            }
21282
21283            #rec620918460 .tn-elem[data-elem-id="1690380429981"] {
21284                color: #f4f4f4;
21285                text-align: LEFT;
21286                z-index: 3;
21287                top: 98px;
21288                left: calc(50% - 600px + 220px);
21289                width: 336px;
21290            }
21291
21292            #rec620918460 .tn-elem[data-elem-id="1690380429981"] .tn-atom {
21293                color: #f4f4f4;
21294                font-size: 64px;
21295                font-family: 'Raleway', Arial, sans-serif;
21296                line-height: 1;
21297                font-weight: 600;
21298                letter-spacing: -1px;
21299                background-position: center center;
21300                border-color: transparent;
21301                border-style: solid;
21302            }
21303
21304            @media  screen and (max-width: 1199px) {
21305                #rec620918460 .tn-elem[data-elem-id="1690380429981"] {
21306                    width: 255px;
21307                }
21308
21309                #rec620918460 .tn-elem[data-elem-id="1690380429981"] .tn-atom {
21310                    font-size: 48px;
21311                }
21312            }
21313
21314            @media  screen and (max-width: 959px) {
21315                #rec620918460 .tn-elem[data-elem-id="1690380429981"] {
21316                    top: 30px;
21317                    left: calc(50% - 320px + 122px);
21318                    width: 426px;
21319                }
21320            }
21321
21322            @media  screen and (max-width: 639px) {
21323                #rec620918460 .tn-elem[data-elem-id="1690380429981"] {
21324                    top: 10px;
21325                    left: calc(50% - 160px + 30px);
21326                    width: 270px;
21327                }
21328
21329                #rec620918460 .tn-elem[data-elem-id="1690380429981"] .tn-atom {
21330                    font-size: 32px;
21331                }
21332            }
21333
21334            #rec620918460 .tn-elem[data-elem-id="1690389132719"] {
21335                z-index: 4;
21336                top: 98px;
21337                left: calc(50% - 600px + 620px);
21338                width: 360px;
21339            }
21340
21341            #rec620918460 .tn-elem[data-elem-id="1690389132719"] .tn-atom {
21342                background-position: center center;
21343                border-color: transparent;
21344                border-style: solid;
21345            }
21346
21347            @media  screen and (max-width: 1199px) {
21348                #rec620918460 .tn-elem[data-elem-id="1690389132719"] {
21349                    left: calc(50% - 480px + 590px);
21350                }
21351            }
21352
21353            @media  screen and (max-width: 959px) {
21354                #rec620918460 .tn-elem[data-elem-id="1690389132719"] {
21355                    top: 108px;
21356                    left: calc(50% - 320px + 122px);
21357                    width: 390px;
21358                }
21359            }
21360
21361            @media  screen and (max-width: 639px) {
21362                #rec620918460 .tn-elem[data-elem-id="1690389132719"] {
21363                    top: 68px;
21364                    left: calc(50% - 160px + 30px);
21365                    width: 260px;
21366                }
21367            }</style>
21368        <div class='t396'>
21369            <div class="t396__artboard" data-artboard-recid="620918460" data-artboard-screens="320,640,960,1200"
21370                 data-artboard-height="678" data-artboard-valign="center" data-artboard-upscale="window"
21371                 data-artboard-height-res-320="580" data-artboard-height-res-640="620"
21372            >
21373                <div class="t396__carrier" data-artboard-recid="620918460"></div>
21374                <div class="t396__filter" data-artboard-recid="620918460"></div>
21375                <div class='t396__elem tn-elem tn-elem__6209184601690380603176' data-elem-id='1690380603176'
21376                     data-elem-type='image' data-field-top-value="207" data-field-left-value="-368"
21377                     data-field-width-value="916" data-field-axisy-value="top" data-field-axisx-value="left"
21378                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
21379                     data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="916"
21380                     data-field-fileheight-value="393" data-field-top-res-320-value="315"
21381                     data-field-left-res-320-value="-298" data-field-top-res-640-value="468"
21382                     data-field-left-res-640-value="-375" data-field-width-res-640-value="1391"
21383                     data-field-top-res-960-value="206" data-field-left-res-960-value="-426"
21384                >
21385                    <div class='tn-atom'><img class='tn-atom__img t-img'
21386                                              data-original='/images/v2/tild6132-6239-4232-b033-343334353231__frame_23.svg'
21387                                              alt='' imgfield='tn_img_1690380603176'></div>
21388                </div>
21389                <div class='t396__elem tn-elem tn-elem__6209184601690380429981 t-animate' data-elem-id='1690380429981'
21390                     data-elem-type='text' data-field-top-value="98" data-field-left-value="220"
21391                     data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left"
21392                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
21393                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
21394                     data-animate-duration="0.8" data-animate-delay="0.2" data-animate-distance="15"
21395                     data-animate-mobile="y" data-field-top-res-320-value="10" data-field-left-res-320-value="30"
21396                     data-field-width-res-320-value="270" data-field-top-res-640-value="30"
21397                     data-field-left-res-640-value="122" data-field-width-res-640-value="426"
21398                     data-field-width-res-960-value="255"
21399                >
21400                    <div class='tn-atom' field='tn_text_1690380429981'>Связаться с нами</div>
21401                </div>
21402                <div class='t396__elem tn-elem tn-elem__6209184601690389132719 t-animate' data-elem-id='1690389132719'
21403                     data-elem-type='form' data-field-top-value="98" data-field-left-value="620"
21404                     data-field-width-value="360" data-field-axisy-value="top" data-field-axisx-value="left"
21405                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
21406                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeindown"
21407                     data-animate-duration="0.8" data-animate-delay="0.2" data-animate-distance="15"
21408                     data-animate-mobile="y" data-field-top-res-320-value="68" data-field-left-res-320-value="30"
21409                     data-field-width-res-320-value="260" data-field-top-res-640-value="108"
21410                     data-field-left-res-640-value="122" data-field-width-res-640-value="390"
21411                     data-field-left-res-960-value="590" data-field-inputpos-value="v"
21412                     data-field-inputfontfamily-value="Manrope" data-field-fieldfontfamily-value="Manrope"
21413                     data-field-inputfontsize-value="18" data-field-inputfontweight-value="500"
21414                     data-field-inputcolor-value="#f4f4f4" data-field-inputbgcolor-value="#121213"
21415                     data-field-inputbordercolor-value="#755ffc" data-field-inputbordersize-value="1"
21416                     data-field-inputradius-value="12" data-field-inputheight-value="60"
21417                     data-field-inputmargbottom-value="20" data-field-inputmargright-value="20"
21418                     data-field-inputtitlefontsize-value="16" data-field-inputtitlefontweight-value="500"
21419                     data-field-inputtitlecolor-value="#f4f4f4" data-field-inputtitlemargbottom-value="10"
21420                     data-field-inputelscolor-value="#797c7c" data-field-inputelsfontweight-value="400"
21421                     data-field-inputelsfontsize-value="12" data-field-buttontitle-value="Отправить"
21422                     data-field-buttoncolor-value="#f4f4f4" data-field-buttonbgcolor-value="#755ffc"
21423                     data-field-buttonbordersize-value="1" data-field-buttonradius-value="9"
21424                     data-field-buttonmargtop-value="60" data-field-buttonwidth-value="128"
21425                     data-field-buttonheight-value="36" data-field-buttonfontfamily-value="Manrope"
21426                     data-field-buttonfontsize-value="15" data-field-buttonfontweight-value="500"
21427                     data-field-inputmargbottom-res-320-value="20" data-field-inputtitlefontsize-res-320-value="16"
21428                     data-field-inputelsfontsize-res-320-value="10" data-field-buttonbordersize-res-320-value="1"
21429                     data-field-buttonwidth-res-320-value="260" data-field-inputmargbottom-res-640-value="20"
21430                     data-field-inputtitlefontsize-res-640-value="16" data-field-inputtitlemargbottom-res-640-value="10"
21431                     data-field-inputelsfontsize-res-640-value="12" data-field-buttonradius-res-640-value="15"
21432                     data-field-buttonmargtop-res-640-value="30" data-field-buttonwidth-res-640-value="390"
21433                     data-field-buttonheight-res-640-value="55" data-field-buttonfontsize-res-640-value="25"
21434                >
21435                    <div class="tn-atom tn-atom__form" style="transform-origin: center center;">
21436                        <style
21437                            id="t-zero-placeholder-620918460-1690389132719">#rec620918460 [data-elem-id="1690389132719"] input::-webkit-input-placeholder {
21438                                color: #f4f4f4;
21439                                opacity: 0.5;
21440                            }
21441
21442                            #rec620918460 [data-elem-id="1690389132719"] input::-moz-placeholder {
21443                                color: #f4f4f4;
21444                                opacity: 0.5;
21445                            }
21446
21447                            #rec620918460 [data-elem-id="1690389132719"] input:-moz-placeholder {
21448                                color: #f4f4f4;
21449                                opacity: 0.5;
21450                            }
21451
21452                            #rec620918460 [data-elem-id="1690389132719"] input:-ms-input-placeholder {
21453                                color: #f4f4f4;
21454                                opacity: 0.5;
21455                            }
21456
21457                            #rec620918460 [data-elem-id="1690389132719"] textarea::-webkit-input-placeholder {
21458                                color: #f4f4f4;
21459                                opacity: 0.5;
21460                            }
21461
21462                            #rec620918460 [data-elem-id="1690389132719"] textarea::-moz-placeholder {
21463                                color: #f4f4f4;
21464                                opacity: 0.5;
21465                            }
21466
21467                            #rec620918460 [data-elem-id="1690389132719"] textarea:-moz-placeholder {
21468                                color: #f4f4f4;
21469                                opacity: 0.5;
21470                            }
21471
21472                            #rec620918460 [data-elem-id="1690389132719"] textarea:-ms-input-placeholder {
21473                                color: #f4f4f4;
21474                                opacity: 0.5;
21475                            }</style>
21476                        <style id="t-zero-form-c-styles">.tn-atom .t-input-block {
21477                                position: relative;
21478                            }</style>
21479                        <style
21480                            id="t-zero-form-font-family-620918460-1690389132719">#rec620918460 [data-elem-id="1690389132719"] .t-input-block input[type="text"], #rec620918460 [data-elem-id="1690389132719"] .t-input-block input[type="tel"], #rec620918460 [data-elem-id="1690389132719"] .t-input-block .t-input-phonemask__select, #rec620918460 [data-elem-id="1690389132719"] .t-input-block textarea, #rec620918460 [data-elem-id="1690389132719"] .t-input-block select, #rec620918460 [data-elem-id="1690389132719"] .t-input-block .t-input__vis-ph {
21481                                font-family: "Manrope";
21482                            }</style>
21483                        <form class="t-form t-form_inputs-total_4 js-form-proccess" id="form620918460"
21484                              name="form" data-action="/send" method="POST"
21485                              role="form" data-formactiontype="2" data-inputbox=".t-input-group"
21486                              data-success-callback="t396_onSuccess" data-success-popup="y" data-error-popup="y">
21487                            <input type="hidden" name="_token" value="WGDbMadCdWZOa8qBjrIeWHEYmo6qypS7OuHaOcdd">                            <div class="js-successbox t-form__successbox t-text t-text_sm" style="display: none;"></div>
21488                            <div class="t-form__inputsbox">
21489                                <div class="t-input-group t-input-group_nm" data-input-lid="1531306243545"
21490                                     style="margin-bottom: 20px;">
21491                                    <div class="t-input-block"><input aria-label="name" type="text" name="name"
21492                                                                      class="t-input js-tilda-rule t-input-inline-styles"
21493                                                                      data-tilda-rule="name" placeholder="Как вас зовут"
21494                                                                      data-tilda-req="1"
21495                                                                      style="color: rgb(244, 244, 244); border: 1px solid rgb(117, 95, 252); background-color: rgb(18, 18, 19); border-radius: 12px; font-size: 18px; font-weight: 500; height: 60px;">
21496                                        <div class="t-input-error"></div>
21497                                    </div>
21498                                </div>
21499                                <div class="t-input-group t-input-group_em" data-input-lid="1531306540094"
21500                                     style="margin-bottom: 20px;">
21501                                    <div class="t-input-block"><input aria-label="email" type="text" name="email"
21502                                                                      class="t-input js-tilda-rule t-input-inline-styles"
21503                                                                      data-tilda-rule="email"
21504                                                                      placeholder="Электронная почта" data-tilda-req="1"
21505                                                                      style="color: rgb(244, 244, 244); border: 1px solid rgb(117, 95, 252); background-color: rgb(18, 18, 19); border-radius: 12px; font-size: 18px; font-weight: 500; height: 60px;">
21506                                        <div class="t-input-error"></div>
21507                                    </div>
21508                                </div>
21509                                <div class="t-input-group t-input-group_ta" data-input-lid="1690389192748"
21510                                     style="margin-bottom: 20px;">
21511                                    <div class="t-input-block"><textarea aria-label="textarea" name="question"
21512                                                                         class="t-input js-tilda-rule t-input-inline-styles"
21513                                                                         placeholder="Ваше сообщение" data-tilda-req="1"
21514                                                                         data-rows="6" rows="6"
21515                                                                         style="color: rgb(244, 244, 244); border: 1px solid rgb(117, 95, 252); background-color: rgb(18, 18, 19); border-radius: 12px; font-size: 18px; font-weight: 500; height: 160px;"></textarea>
21516                                        <div class="t-input-error"></div>
21517                                    </div>
21518                                </div>
21519                                <div class="t-input-group t-input-group_cb" data-input-lid="1690389222335"
21520                                     style="margin-bottom: 20px;">
21521                                    <div class="t-input-block"><label class="t-checkbox__control"
21522                                                                      style="font-size: 12px; font-weight: 400; color: rgb(244, 244, 244); font-family: Manrope;"><input
21523                                                type="checkbox" name="user_agreement" class="t-checkbox js-tilda-rule"
21524                                                value="yes" data-tilda-req="1">
21525                                            <div class="t-checkbox__indicator"
21526                                                 style="border-color: rgb(121, 124, 
21526124);"></div>
21527                                            <span class="t-checkbox__labeltext">
21528                                                Я даю согласие на обработку персональных данных в соответствии с <a
21529                                                    href="https://www.via-mobi.com/storage/vm_privacy.pdf"
21530                                                    target="_blank" rel="noreferrer noopener nofollow"
21531                                                    style="color: rgb(244, 244, 244); border-bottom: 1px solid rgb(93, 93, 93); box-shadow: none; text-decoration: none;">Политикой конфиденциальности</a>
21532                                            </span>
21533                                            <style>#rec620918460 [data-elem-id="1690389132719"] .t-checkbox__indicator:after {
21534                                                    border-color: #797c7c;
21535                                                }</style>
21536                                        </label>
21537                                        <div class="t-input-error"></div>
21538                                    </div>
21539                                </div>
21540                                <div class="t-form__errorbox-middle">
21541                                    <div class="js-errorbox-all t-form__errorbox-wrapper" style="display: none;">
21542                                        <div class="t-form__errorbox-text t-text_xs t-text"><p
21543                                                class="t-form__errorbox-item js-rule-error js-rule-error-all"></p>
21544                                            <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p>
21545                                            <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p>
21546                                            <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p>
21547                                            <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p>
21548                                            <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p>
21549                                        </div>
21550                                        <div class="tn-form__errorbox-close js-errorbox-close">
21551                                            <div
21552                                                class="tn-form__errorbox-close-line tn-form__errorbox-close-line-left"></div>
21553                                            <div
21554                                                class="tn-form__errorbox-close-line tn-form__errorbox-close-line-right"></div>
21555                                        </div>
21556                                    </div>
21557                                </div>
21558                                <div class="tn-form__submit" style="margin-top: 30px;">
21559                                    <button type="submit" class="t-submit"
21560                                            style="padding: 0px 15px; display: block; width: 260px; font-weight: 500; height: 55px;">
21561                                        Отправить
21562                                    </button>
21563                                </div>
21564                            </div>
21565                            <div class="t-form__errorbox-bottom">
21566                                <div class="js-errorbox-all t-form__errorbox-wrapper" style="display: none;">
21567                                    <div class="t-form__errorbox-text t-text_xs t-text"><p
21568                                            class="t-form__errorbox-item js-rule-error js-rule-error-all"></p>
21569                                        <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p>
21570                                        <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p>
21571                                        <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p>
21572                                        <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p>
21573                                        <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p></div>
21574                                    <div class="tn-form__errorbox-close js-errorbox-close">
21575                                        <div
21576                                            class="tn-form__errorbox-close-line tn-form__errorbox-close-line-left"></div>
21577                                        <div
21578                                            class="tn-form__errorbox-close-line tn-form__errorbox-close-line-right"></div>
21579                                    </div>
21580                                </div>
21581                            </div>
21582                            <div style="position: absolute; left: -5000px; bottom: 0px; display: none;"><input
21583                                    type="text" name="form-spec-comments" class="js-form-spec-comments" tabindex="-1">
21584                            </div>
21585                        </form>
21586                        <style
21587                            id="t-zero-form-btn-styles-1690389132719-620918460">#rec620918460 [data-elem-id="1690389132719"] .t-submit {
21588                                color: #f4f4f4;
21589                                border: 1px solid transparent;
21590                                border-radius: 15px;
21591                                font-size: 25px;
21592                                font-family: Manrope;
21593                                cursor: pointer;
21594                                background-color: #755ffc;
21595                            }</style>
21596                    </div>
21597                </div>
21598            </div>
21599        </div>
21600        
21600<script>t_onFuncLoad('t396_initialScale', function () {
21601                t396_initialScale('620918460');
21602            });
21603            t_onReady(function () {
21604                t_onFuncLoad('t396_init', function () {
21605                    t396_init('620918460');
21606                });
21607            });</script>
21607
21608        <!-- /T396 --></div>
21609    <div id="rec620982958" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"><!-- T396 -->
21610        <style>#rec620982958 .t396__artboard {
21611                height: 190px;
21612                background-color: #121213;
21613            }
21614
21615            #rec620982958 .t396__filter {
21616                height: 190px;
21617            }
21618
21619            #rec620982958 .t396__carrier {
21620                height: 190px;
21621                background-position: center center;
21622                background-attachment: scroll;
21623                background-size: cover;
21624                background-repeat: no-repeat;
21625            }
21626
21627            @media  screen and (max-width: 1199px) {
21628                #rec620982958 .t396__artboard {
21629                }
21630
21631                #rec620982958 .t396__filter {
21632                }
21633
21634                #rec620982958 .t396__carrier {
21635                    background-attachment: scroll;
21636                }
21637            }
21638
21639            @media  screen and (max-width: 959px) {
21640                #rec620982958 .t396__artboard {
21641                    height: 500px;
21642                }
21643
21644                #rec620982958 .t396__filter {
21645                    height: 270px;
21646                }
21647
21648                #rec620982958 .t396__carrier {
21649                    height: 270px;
21650                    background-attachment: scroll;
21651                }
21652            }
21653
21654            @media  screen and (max-width: 639px) {
21655                #rec620982958 .t396__artboard {
21656                    height: 600px;
21657                }
21658
21659                #rec620982958 .t396__filter {
21660                    height: 390px;
21661                }
21662
21663                #rec620982958 .t396__carrier {
21664                    height: 390px;
21665                    background-attachment: scroll;
21666                }
21667            }
21668
21669            #rec620982958 .tn-elem[data-elem-id="1690394147408"] {
21670                z-index: 2;
21671                top: 0px;
21672                left: calc(50% - 600px + 40px);
21673                width: 1120px;
21674                height: 1px;
21675            }
21676
21677            #rec620982958 .tn-elem[data-elem-id="1690394147408"] .tn-atom {
21678                background-color: #202121;
21679                background-position: center center;
21680                border-color: transparent;
21681                border-style: solid;
21682            }
21683
21684            @media  screen and (max-width: 1199px) {
21685                #rec620982958 .tn-elem[data-elem-id="1690394147408"] {
21686                    left: calc(50% - 480px + -20px);
21687                    width: 1000px;
21688                }
21689            }
21690
21691            @media  screen and (max-width: 959px) {
21692                #rec620982958 .tn-elem[data-elem-id="1690394147408"] {
21693                    left: calc(50% - 320px + -180px);
21694                }
21695            }
21696
21697            @media  screen and (max-width: 639px) {
21698                #rec620982958 .tn-elem[data-elem-id="1690394147408"] {
21699                    left: calc(50% - 160px + -340px);
21700                }
21701            }
21702
21703            #rec620982958 .tn-elem[data-elem-id="1690394419227"] {
21704                color: #f4f4f4;
21705                text-align: LEFT;
21706                z-index: 3;
21707                top: 66px;
21708                left: calc(50% - 600px + 339px);
21709                width: 208px;
21710            }
21711
21712            #rec620982958 .tn-elem[data-elem-id="1690394419227"] .tn-atom {
21713                color: #f4f4f4;
21714                font-size: 12px;
21715                font-family: 'Manrope', Arial, sans-serif;
21716                line-height: 1.35;
21717                font-weight: 400;
21718                background-position: center center;
21719                border-color: transparent;
21720                border-style: solid;
21721            }
21722
21723            @media  screen and (max-width: 1199px) {
21724                #rec620982958 .tn-elem[data-elem-id="1690394419227"] {
21725                    left: calc(50% - 480px + 290px);
21726                }
21727            }
21728
21729            @media  screen and (max-width: 959px) {
21730                #rec620982958 .tn-elem[data-elem-id="1690394419227"] {
21731                    top: 136px;
21732                    left: calc(50% - 320px + 28px);
21733                }
21734            }
21735
21736            @media  screen and (max-width: 639px) {
21737                #rec620982958 .tn-elem[data-elem-id="1690394419227"] {
21738                    top: 139px;
21739                }
21740            }
21741
21742            #rec620982958 .tn-elem[data-elem-id="1690394339989"] {
21743                z-index: 4;
21744                top: 64px;
21745                left: calc(50% - 600px + 40px);
21746                width: 240px;
21747            }
21748
21749            #rec620982958 .tn-elem[data-elem-id="1690394339989"] .tn-atom {
21750                background-position: center center;
21751                border-color: transparent;
21752                border-style: solid;
21753            }
21754
21755            @media  screen and (max-width: 1199px) {
21756                #rec620982958 .tn-elem[data-elem-id="1690394339989"] {
21757                    left: calc(50% - 480px + 20px);
21758                }
21759            }
21760
21761            @media  screen and (max-width: 959px) {
21762                #rec620982958 .tn-elem[data-elem-id="1690394339989"] {
21763                    top: 60px;
21764                }
21765            }
21766
21767            @media  screen and (max-width: 639px) {
21768            }
21769
21770            #rec620982958 .tn-elem[data-elem-id="1690394102606"] {
21771                color: #f4f4f4;
21772                text-align: LEFT;
21773                z-index: 5;
21774                top: 66px;
21775                left: calc(50% - 600px + 720px);
21776                width: 200px;
21777            }
21778
21779            #rec620982958 .tn-elem[data-elem-id="1690394102606"] .tn-atom {
21780                color: #f4f4f4;
21781                font-size: 12px;
21782                font-family: 'Manrope', Arial, sans-serif;
21783                line-height: 1.35;
21784                font-weight: 400;
21785                background-position: center center;
21786                border-color: transparent;
21787                border-style: solid;
21788            }
21789
21790            @media  screen and (max-width: 1199px) {
21791                #rec620982958 .tn-elem[data-elem-id="1690394102606"] {
21792                    top: 65px;
21793                    left: calc(50% - 480px + 514px);
21794                }
21795            }
21796
21797            @media  screen and (max-width: 959px) {
21798                #rec620982958 .tn-elem[data-elem-id="1690394102606"] {
21799                    top: 188px;
21800                    left: calc(50% - 320px + 28px);
21801                }
21802            }
21803
21804            @media  screen and (max-width: 639px) {
21805                #rec620982958 .tn-elem[data-elem-id="1690394102606"] {
21806                    top: 211px;
21807                }
21808            }
21809
21810            #rec620982958 .tn-elem[data-elem-id="1690394462155"] {
21811                color: #f4f4f4;
21812                text-align: LEFT;
21813                z-index: 6;
21814                top: 66px;
21815                left: calc(50% - 600px + 960px);
21816                width: 200px;
21817            }
21818
21819            #rec620982958 .tn-elem[data-elem-id="1690394462155"] .tn-atom {
21820                color: #f4f4f4;
21821                font-size: 12px;
21822                font-family: 'Manrope', Arial, sans-serif;
21823                line-height: 1.35;
21824                font-weight: 400;
21825                background-position: center center;
21826                border-color: transparent;
21827                border-style: solid;
21828            }
21829
21830            @media  screen and (max-width: 1199px) {
21831                #rec620982958 .tn-elem[data-elem-id="1690394462155"] {
21832                    top: 65px;
21833                    left: calc(50% - 480px + 758px);
21834                    width: 211px;
21835                }
21836            }
21837
21838            @media  screen and (max-width: 959px) {
21839                #rec620982958 .tn-elem[data-elem-id="1690394462155"] {
21840                    top: 188px;
21841                    left: calc(50% - 320px + 275px);
21842                    width: 240px;
21843                }
21844            }
21845
21846            @media  screen and (max-width: 639px) {
21847                #rec620982958 .tn-elem[data-elem-id="1690394462155"] {
21848                    top: 299px;
21849                    left: calc(50% - 160px + 26px);
21850                    width: 241px;
21851                }
21852            }
21853
21854            #rec620982958 .tn-elem[data-elem-id="1690394444622"] {
21855                color: #f4f4f4;
21856                text-align: LEFT;
21857                z-index: 7;
21858                top: 103px;
21859                left: calc(50% - 600px + 720px);
21860                width: 238px;
21861            }
21862
21863            #rec620982958 .tn-elem[data-elem-id="1690394444622"] .tn-atom {
21864                color: #f4f4f4;
21865                font-size: 12px;
21866                font-family: 'Manrope', Arial, sans-serif;
21867                line-height: 1.35;
21868                font-weight: 400;
21869                background-position: center center;
21870                border-color: transparent;
21871                border-style: solid;
21872            }
21873
21874            @media  screen and (max-width: 1199px) {
21875                #rec620982958 .tn-elem[data-elem-id="1690394444622"] {
21876                    top: 102px;
21877                    left: calc(50% - 480px + 514px);
21878                }
21879            }
21880
21881            @media  screen and (max-width: 959px) {
21882                #rec620982958 .tn-elem[data-elem-id="1690394444622"] {
21883                    top: 136px;
21884                    left: calc(50% - 320px + 275px);
21885                }
21886            }
21887
21888            @media  screen and (max-width: 639px) {
21889                #rec620982958 .tn-elem[data-elem-id="1690394444622"] {
21890                    top: 247px;
21891                    left: calc(50% - 160px + 26px);
21892                }
21893            }</style>
21894        <div class='t396'>
21895            <div class="t396__artboard" data-artboard-recid="620982958" data-artboard-screens="320,640,960,1200"
21896                 data-artboard-height="500" data-artboard-valign="center" data-artboard-upscale="window"
21897                 data-artboard-height-res-320="650" data-artboard-height-res-640="500"
21898            >
21899                <div class="t396__carrier" data-artboard-recid="620982958"></div>
21900                <div class="t396__filter" data-artboard-recid="620982958"></div>
21901                <div class='t396__elem tn-elem tn-elem__6209829581690394147408' data-elem-id='1690394147408'
21902                     data-elem-type='shape' data-field-top-value="0" data-field-left-value="40"
21903                     data-field-height-value="1" data-field-width-value="1120" data-field-axisy-value="top"
21904                     data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px"
21905                     data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px"
21906                     data-animate-mobile="y" data-field-left-res-320-value="-340" data-field-left-res-640-value="-180"
21907                     data-field-left-res-960-value="-20" data-field-width-res-960-value="1000"
21908                >
21909                    <div class='tn-atom'></div>
21910                </div>
21911                <div class='t396__elem tn-elem tn-elem__6209829581690394419227 t-animate' data-elem-id='1690394419227'
21912                     data-elem-type='text' data-field-top-value="66" data-field-left-value="339"
21913                     data-field-width-value="208" data-field-axisy-value="top" data-field-axisx-value="left"
21914                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
21915                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinright"
21916                     data-animate-duration="0.8" data-animate-delay="0.22" data-animate-distance="15"
21917                     data-animate-mobile="y" data-field-top-res-320-value="139" data-field-top-res-640-value="136"
21918                     data-field-left-res-640-value="28" data-field-left-res-960-value="290"
21919                >
21920                    <div class='tn-atom' field='tn_text_1690394419227'>
21921                        <b>Общество с ограниченной ответственностью «ВиаМоби»</b><br/>
21922                        129626, г. Москва, пр-кт Мира, д. 102, к. 1, этаж 7, офис 706<br/>
21923                        ИНН: 7725780914<br/>
21924                        КПП: 771701001<br/>
21925                        E-mail: [email protected]<br/>
21926                        Телефон: +7 (495) 374-62-51<br/><br/>
21927
21928                        Основной вид деятельности:<br/>
21929                        62.01 — Разработка компьютерного программного обеспечения<br/>
21930                        Код вида деятельности в области информационных технологий: 2.01
21931                    </div>
21932                </div>
21933                <div class='t396__elem tn-elem tn-elem__6209829581690394339989' data-elem-id='1690394339989'
21934                     data-elem-type='image' data-field-top-value="64" data-field-left-value="40"
21935                     data-field-width-value="240" data-field-axisy-value="top" data-field-axisx-value="left"
21936                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
21937                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-mobile="y"
21938                     data-field-filewidth-value="573" data-field-fileheight-value="85" data-field-top-res-640-value="60"
21939                     data-field-left-res-960-value="20"
21940                >
21941                    <div class='tn-atom'><img class='tn-atom__img t-img'
21942                                              data-original='/images/v2/tild6564-6261-4331-b961-363137626134__v-logo.svg'
21943                                              alt='' imgfield='tn_img_1690394339989'></div>
21944                </div>
21945                <div class='t396__elem tn-elem tn-elem__6209829581690394102606 t-animate' data-elem-id='1690394102606'
21946                     data-elem-type='text' data-field-top-value="160" data-field-left-value="720"
21947                     data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="left"
21948                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
21949                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinright"
21950                     data-animate-duration="0.8" data-animate-delay="0.22" data-animate-distance="15"
21951                     data-animate-mobile="y" data-field-top-res-320-value="536" data-field-top-res-640-value="270"
21952                     data-field-left-res-320-value="28"
21953                     data-field-left-res-640-value="275" data-field-top-res-960-value="265"
21954                     data-field-left-res-960-value="514"
21955                >
21956                    <div class='tn-atom' field='tn_text_1690394102606'><a
21957                            href="https://www.via-mobi.com/storage/svidetelstva/%D0%A1%D0%9F%D0%98%D0%A1%D0%9E%D0%9A_%D0%9F%D0%9E_%D0%90%D0%9A%D0%9A%D0%A0%D0%95%D0%94%D0%98%D0%A2%D0%9E%D0%92%D0%90%D0%9D%
21958D0%9D%D0%9E%D0%99_IT_%D0%9A%D0%9E%D0%9C%D0%9F%D0%90%D0%9D%D0%98%D0%98.pdf" target="_blank"
21959                            rel="noreferrer noopener"
21960                            style="color: rgb(244, 244, 244); border-bottom: 1px solid rgb(74, 75, 75); box-shadow: none; text-decoration: none;">Информация о программных продуктах, условиях доступа к программным продуктам и их стоимости</a></div>
21961                    </div>
21962                <div class='t396__elem tn-elem tn-elem__6209829581690394102606 t-animate' data-elem-id='1690394102606'
21963                     data-elem-type='text' data-field-top-value="66" data-field-left-value="720"
21964                     data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="left"
21965                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
21966                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinright"
21967                     data-animate-duration="0.8" data-animate-delay="0.22" data-animate-distance="15"
21968                     data-animate-mobile="y" data-field-top-res-320-value="499" data-field-left-res-320-value="28"
21969                     data-field-top-res-640-value="350"
21970                     data-field-left-res-640-value="275" data-field-top-res-960-value="65"
21971                     data-field-left-res-960-value="514"
21972                >
21973                    <div class='tn-atom' field='tn_text_1690394102606'><a
21974                            href="https://www.via-mobi.com/storage/vm_useragreement.pdf" target="_blank"
21975                            rel="noreferrer noopener"
21976                            style="color: rgb(244, 244, 244); border-bottom: 1px solid rgb(74, 75, 75); box-shadow: none; text-decoration: none;">Пользовательское
21977                            соглашение</a></div>
21978                </div>
21979                <div class='t396__elem tn-elem tn-elem__6209829581690394462155 t-animate' data-elem-id='1690394462155'
21980                     data-elem-type='text' data-field-top-value="66" data-field-left-value="960"
21981                     data-field-width-value="200" data-field-axisy-value="top" data-field-axisx-value="left"
21982                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
21983                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinright"
21984                     data-animate-duration="0.8" data-animate-delay="0.22" data-animate-distance="15"
21985                     data-animate-mobile="y" data-field-top-res-320-value="465" data-field-left-res-320-value="28"
21986                     data-field-width-res-320-value="241" data-field-top-res-640-value="188"
21987                     data-field-left-res-640-value="275" data-field-width-res-640-value="240"
21988                     data-field-top-res-960-value="65" data-field-left-res-960-value="758"
21989                     data-field-width-res-960-value="211"
21990                >
21991                    <div class='tn-atom' field='tn_text_1690394462155'><a
21992                            href="https://www.via-mobi.com/storage/vm_privacy.pdf" target="_blank"
21993                            rel="noreferrer noopener"
21994                            style="color: rgb(244, 244, 244); border-bottom: 1px solid rgb(74, 75, 75); box-shadow: none; text-decoration: none;">Политика
21995                            конфиденциальности</a></div>
21996                </div>
21997                <div class='t396__elem tn-elem tn-elem__6209829581690394462155 t-animate' data-elem-id='1690394462155'
21998                     data-elem-type='text' data-field-top-value="103" data-field-left-value="960"
21999                     data-field-width-value="238" data-field-axisy-value="top" data-field-axisx-value="left"
22000                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
22001                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinright"
22002                     data-animate-duration="0.8" data-animate-delay="0.22" data-animate-distance="15"
22003                     data-animate-mobile="y"
22004                     data-field-top-res-320-value="420" data-field-left-res-320-value="28" data-field-width-res-320-value="241"
22005                     data-field-top-res-640-value="225" data-field-left-res-640-value="275" data-field-width-res-640-value="240"
22006                     data-field-top-res-960-value="102" data-field-left-res-960-value="758" data-field-width-res-960-value="211"
22007                >
22008                    <div class='tn-atom' field='tn_text_169039446215'><a
22009                            href="https://www.via-mobi.com/storage/vm_personal_processing_data_policy.pdf" target="_blank"
22010                            rel="noreferrer noopener"
22011                            style="color: rgb(244, 244, 244); border-bottom: 1px solid rgb(74, 75, 75); box-shadow: none; text-decoration: none;">Политика обработки персональных данных</a></div>
22012                </div>
22013                <div class='t396__elem tn-elem tn-elem__6209829581690394444622 t-animate' data-elem-id='1690394444622'
22014                     data-elem-type='text' data-field-top-value="103" data-field-left-value="720"
22015                     data-field-width-value="238" data-field-axisy-value="top" data-field-axisx-value="left"
22016                     data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px"
22017                     data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-style="fadeinright"
22018                     data-animate-duration="0.8" data-animate-delay="0.22" data-animate-distance="15"
22019                     data-animate-mobile="y" data-field-top-res-320-value="377" data-field-left-res-320-value="28"
22020                     data-field-top-res-640-value="136" data-field-left-res-640-value="275"
22021                     data-field-top-res-960-value="102" data-field-left-res-960-value="514"
22022                >
22023                    <div class='tn-atom' field='tn_text_1690394444622'><a href="https://www.via-mobi.com/about/sout"
22024                                                                          target="_blank" rel="noreferrer noopener"
22025                                                                          style="color: rgb(244, 244, 244); border-bottom: 1px solid rgb(74, 75, 75); box-shadow: none; text-decoration: none;">Результаты
22026                            проведения предприятием специальной оценки условий труда</a></div>
22027                </div>
22028            </div>
22029        </div>
22030        
22030<script>t_onFuncLoad('t396_initialScale', function () {
22031                t396_initialScale('620982958');
22032            });
22033            t_onReady(function () {
22034                t_onFuncLoad('t396_init', function () {
22035                    t396_init('620982958');
22036                });
22037            });</script>
22037<!-- /T396 --></div>
22038    <div id="rec618785996" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"><!-- T123 -->
22039        <div class="t123">
22040            <div class="t-container_100 ">
22041                <div class="t-width t-width_100 ">
22042
22043                    
22043<script>
22044                        // module aliases
22045                        var Engine = Matter.Engine,
22046                            Render = Matter.Render,
22047                            Runner = Matter.Runner,
22048                            Body = Matter.Body,
22049                            Events = Matter.Events,
22050                            Composite = Matter.Composite,
22051                            Composites = Matter.Composites,
22052                            Common = Matter.Common,
22053                            MouseConstraint = Matter.MouseConstraint,
22054                            Mouse = Matter.Mouse,
22055                            Bodies = Matter.Bodies,
22056                            Vertices = Matter.Vertices;
22057                        // create an engine
22058                        var engine = Engine.create(),
22059                            world = engine.world;
22060                        // create a renderer
22061                        var render = Render.create({
22062                            element: document.querySelector('.matter-box'),
22063                            engine: engine,
22064                            options: {
22065                                width: 980,
22066                                height: 600,
22067                                background: 'transparent',
22068                                wireframes: false,
22069                                // showAngleIndicator: true,
22070                                // showDebug: true,
22071                                // showBounds: true,
22072                                // showCollisions: true,
22073                                // showConvexHulls: true,
22074                                // showIds: true,
22075                                // showInternalEdges: true,
22076                                // showMousePosition: true,
22077                                // showPerformance: true,
22078                                // hasBounds: true,
22079                                pixelRatio: 2,
22080                            }
22081                        });
22082                        // create two boxes and a ground
22083                        // X Y W H
22084                        var bodiesOptions = {
22085                            frictionAir: 0.01,
22086                            friction: 0.15,
22087                            restitution: 0.4,
22088                            quality: 20,
22089                        };
22090                        // Composite.add(world, Composites.stack(20, 100, 5, 1, 20, 40, function (x, y) {
22091                        //     return Bodies.circle(x, y, Common.random(45, 90), bodyOptions, 50);
22092                        // }));
22093                        var stage = 0;
22094                        var bodiesData = [
22095                            {
22096                                x: 56,
22097                                y: 544,
22098                                w: 112,
22099                                h: 112,
22100                                rad: 24,
22101                                stages: {
22102                                    0: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22103                                    1: {lw: 1, stroke: '#121313', fill: '#F4435C'},
22104                                    2: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22105                                    3: {lw: 1, stroke: '#121313', fill: '#03C9E4'},
22106                                }
22107                            },
22108                            {
22109                                x: 212,
22110                                y: 397,
22111                                w: 360,
22112                                h: 120,
22113                                rad: 60,
22114                                stages: {
22115                                    0: {lw: 1, stroke: '#121313', fill: '#755FFC'},
22116                                    1: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22117                                    2: {lw: 1, stroke: '#121313', fill: '#23DB5D'},
22118                                    3: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22119                                }
22120                            },
22121                            {
22122                                x: 407,
22123                                y: 256,
22124                                w: 450,
22125                                h: 130,
22126                                rad: 65,
22127                                stages: {
22128                                    0: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22129                                    1: {lw: 1, stroke: '#121313', fill: '#F4435C'},
22130                                    2: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22131                                    3: {lw: 1, stroke: '#121313', fill: '#03C9E4'},
22132                                }
22133                            },
22134                            {
22135                                x: 540,
22136                                y: 100,
22137                                w: 160,
22138                                h: 160,
22139                                rad: 36,
22140                                stages: {
22141                                    0: {lw: 1, stroke: '#121313', fill: '#755FFC'},
22142                                    1: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22143                                    2: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22144                                    3: {lw: 1, stroke: '#121313', fill: '#03C9E4'},
22145                                }
22146                            },
22147                            {
22148                                x: 790,
22149                                y: 132,
22150                                w: 280,
22151                                h: 64,
22152                                rad: 32,
22153                                stages: {
22154                                    0: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22155                                    1: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22156                                    2: {lw: 1, stroke: '#121313', fill: '#23DB5D'},
22157                                    3: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22158                                }
22159                            },
22160                            {
22161                                x: 850,
22162                                y: 340,
22163                                w: 160,
22164                                h: 160,
22165                                rad: 80,
22166                                stages: {
22167                                    0: {lw: 1, stroke: '#121313', fill: '#755FFC'},
22168                                    1: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22169                                    2: {lw: 1, stroke: '#121313', fill: '#23DB5D'},
22170                                    3: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22171                                }
22172                            },
22173                            {
22174                                x: 830,
22175                                y: 582,
22176                                w: 240,
22177                                h: 64,
22178                                rad: 32,
22179                                stages: {
22180                                    0: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22181                                    1: {lw: 1, stroke: '#121313', fill: '#F4435C'},
22182                                    2: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22183                                    3: {lw: 1, stroke: '#121313', fill: '#03C9E4'},
22184                                }
22185                            },
22186                            {
22187                                x: 600,
22188                                y: 460,
22189                                w: 100,
22190                                h: 100,
22191                                rad: 50,
22192                                stages: {
22193                                    0: {lw: 1, stroke: '#121313', fill: '#755FFC'},
22194                                    1: {lw: 1, stroke: '#121313', fill: '#F4435C'},
22195                                    2: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22196                                    3: {lw: 1, stroke: 'rgba(244, 244, 244, 0.25)', fill: 'transparent'},
22197                                }
22198                            },
22199                        ];
22200                        // Ground
22201                        var groundT = Bodies.rectangle(490, -99, 980, 200, {isStatic: true});
22202                        var groundB = Bodies.rectangle(490, 699, 980, 200, {isStatic: true});
22203                        var groundL = Bodies.rectangle(-99, 300, 200, 600, {isStatic: true});
22204                        var groundR = Bodies.rectangle(1079, 300, 200, 600, {isStatic: true});
22205                        groundT.render.fillStyle = "transparent";
22206                        groundT.render.lineWidth = 0;
22207                        groundT.render.strokeStyle = "transparent";
22208                        groundB.render.fillStyle = "transparent";
22209                        groundB.render.lineWidth = 0;
22210                        groundB.render.strokeStyle = "transparent";
22211                        groundL.render.fillStyle = "transparent";
22212                        groundL.render.lineWidth = 0;
22213                        groundL.render.strokeStyle = "transparent";
22214                        groundR.render.fillStyle = "transparent";
22215                        groundR.render.lineWidth = 0;
22216                        groundR.render.strokeStyle = "transparent";
22217                        Composite.add(engine.world, [groundT, groundB, groundL, groundR]);
22218                        $(document).ready(() => {
22219                            // document.querySelector('.head-1-t').classList.add('title_current');
22220                            // document.querySelector('.head-2-t').classList.add('title_up');
22221                            // document.querySelector('.head-3-t').classList.add('title_up');
22222                            // document.querySelector('.head-4-t').classList.add('title_up');
22223                            document.querySelector('.head-1-d').classList.add('desc_current');
22224                            document.querySelector('.head-2-d').classList.add('desc_up');
22225                            document.querySelector('.head-1-d').classList.add('desc_up');
22226                            document.querySelector('.head-2-d').classList.add('desc_up');
22227                            document.querySelector('.head-3-d').classList.add('desc_up');
22228                            document.querySelector('.head-4-d').classList.add('desc_up');
22229                            document.querySelector('.trigger-1').classList.add('trigger_active');
22230                            document.querySelector('.trigger-2').classList.add('trigger_idle');
22231                            document.querySelector('.trigger-3').classList.add('trigger_idle');
22232                            document.querySelector('.trigger-4').classList.add('trigger_idle');
22233                            document.querySelector('.trigger-1').addEventListener('click', () => {
22234                                changeStage(0, true);
22235                            });
22236                            document.querySelector('.trigger-2').addEventListener('click', () => {
22237                                changeStage(1, true);
22238                            });
22239                            document.querySelector('.trigger-3').addEventListener('click', () => {
22240                                changeStage(2, true);
22241                            });
22242                            document.querySelector('.trigger-4').addEventListener('click', () => {
22243                                changeStage(3, true);
22244                            });
22245                        })
22246                        // Bodies
22247                        var bodiesArray = [];
22248                        bodiesData.forEach(el => {
22249                            let bd = Bodies.rectangle(el.x, el.y, el.w, el.h, {
22250                                frictionAir: bodiesOptions.frictionAir,
22251                                friction: bodiesOptions.friction,
22252                                restitution: bodiesOptions.restitution,
22253                                chamfer: {radius: [el.rad, el.rad, el.rad, el.rad], quality: bodiesOptions.quality}
22254                            });
22255                            bd.render.fillStyle = el.stages[stage].fill;
22256                            bd.render.lineWidth = el.stages[stage].lw;
22257                            bd.render.strokeStyle = el.stages[stage].stroke;
22258                            bodiesArray.push({body: bd, elem: el});
22259                            Composite.add(engine.world, [bd]);
22260                        });
22261
22262                        // Animation
22263                        var timeScaleTarget = 1,
22264                            timeDelay = 4000;
22265                        lastTime = Common.now();
22266                        let sc = 1;
22267                        Events.on(engine, 'afterUpdate', (event) => {
22268                            var timeScale = (event.delta || (1000 / 60)) / 1000;
22269                            // tween the timescale for bullet time slow-mo
22270                            engine.timing.timeScale += (timeScaleTarget - engine.timing.timeScale) * 11 * timeScale;
22271                            // every 2 sec (real time)
22272                            if (Common.now() - lastTime >= timeDelay) {
22273                                // flip the timescale
22274                                if (timeScaleTarget < 1) {
22275                                    timeScaleTarget = 1;
22276                                    timeDelay = 4000;
22277                                    if (stage < 3) {
22278                                        stage++;
22279                                    } else {
22280                                        stage = 0;
22281                                    }
22282                                    for (var i = 0; i < bodiesArray.length; i++) {
22283                                        var data = bodiesArray[i];
22284                                        Body.setSpeed(data.body, 0);
22285                                        Body.setVelocity(data.body, {x: 0, y: 0});
22286                                        Body.setAngularVelocity(data.body, 0);
22287                                        Body.setAngularSpeed(data.body, 0);
22288                                        data.body.render.fillStyle = data.elem.stages[stage].fill;
22289                                        data.body.render.lineWidth = data.elem.stages[stage].lw;
22290                                        data.body.render.strokeStyle = data.elem.stages[stage].stroke;
22291
22292                                        if (data.elem.stages[stage].fill != "transparent") {
22293                                            document.querySelector('.head-logo .tn-atom').style.color = data.elem.stages[stage].fill;
22294                                        }
22295
22296
22297                                    }
22298                                    changeStage(stage);
22299                                } else {
22300                                    timeScaleTarget = 0;
22301                                    timeDelay = 1500;
22302                                    // console.log("BIGGER");
22303                                }
22304                                // create some random forces
22305                                explosion(engine, event.delta);
22306                                // update last time
22307                                lastTime = Common.now();
22308                            }
22309                        });
22310                        var changeStage = function (stg, updateTime = false) {
22311                            document.querySelector('.head-1-d').classList.remove('desc_up');
22312                            document.querySelector('.head-2-d').classList.remove('desc_up');
22313                            document.querySelector('.head-3-d').classList.remove('desc_up');
22314                            document.querySelector('.head-4-d').classList.remove('desc_up');
22315                            document.querySelector('.head-1-d').classList.remove('desc_current');
22316                            document.querySelector('.head-2-d').classList.remove('desc_current');
22317                            document.querySelector('.head-3-d').classList.remove('desc_current');
22318                            document.querySelector('.head-4-d').classList.remove('desc_current');
22319                            document.querySelector('.head-1-d').classList.add('desc_down');
22320                            document.querySelector('.head-2-d').classList.add('desc_down');
22321                            document.querySelector('.head-3-d').classList.add('desc_down');
22322                            document.querySelector('.head-4-d').classList.add('desc_down');
22323                            document.querySelector('.trigger-1').classList.remove('trigger_active');
22324                            document.querySelector('.trigger-2').classList.remove('trigger_active');
22325                            document.querySelector('.trigger-3').classList.remove('trigger_active');
22326                            document.querySelector('.trigger-4').classList.remove('trigger_active');
22327                            document.querySelector('.trigger-1').classList.add('trigger_idle');
22328                            document.querySelector('.trigger-2').classList.add('trigger_idle');
22329                            document.querySelector('.trigger-3').classList.add('trigger_idle');
22330                            document.querySelector('.trigger-4').classList.add('trigger_idle');
22331                            switch (stg) {
22332                                case 0:
22333                                    // document.querySelector('.head-1-t').classList.add('title_current');
22334                                    // document.querySelector('.head-4-t').classList.add('title_down');
22335                                    // document.querySelector('.head-2-t').classList.add('title_up');
22336                                    // // REM
22337                                    // document.querySelector('.head-1-t').classList.remove('title_up');
22338                                    // document.querySelector('.head-4-t').classList.remove('title_current');
22339                                    // document.querySelector('.head-2-t').classList.remove('title_down');
22340                                    // DESC
22341                                    document.querySelector('.head-1-d').classList.add('desc_current');
22342                                    document.querySelector('.head-2-d').classList.add('desc_up');
22343                                    document.querySelector('.head-1-d').classList.remove('desc_down');
22344                                    document.querySelector('.head-2-d').classList.remove('desc_down');
22345                                    //NUM
22346                                    document.querySelector('.trigger-1').classList.add('trigger_active');
22347                                    document.querySelector('.trigger-1').classList.add('trigger_idle');
22348                                    break;
22349                                case 1:
22350                                    // document.querySelector('.head-2-t').classList.add('title_current');
22351                                    // document.querySelector('.head-1-t').classList.add('title_down');
22352                                    // document.querySelector('.head-3-t').classList.add('title_up');
22353                                    // // REM
22354                                    // document.querySelector('.head-2-t').classList.remove('title_up');
22355                                    // document.querySelector('.head-1-t').classList.remove('title_current');
22356                                    // document.querySelector('.head-3-t').classList.remove('title_down');
22357                                    // DESC
22358                                    document.querySelector('.head-2-d').classList.add('desc_current');
22359                                    document.querySelector('.head-3-d').classList.add('desc_up');
22360                                    document.querySelector('.head-2-d').classList.remove('desc_down');
22361                                    document.querySelector('.head-3-d').classList.remove('desc_down');
22362                                    //NUM
22363                                    document.querySelector('.trigger-2').classList.add('trigger_active');
22364                                    document.querySelector('.trigger-2').classList.add('trigger_idle');
22365                                    break;
22366                                case 2:
22367                                    // document.querySelector('.head-3-t').classList.add('title_current');
22368                                    // document.querySelector('.head-2-t').classList.add('title_down');
22369                                    // document.querySelector('.head-4-t').classList.add('title_up');
22370                                    // // REM
22371                                    // document.querySelector('.head-3-t').classList.remove('title_up');
22372                                    // document.querySelector('.head-2-t').classList.remove('title_current');
22373                                    // document.querySelector('.head-4-t').classList.remove('title_down');
22374                                    // DESC
22375                                    document.querySelector('.head-3-d').classList.add('desc_current');
22376                                    document.querySelector('.head-4-d').classList.add('desc_up');
22377                                    document.querySelector('.head-3-d').classList.remove('desc_down');
22378                                    document.querySelector('.head-4-d').classList.remove('desc_down');
22379                                    //NUM
22380                                    document.querySelector('.trigger-3').classList.add('trigger_active');
22381                                    document.querySelector('.trigger-3').classList.add('trigger_idle');
22382                                    break;
22383                                case 3:
22384                                    // document.querySelector('.head-4-t').classList.add('title_current');
22385                                    // document.querySelector('.head-3-t').classList.add('title_down');
22386                                    // document.querySelector('.head-1-t').classList.add('title_up');
22387                                    // // REM
22388                                    // document.querySelector('.head-4-t').classList.remove('title_up');
22389                                    // document.querySelector('.head-3-t').classList.remove('title_current');
22390                                    // document.querySelector('.head-1-t').classList.remove('title_down');
22391                                    // DESC
22392                                    document.querySelector('.head-4-d').classList.add('desc_current');
22393                                    document.querySelector('.head-1-d').classList.add('desc_up');
22394                                    document.querySelector('.head-4-d').classList.remove('desc_down');
22395                                    document.querySelector('.head-1-d').classList.remove('desc_down');
22396                                    //NUM
22397                                    document.querySelector('.trigger-4').classList.add('trigger_active');
22398                                    document.querySelector('.trigger-4').classList.add('trigger_idle');
22399                                    break;
22400                            }
22401                            for (var i = 0; i < bodiesArray.length; i++) {
22402                                var data = bodiesArray[i];
22403                                data.body.render.fillStyle = data.elem.stages[stg].fill;
22404                                data.body.render.lineWidth = data.elem.stages[stg].lw;
22405                                data.body.render.strokeStyle = data.elem.stages[stg].stroke;
22406
22407                                if (data.elem.stages[stg].fill != "transparent") {
22408                                    document.querySelector('.head-logo .tn-atom').style.color = data.elem.stages[stg].fill;
22409                                }
22410                            }
22411                            if (updateTime) {
22412                                lastTime = Common.now();
22413                            }
22414                            stage = stg;
22415                        }
22416                        var explosion = function (engine, delta) {
22417                            var timeScale = (1000 / 60) / delta;
22418                            var bodies = Composite.allBodies(engine.world);
22419                            for (var i = 0; i < bodies.length; i++) {
22420                                var body = bodies[i];
22421                                if (!body.isStatic) {
22422                                    // scale force for mass and time applied
22423                                    var forceMagnitude = (0.1 * body.mass * Math.min((Common.random() * 20) / body.mass, 3));
22424                                    // apply the force over a single update
22425                                    Body.applyForce(body, body.position, {
22426                                        x: (forceMagnitude + Common.random() * forceMagnitude) * Common.choose([1, -0.5]),
22427                                        y: -forceMagnitude + Common.random() * -forceMagnitude
22428                                    });
22429                                }
22430                            }
22431                        };
22432                        var lerpMinMax = function (start, end, amt, min, max) {
22433                            return Math.max(Math.min((1 - amt) * start + amt * end, max), min);
22434                        };
22435
22436                        // run the renderer
22437                        Render.run(render);
22438                        // create runner
22439                        var runner = Runner.create();
22440                        // run the engine
22441                        Runner.run(runner, engine);
22442                    </script>
22442
22443
22444
22445                </div>
22446            </div>
22447        </div>
22448    </div>
22449    <div id="rec618796754" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"><!-- T123 -->
22450        <div class="t123">
22451            <div class="t-container_100 ">
22452                <div class="t-width t-width_100 ">
22453
22454                    <style>
22455                        * {
22456                            font-variant-numeric: lining-nums;
22457                        }
22458
22459                        .uc-header {
22460                            position: fixed;
22461                            z-index: 10000;
22462                        }
22463
22464                        .title_up .tn-atom {
22465                            opacity: 0;
22466                            transform: translateY(-100px);
22467                        }
22468
22469                        .title_current .tn-atom {
22470                            opacity: 1;
22471                            transform: translateY(0px);
22472                            transition: transform 0.7s 0.3s cubic-bezier(.55, .06, .95, .76), opacity 0.7s 0.3s cubic-bezier(.55, .06, .95, .76);
22473                        }
22474
22475                        .title_down .tn-atom {
22476                            opacity: 0;
22477                            transform: translateY(+50px);
22478                            transition: transform 0.2s ease-out, opacity 0.2s ease;
22479                        }
22480
22481                        .desc_up .tn-atom {
22482                            opacity: 0;
22483                            transform: translateY(-20px);
22484                        }
22485
22486                        .desc_current .tn-atom {
22487                            opacity: 1;
22488                            transform: translateY(0px);
22489                            transition: transform 0.7s 0.3s cubic-bezier(.55, .06, .95, .76), opacity 0.7s 0.3s cubic-bezier(.55, .06, .95, .76);
22490                        }
22491
22492                        .desc_down .tn-atom {
22493                            opacity: 0;
22494                            transform: translateY(+20px);
22495                            transition: transform 0.2s ease, opacity 0.12s ease;
22496                        }
22497
22498                        .trigger_idle {
22499                            opacity: 0.25;
22500                            transition: opacity 0.12s ease;
22501                        }
22502
22503                        .trigger_active:hover, .trigger_idle:hover {
22504                            opacity: 0.5;
22505                            transition: opacity 0.12s ease;
22506
22507                            cursor: pointer;
22508                        }
22509
22510                        .trigger_active {
22511                            opacity: 1;
22512                            transition: opacity 0.7s 0.3s cubic-bezier(.55, .06, .95, .76);
22513                        }
22514
22515                        .uc-lead .t396__artboard {
22516                            border-radius: 72px;
22517                            overflow: hidden;
22518                        }
22519                    </style>
22520
22521
22522                </div>
22523            </div>
22524        </div>
22525    </div>
22526    <div id="rec641345995" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"><!-- T123 -->
22527        <div class="t123">
22528            <div class="t-container_100 ">
22529                <div class="t-width t-width_100 ">
22530
22531                    <!-- Слайдер из обложки CR30N и Zero block в Tilda | https://anku.im/blog/slider-with-cr30n-and-zero-block -->
22532                    <style>
22533                        .t734 {
22534                            height: auto !important;
22535                        }
22536
22537                        .t-slds__items-wrapper {
22538                            height: auto !important;
22539                        }
22540                    </style>
22541                    
22541<script>
22542                        $(document).ready(setTimeout(
22543                            function () {
22544                                let sldID = ['#rec641330701']; //id блока CR30N
22545                                for (let i = 0; i < sldID.length; i++) {
22546                                    let sliderEl = sldID[i] + ' .t-slds__item';
22547                                    let slidercount = $(sliderEl).length;
22548                                    $(sliderEl).empty();
22549                                    let start = 0;
22550                                    if (!$(sliderEl + '[data-slide-index="0"]').length) {
22551                                        start = 1
22552                                    }
22553                                    ;
22554                                    for (let j = 0; j < slidercount; j++) {
22555                                        let sInd = j + start;
22556                                        if (start) {
22557                                            slideId = '#' + $(sldID[i]).next().next('div[data-record-type="396"]').attr('id');
22558                                        } else {
22559                                            slideId = '#' + $(sldID[i]).next('div[data-record-type="396"]').attr('id')
22560                                            if (j == 0) {
22561                                                sInd = slidercount - 1
22562                                            }
22563                                            ;
22564                                            if (j == slidercount - 1) {
22565                                                sInd = 0
22566                                            }
22567                                            ;
22568                                        }
22569                                        ;$(slideId).appendTo(sliderEl + '[data-slide-index=' + (sInd) + ']');
22570                                    }
22571                                    ;
22572                                    if (start) {
22573                                        $(sldID[i]).next().hide();
22574                                        $(sldID[i]).next().next().hide()
22575                                    }
22576                                    ;
22577                                }
22578                                ;
22579
22580                                sldID = ['#rec625100182']; //id блока CR30N
22581                                for (let i = 0; i < sldID.length; i++) {
22582                                    let sliderEl = sldID[i] + ' .t-slds__item';
22583                                    let slidercount = $(sliderEl).length;
22584                                    $(sliderEl).empty();
22585                                    let start = 0;
22586                                    if (!$(sliderEl + '[data-slide-index="0"]').length) {
22587                                        start = 1
22588                                    }
22589                                    ;
22590                                    for (let j = 0; j < slidercount; j++) {
22591                                        let sInd = j + start;
22592                                        if (start) {
22593                                            slideId = '#' + $(sldID[i]).next().next('div[data-record-type="396"]').attr('id');
22594                                        } else {
22595                                            slideId = '#' + $(sldID[i]).next('div[data-record-type="396"]').attr('id')
22596                                            if (j == 0) {
22597                                                sInd = slidercount - 1
22598                                            }
22599                                            ;
22600                                            if (j == slidercount - 1) {
22601                                                sInd = 0
22602                                            }
22603                                            ;
22604                                        }
22605                                        ;$(slideId).appendTo(sliderEl + '[data-slide-index=' + (sInd) + ']');
22606                                    }
22607                                    ;
22608                                    if (start) {
22609                                        $(sldID[i]).next().hide();
22610                                        $(sldID[i]).next().next().hide()
22611                                    }
22612                                    ;
22613                                }
22614                                ;
22615
22616                                sldID = ['#rec625186376']; //id блока CR30N
22617                                for (let i = 0; i < sldID.length; i++) {
22618                                    let sliderEl = sldID[i] + ' .t-slds__item';
22619                                    let slidercount = $(sliderEl).length;
22620                                    $(sliderEl).empty();
22621                                    let start = 0;
22622                                    if (!$(sliderEl + '[data-sli
22622de-index="0"]').length) {
22623                                        start = 1
22624                                    }
22625                                    ;
22626                                    for (let j = 0; j < slidercount; j++) {
22627                                        let sInd = j + start;
22628                                        if (start) {
22629                                            slideId = '#' + $(sldID[i]).next().next('div[data-record-type="396"]').attr('id');
22630                                        } else {
22631                                            slideId = '#' + $(sldID[i]).next('div[data-record-type="396"]').attr('id')
22632                                            if (j == 0) {
22633                                                sInd = slidercount - 1
22634                                            }
22635                                            ;
22636                                            if (j == slidercount - 1) {
22637                                                sInd = 0
22638                                            }
22639                                            ;
22640                                        }
22641                                        ;$(slideId).appendTo(sliderEl + '[data-slide-index=' + (sInd) + ']');
22642                                    }
22643                                    ;
22644                                    if (start) {
22645                                        $(sldID[i]).next().hide();
22646                                        $(sldID[i]).next().next().hide()
22647                                    }
22648                                    ;
22649                                }
22650                                ;
22651
22652                                sldID = ['#rec644441220']; //id блока CR30N
22653                                for (let i = 0; i < sldID.length; i++) {
22654                                    let sliderEl = sldID[i] + ' .t-slds__item';
22655                                    let slidercount = $(sliderEl).length;
22656                                    $(sliderEl).empty();
22657                                    let start = 0;
22658                                    if (!$(sliderEl + '[data-slide-index="0"]').length) {
22659                                        start = 1
22660                                    }
22661                                    ;
22662                                    for (let j = 0; j < slidercount; j++) {
22663                                        let sInd = j + start;
22664                                        if (start) {
22665                                            slideId = '#' + $(sldID[i]).next().next('div[data-record-type="396"]').attr('id');
22666                                        } else {
22667                                            slideId = '#' + $(sldID[i]).next('div[data-record-type="396"]').attr('id')
22668                                            if (j == 0) {
22669                                                sInd = slidercount - 1
22670                                            }
22671                                            ;
22672                                            if (j == slidercount - 1) {
22673                                                sInd = 0
22674                                            }
22675                                            ;
22676                                        }
22677                                        ;$(slideId).appendTo(sliderEl + '[data-slide-index=' + (sInd) + ']');
22678                                    }
22679                                    ;
22680                                    if (start) {
22681                                        $(sldID[i]).next().hide();
22682                                        $(sldID[i]).next().next().hide()
22683                                    }
22684                                    ;
22685                                }
22686                                ;
22687
22688                                sldID = ['#rec644458645']; //id блока CR30N
22689                                for (let i = 0; i < sldID.length; i++) {
22690                                    let sliderEl = sldID[i] + ' .t-slds__item';
22691                                    let slidercount = $(sliderEl).length;
22692                                    $(sliderEl).empty();
22693                                    let start = 0;
22694                                    if (!$(sliderEl + '[data-sli
22694de-index="0"]').length) {
22695                                        start = 1
22696                                    }
22697                                    ;
22698                                    for (let j = 0; j < slidercount; j++) {
22699                                        let sInd = j + start;
22700                                        if (start) {
22701                                            slideId = '#' + $(sldID[i]).next().next('div[data-record-type="396"]').attr('id');
22702                                        } else {
22703                                            slideId = '#' + $(sldID[i]).next('div[data-record-type="396"]').attr('id')
22704                                            if (j == 0) {
22705                                                sInd = slidercount - 1
22706                                            }
22707                                            ;
22708                                            if (j == slidercount - 1) {
22709                                                sInd = 0
22710                                            }
22711                                            ;
22712                                        }
22713                                        ;$(slideId).appendTo(sliderEl + '[data-slide-index=' + (sInd) + ']');
22714                                    }
22715                                    ;
22716                                    if (start) {
22717                                        $(sldID[i]).next().hide();
22718                                        $(sldID[i]).next().next().hide()
22719                                    }
22720                                    ;
22721                                }
22722                                ;
22723
22724                                sldID = ['#rec644461492']; //id блока CR30N
22725                                for (let i = 0; i < sldID.length; i++) {
22726                                    let sliderEl = sldID[i] + ' .t-slds__item';
22727                                    let slidercount = $(sliderEl).length;
22728                                    $(sliderEl).empty();
22729                                    let start = 0;
22730                                    if (!$(sliderEl + '[data-slide-index="0"]').length) {
22731                                        start = 1
22732                                    }
22733                                    ;
22734                                    for (let j = 0; j < slidercount; j++) {
22735                                        let sInd = j + start;
22736                                        if (start) {
22737                                            slideId = '#' + $(sldID[i]).next().next('div[data-record-type="396"]').attr('id');
22738                                        } else {
22739                                            slideId = '#' + $(sldID[i]).next('div[data-record-type="396"]').attr('id')
22740                                            if (j == 0) {
22741                                                sInd = slidercount - 1
22742                                            }
22743                                            ;
22744                                            if (j == slidercount - 1) {
22745                                                sInd = 0
22746                                            }
22747                                            ;
22748                                        }
22749                                        ;$(slideId).appendTo(sliderEl + '[data-slide-index=' + (sInd) + ']');
22750                                    }
22751                                    ;
22752                                    if (start) {
22753                                        $(sldID[i]).next().hide();
22754                                        $(sldID[i]).next().next().hide()
22755                                    }
22756                                    ;
22757                                }
22758                                ;
22759
22760
22761                            }, 1000));
22762                    </script>
22762
22763
22764
22765                </div>
22766            </div>
22767        </div>
22768    </div>
22769    <div id="rec620992122" class="r t-rec" style=" " data-animationappear="off" data-record-type="270">
22770        <div class="t270" data-history-disabled="yes"></div>
22771        
22771<script>t_onReady(function () {
22772                var hash = window.location.hash;
22773                t_onFuncLoad('t270_scroll', function () {
22774                    t270_scroll(hash, -3);
22775                });
22776                setTimeout(function () {
22777                    var curPath = window.location.pathname;
22778                    var curFullPath = window.location.origin + curPath;
22779                    var recs = document.querySelectorAll('.r');
22780                    Array.prototype.forEach.call(recs, function (rec) {
22781                        var selects = 'a[href^="#"]:not([href="#"]):not(.carousel-control):not(.t-carousel__control):not([href^="#price"]):not([href^="#submenu"]):not([href^="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([href^="#prodpopup"]):not([href^="#order"]):not([href^="#!"]):not([target="_blank"]),' +
22782                            'a[href^="' + curPath + '#"]:not([href*="#!/tproduct/"]):not([href*="#!/tab/"]):not([href*="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([target="_blank"]),' +
22783                            'a[href^="' + curFullPath + '#"]:not([href*="#!/tproduct/"]):not([href*="#!/tab/"]):not([href*="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([target="_blank"])';
22784                        var elements = rec.querySelectorAll(selects);
22785                        Array.prototype.forEach.call(elements, function (element) {
22786                            element.addEventListener('click', function (event) {
22787                                event.preventDefault();
22788                                var hash = this.hash.trim();
22789                                t_onFuncLoad('t270_scroll', function () {
22790                                    t270_scroll(hash, -3);
22791                                });
22792                            });
22793                        });
22794                    });
22795                    if (document.querySelectorAll('.js-store').length > 0 || document.querySelectorAll('.js-feed').length > 0) {
22796                        t_onFuncLoad('t270_scroll', function () {
22797                            t270_scroll(hash, -3, 1);
22798                        });
22799                    }
22800                }, 500);
22801                setTimeout(function () {
22802                    var hash = window.location.hash;
22803                    if (hash && document.querySelectorAll('a[name="' + hash.slice(1) + '"]').length > 0) {
22804                        if (window.isMobile) {
22805                            t_onFuncLoad('t270_scroll', function () {
22806                                t270_scroll(hash, 0);
22807                            });
22808                        } else {
22809                            t_onFuncLoad('t270_scroll', function () {
22810                                t270_scroll(hash, 0);
22811                            });
22812                        }
22813                    }
22814                }, 1000);
22815                window.addEventListener('popstate', function () {
22816                    var hash = window.location.hash;
22817                    if (hash && document.querySelectorAll('a[name="' + hash.slice(1) + '"]').length > 0) {
22818                        if (window.isMobile) {
22819                            t_onFuncLoad('t270_scroll', function () {
22820                                t270_scroll(hash, 0);
22821                            });
22822                        } else {
22823                            t_onFuncLoad('t270_scroll', function () {
22824                                t270_scroll(hash, 0);
22825                            });
22826                        }
22827                    }
22828                });
22829            });</script>
22829
22830    </div>
22831</div><!--/allrecords-->
22832<style id="zero-forms-textarea-styles">.t396__elem .t-input-group_ta textarea.t-input {padding-top:10px; vertical-align: bottom; resize: none;}</style>
22833</body>
22834</html>
22835

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.