1<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!--metatextblock--> <title>УÑлÑги</title> <meta name="description" content="ÐпиÑание" /> <meta property="og:url" content="https://adwise.ru/services" /> <meta property="og:title" content="УÑлÑги" /> <meta property="og:description" content="ÐпиÑание" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild3333-6530-4530-a138-633763653638/Bej.png" /> <link rel="canonical" href="https://adwise.ru/services"> <!--/metatextblock--> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="https://ws.tildacdn.com"> <link rel="dns-prefetch" href="https://static.tildacdn.com"> <!--favicons--> <link rel="icon" type="image/svg+xml" sizes="any" href="https://static.tildacdn.com/tild6639-3165-4962-a136-393266623265/adwise_180.svg"> <link rel="icon" type="image/png" sizes="32x32" href="https://static.tildacdn.com/tild3837-3966-4430-a639-323862646232/adwise_32.png"/> <link rel="apple-touch-icon" type="image/png" href="https://static.tildacdn.com/tild3366-6430-4231-b135-633537316233/adwise_180.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://static.tildacdn.com/tild3366-6430-4231-b135-633537316233/adwise_180.png"> <!--/favicons--> <!-- Assets -->
1<script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script>
1 <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/> <link rel="stylesheet" href="https://static.tildacdn.com/ws/project13116951/tilda-blocks-page154057286.min.css?t=1790700424" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-animation-2.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-zero-video-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800;900&display=swap" type="text/css" />
1<script nomodule src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script>
1
1<script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}} 2function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t396_initialScale(t){var e=document.getElementById("rec"+t);if(e){var i=e.querySelector(".t396__artboard");if(i){window.tn_scale_initial_window_width||(window.tn_scale_initial_window_width=document.documentElement.clientWidth);var a=window.tn_scale_initial_window_width,l=[],n,r=i.getAttribute("data-artboard-screens");if(r){r=r.split(",");for(var o=0;o<r.length;o++)l[o]=parseInt(r[o],10)}else l=[320,480,640,960,1200];for(var o=0;o<l.length;o++){var _=l[o];a>=_&&(n=_)}var d="edit"===window.allrecords.getAttribute("data-tilda-mode"),s="center"===t396_scaleInitial__getFieldValue(i,"valign",n,l),c="grid"===t396_scaleInitial__getFieldValue(i,"upscale",n,l),u=t396_scaleInitial__getFieldValue(i,"height_vh",n,l),g=t396_scaleInitial__getFieldValue(i,"height",n,l),w=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!d&&s&&!c&&!u&&g&&!w){var f=parseFloat((a/n).toFixed(3)),h=[i,i.querySelector(".t396__carrier"),i.querySelector(".t396__filter")],v=Math.floor(parseInt(g,10)*f)+"px",p;i.style.setProperty("--initial-scale-height",v);for(var o=0;o<h.length;o++)h[o].style.setProperty("height","var(--initial-scale-height)");t396_scaleInitial__getElementsToScale(i,n,l).forEach((function(t){t.style.zoom=f}))}}}}function t396_scaleInitial__getElementsToScale(t,e,i){return t?Array.prototype.slice.call(t.children).filter((function(t){if(!t)return!1;if(!t.classList.contains("t396__elem")&&!t.classList.contains("t396__group"))return!1;if(!t.querySelector(".tn-molecule, .tn-atom"))return!1;var a=!t.getAttribute("data-elem-type")&&t.classList.contains("tn-group"),l=t396_scaleInitial__getFieldValue(t,"container",e,i);return!l&&a&&(l="grid"),"grid"===l})):[]}function t396_scaleInitial__getFieldValue(t,e,i,a){if(!t)return null;var l=a[a.length-1],n=t.getAttribute(t396_scaleInitial__getFieldAttribute(t,e,i,l));if(null===n)for(var r=0;r<a.length;r++){var o=a[r];if(!(o<=i)&&null!==(n=t.getAttribute(t396_scaleInitial__getFieldAttribute(t,e,o,l))))break}return n}function t396_scaleInitial__getFieldAttribute(t,e,i,a){var l=["widthmode","heightmode","flex"],n=t.classList.contains("t396__artboard"),r=!n&&t.classList.contains("tn-group"),o="data-field-";n&&(o="data-artboard-"),r&&(o="data-group-");var _="-value",d;return(n||r&&-1!==l.indexOf(e))&&(_=""),o+e+(i===a?"":"-res-"+i)+_}window.TN_SCALE_INITIAL_VER="1.0",window.tn_scale_initial_window_width=null;</script>
2
2<script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script>
2
2<script src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js" charset="utf-8" defer onerror="this.loaderr='y';"></script>
2
2<script src="https://static.tildacdn.com/ws/project13116951/tilda-blocks-page154057286.min.js?t=1790700424" charset="utf-8" async onerror="this.loaderr='y';"></script>
2
2<script src="https://static.tildacdn.com/js/tilda-lazyload-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2
2<script src="https://static.tildacdn.com/js/tilda-animation-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2
2<script src="https://static.tildacdn.com/js/tilda-zero-1.2.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2
2<script src="https://static.tildacdn.com/js/tilda-animation-ext-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2
2<script src="https://static.tildacdn.com/js/tilda-animation-sbs-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2
2<script src="https://static.tildacdn.com/js/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2
2<script src="https://static.tildacdn.com/js/tilda-zero-video-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2
2<script src="https://static.tildacdn.com/js/tilda-zero-fixed-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2
2<script src="https://static.tildacdn.com/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 <!-- nominify begin -->
2<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
2
2<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
2 <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> <style> 3 /* ÐÑименÑем Onest ко вÑÐµÐ¼Ñ â деÑкÑоп, мобилка, Ð¿Ð¾Ð¿Ð°Ð¿Ñ */ 4 body, 5 .t-text, .t-name, .t-title, .t-heading, .t-descr, .t-btn, .t-input, 6 .tn-atom, .t-popup, .t-popup *, 7 [class*="t-col"], [class*="t-title"], [class*="t-text"] { 8 font-family: 'Onest', Arial, Helvetica, sans-serif !important; 9 } 10</style> <!-- nominify end -->
10<script type="text/javascript">window.dataLayer=window.dataLayer||[];</script>
10
10<script type="text/javascript">(function() {var ttt='cebo';var tt='oog';var re=new RegExp("bot|g" + tt + "le|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|fa" + ttt + "ok","i");if((re.test(navigator.userAgent))===false&&typeof(sessionStorage)!='undefined'&&sessionStorage.getItem('visited')!=='y'&&document.visibilityState){var style=document.createElement('style');style.type='text/css';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;}}';document.getElementsByTagName('head')[0].appendChild(style);function t_setvisRecs(){var alr=document.querySelectorAll('.t-records');Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_animated");});setTimeout(function() {Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_visible");});sessionStorage.setItem("visited","y");},400);} 11document.addEventListener('DOMContentLoaded',t_setvisRecs);}})();</script>
11</head> <body class="t-body" style="margin:0;"> <!--allrecords--> <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="13116951" data-tilda-page-id="154057286" data-tilda-page-alias="services" data-tilda-formskey="ac3b280abea444180d0a79e213116951" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-project-country="RU"> <!--header--> <header id="t-header" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="13116951" data-tilda-page-id="137163516" data-tilda-formskey="ac3b280abea444180d0a79e213116951" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-project-country="RU"> <div id="rec2707218501" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <style> 12.my-title { 13 transform: skew(-12deg) rotate(-12deg); 14 -webkit-font-smoothing: antialiased; 15} 16</style> <style> 17.text-slogan { 18 transform: skew(-12deg) rotate(-12deg); 19 -webkit-font-smoothing: antialiased; 20} 21</style> <style> 22/* ========================================================== 23 СÐРЫТÐÐ/ÐÐÐÐÐ ÐÐÐÐÐ-ÐÐÐЮ #rec2707206801 24 ========================================================== */ 25 26/* --- СкÑÑÑое ÑоÑÑоÑние (по ÑмолÑаниÑ) --- */ 27#rec2707206801 { 28 opacity: 0; 29 visibility: hidden; 30 transition: opacity 0.45s ease, visibility 0.45s ease; 31 position: fixed !important; 32 top: 0; left: 0; 33 width: 100%; 34 z-index: 9999; 35} 36
37/* --- ÐÑклÑÑаем клики Ñ ÑкÑÑÑого блока РвÑего внÑÑÑи него --- */ 38#rec2707206801, 39#rec2707206801 * { 40 pointer-events: none; 41} 42 43/* --- ÐÑкÑÑÑое ÑоÑÑоÑние --- */ 44#rec2707206801.menu-is-open { 45 opacity: 1; 46 visibility: visible; 47} 48 49/* --- ÐозвÑаÑаем клики Ð±Ð»Ð¾ÐºÑ Ð Ð²ÑÐµÐ¼Ñ Ð²Ð½ÑÑÑи, когда оÑкÑÑÑ --- */ 50#rec2707206801.menu-is-open, 51#rec2707206801.menu-is-open * { 52 pointer-events: auto; 53} 54 55/* --- ÐлокиÑÑем пÑокÑÑÑÐºÑ Ñона пÑи оÑкÑÑÑом Ð¼ÐµÐ½Ñ --- */ 56body.menu-open { overflow: hidden; } 57</style>
57<script> 58(function() { 59 // â ï¸ ID ваÑего блока-Ð¼ÐµÐ½Ñ (вÑоÑой Zero Block) â ÐÐÐ ÑеÑÑÑки! 60 var MENU_REC_ID = "rec2707206801"; 61 62 function getMenu() { return document.getElementById(MENU_REC_ID); } 63 64 function openMenu() { 65 var m = getMenu(); 66 if (m) { 67 m.classList.add("menu-is-open"); 68 document.body.classList.add("menu-open"); 69 } 70 } 71 function closeMenu() { 72 var m = getMenu(); 73 if (m) { 74 m.classList.remove("menu-is-open"); 75 document.body.classList.remove("menu-open"); 76 } 77 } 78 79 document.addEventListener("click", function(e) { 80 // ÐÑкÑÑÑие â клик по бÑÑгеÑÑ (Link = #openMenu) 81 if (e.target.closest('a[href*="#openMenu"]')) { 82 e.preventDefault(); openMenu(); 83 } 84 // ÐакÑÑÑие â клик по кÑеÑÑÐ¸ÐºÑ (Link = #closeMenu) 85 if (e.target.closest('a[href*="#closeMenu"]')) { 86 e.preventDefault(); closeMenu(); 87 } 88 }); 89 90 // Esc закÑÑÐ²Ð°ÐµÑ Ð¼ÐµÐ½Ñ 91 document.addEventListener("keydown", function(e) { 92 if (e.key === "Escape") closeMenu(); 93 }); 94})(); 95</script>
95 <!-- nominify end --> </div> </div> </div> </div> <div id="rec2201350711" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="396"> <!-- T396 --> <style>#rec2201350711 .t396__artboard{position:fixed;width:100%;left:0;top:0;z-index:1000;}#rec2201350711 .t396__artboard{height:64px;overflow:visible;}#rec2201350711 .t396__filter{height:64px;}#rec2201350711 .t396__carrier{height:64px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec2201350711 .t396__artboard,#rec2201350711 .t396__filter,#rec2201350711 .t396__carrier{}#rec2201350711 .t396__filter{}#rec2201350711 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec2201350711 .t396__artboard,#rec2201350711 .t396__filter,#rec2201350711 .t396__carrier{height:48px;}#rec2201350711 .t396__filter{}#rec2201350711 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec2201350711 .t396__artboard,#rec2201350711 .t396__filter,#rec2201350711 .t396__carrier{}#rec2201350711 .t396__filter{}#rec2201350711 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec2201350711 .t396__artboard,#rec2201350711 .t396__filter,#rec2201350711 .t396__carrier{}#rec2201350711 .t396__filter{}#rec2201350711 .t396__carrier{background-attachment:scroll;}}#rec2201350711 .tn-elem[data-elem-id="1785851166327000001"]{z-index:3;top:calc(32px - 50px + 0px);left:calc(50% - 50% + 0px);width:100%;height:100%;-webkit-backdrop-filter:blur(12px);:backdrop-filter:blur(12px);;backdrop-filter:blur(12px);:backdrop-filter:blur(12px);;border-radius:0px 0px 0px 0px;}#rec2201350711 .tn-elem[data-elem-id="1785851166327000001"] .tn-atom{border-radius:0px 0px 0px 0px;opacity:0.15;background-image:linear-gradient(0.5turn,rgba(249,249,249,1) 0%,rgba(249,249,249,0) 83%);border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec2201350711 .tn-elem[data-elem-id="1785851166327000001"]{display:table;}}@media screen and (max-width:959px){#rec2201350711 .tn-elem[data-elem-id="1785851166327000001"]{display:table;top:calc(32px - 50% + 0px);}}@media screen and (max-width:639px){#rec2201350711 .tn-elem[data-elem-id="1785851166327000001"]{display:table;}}@media screen and (max-width:479px){#rec2201350711 .tn-elem[data-elem-id="1785851166327000001"]{display:table;}}#rec2201350711 .tn-elem[data-elem-id="1777059596548"]{z-index:3;top:17px;left:calc(50% - 600px + 20px);width:60px;height:auto;}#rec2201350711 .tn-elem[data-elem-id="1777059596548"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec2201350711 .tn-elem[data-elem-id="1777059596548"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec2201350711 .tn-elem[data-elem-id="1777059596548"]{display:table;left:calc(50% - 480px + 10px);height:auto;}}@media screen and (max-width:959px){#rec2201350711 .tn-elem[data-elem-id="1777059596548"]{display:table;top:9px;left:calc(50% - 320px + 10px);height:auto;}}@media screen and (max-width:639px){#rec2201350711 .tn-elem[data-elem-id="1777059596548"]{display:table;left:calc(50% - 240px + 10px);height:auto;}}@media screen and (max-width:479px){#rec2201350711 .tn-elem[data-elem-id="1777059596548"]{display:table;left:calc(50% - 160px + 10px);height:auto;}}#rec2201350711 .tn-elem[data-elem-id="1785769570962"]{z-index:3;top:26px;left:calc(50% + 600px - 40px + -20px);width:40px;height:auto;}#rec2201350711 .tn-elem[data-elem-id="1785769570962"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec2201350711 .tn-elem[data-elem-id="1785769570962"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec2201350711 .tn-elem[data-elem-id="1785769570962"]{display:table;left:calc(50% + 480px - 40px + -10px);height:auto;}}@media screen and (max-width:959px){#rec2201350711 .tn-elem[data-elem-id="1785769570962"]{display:table;top:18px;left:calc(50% + 320px - 40px + -10px);height:auto;}}@media screen and (max-width:639px){#rec2201350711 .tn-elem[data-elem-id="1785769570962"]{display:table;left:calc(50% + 240px - 40px + -10px);height:auto;}}@media screen and (max-width:479px){#rec2201350711 .tn-elem[data-elem-id="1785769570962"]{display:table;left:calc(50% + 160px - 40px + -10px);height:auto;}}#rec2201350711 .tn-elem[data-elem-id="1785831057927000001"]{z-index:3;top:0px;left:calc(50% + 600px - 80px + 0px);width:80px;height:64px;}#rec2201350711 .tn-elem[data-elem-id="1785831057927000001"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec2201350711 .tn-elem[data-elem-id="1785831057927000001"]{display:table;left:calc(50% + 480px - 80px + 0px);}}@media screen and (max-width:959px){#rec2201350711 .tn-elem[data-elem-id="1785831057927000001"]{display:table;left:calc(50% + 320px - 80px + 0px);height:48px;}}@media screen and (max-width:639px){#rec2201350711 .tn-elem[data-elem-id="1785831057927000001"]{display:table;left:calc(50% + 240px - 80px + 0px);}}@media screen and (max-width:479px){#rec2201350711 .tn-elem[data-elem-id="1785831057927000001"]{display:table;left:calc(50% + 160px - 80px + 0px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="2201350711" data-artboard-screens="320,480,640,960,1200" data-artboard-height="64" data-artboard-valign="top" data-artboard-upscale="window" data-artboard-ovrflw="visible" data-artboard-pos="fixed" data-artboard-fixed-need-js="y" data-artboard-height-res-640="48"> <div class="t396__carrier" data-artboard-recid="2201350711"></div> <div class="t396__filter" data-artboard-recid="2201350711"></div> <div class='t396__elem tn-elem tn-elem__22013507111785851166327000001' data-elem-id='1785851166327000001' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="%" data-field-widthunits-value="%" data-field-top-res-640-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__22013507111777059596548' data-elem-id='1777059596548' data-elem-type='image' data-field-top-value="17" data-field-left-value="20" data-field-height-value="31" data-field-width-value="60" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-imagefit-value="auto" data-field-filewidth-value="200" data-field-fileheight-value="102" data-field-widthmode-value="fixed" data-field-heightmode-value="hug" data-field-left-res-320-value="10" data-field-height-res-320-value="31" data-field-height-res-480-value="31" data-field-top-res-640-value="9" data-field-left-res-640-value="10" data-field-height-res-640-value="31" data-field-left-res-960-value="10" data-field-height-res-960-value="31"> <a class='tn-atom' 96href="/"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3066-3435-4235-b963-393762633161/Logo_Adwise_Bl.svg'
97src='https://static.tildacdn.com/tild3066-3435-4235-b963-393762633161/Logo_Adwise_Bl.svg' 98alt='' imgfield='tn_img_1777059596548' 99/> </a> </div> <div class='t396__elem tn-elem tn-elem__22013507111785769570962' data-elem-id='1785769570962' data-elem-type='image' data-field-top-value="26" data-field-left-value="-20" data-field-height-value="12" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="right" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-imagefit-value="auto" data-field-filewidth-value="40" data-field-fileheight-value="12" data-field-widthmode-value="fixed" data-field-heightmode-value="hug" data-field-left-res-320-value="-10" data-field-height-res-320-value="12" data-field-height-res-480-value="12" data-field-top-res-640-value="18" data-field-left-res-640-value="-10" data-field-height-res-640-value="12" data-field-left-res-960-value="-10" data-field-height-res-960-value="12"> <a class='tn-atom' 100href="#openMenu"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3134-3863-4536-b638-656333313737/Burger.svg' 101src='https://static.tildacdn.com/tild3134-3863-4536-b638-656333313737/Burger.svg' 102alt='' imgfield='tn_img_1785769570962' 103/> </a> </div> <div class='t396__elem tn-elem tn-elem__22013507111785831057927000001' data-elem-id='1785831057927000001' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="64" data-field-width-value="80" data-field-axisy-value="top" data-field-axisx-value="right" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-heightmode-value="fixed" data-field-height-res-640-value="48"> <a class='tn-atom' 104href="#openMenu"> </a> </div> </div> </div>
104<script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('2201350711');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('2201350711');});});</script>
104 <!-- /T396 --> </div> <div id="rec2707206801" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="396"> <!-- T396 --> <style>#rec2707206801 .t396__artboard{position:fixed;width:100%;left:0;top:0;z-index:2000;}#rec2707206801 .t396__artboard{min-height:550px;height:100vh;background-color:#000000;overflow:visible;isolation:isolate;}#rec2707206801 .t396__filter{min-height:550px;height:100vh;}#rec2707206801 .t396__carrier{min-height:550px;height:100vh;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec2707206801 .t396__artboard,#rec2707206801 .t396__filter,#rec2707206801 .t396__carrier{}#rec2707206801 .t396__filter{}#rec2707206801 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec2707206801 .t396__artboard,#rec2707206801 .t396__filter,#rec2707206801 .t396__carrier{}#rec2707206801 .t396__filter{}#rec2707206801 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec2707206801 .t396__artboard,#rec2707206801 .t396__filter,#rec2707206801 .t396__carrier{min-height:212px;}#rec2707206801 .t396__filter{}#rec2707206801 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec2707206801 .t396__artboard,#rec2707206801 .t396__filter,#rec2707206801 .t396__carrier{min-height:284px;}#rec2707206801 .t396__artboard{background-color:#000000;background-image:none;}#rec2707206801 .t396__filter{}#rec2707206801 .t396__carrier{background-attachment:scroll;}}#rec2707206801 .tn-elem[data-elem-id="1785864306987"]{z-index:3;top:0px;left:calc(50% - 50% + 0px);width:100%;height:100%;}#rec2707206801 .tn-elem[data-elem-id="1785864306987"] .tn-atom{border-radius:0px 0px 0px 0px;overflow:hidden;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec2707206801 .tn-elem[data-elem-id="1785864306987"] .tn-atom__video-play-icon svg{width:70px;height:70px;}#rec2707206801 .tn-elem[data-elem-id="1785864306987"] .tn-atom__video-play-icon svg circle{fill:#000000;}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785864306987"]{display:table;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785864306987"]{display:table;top:0px;height:50%;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785864306987"]{display:table;top:0px;height:100%;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785864306987"]{display:table;top:0px;height:50%;}}#rec2707206801 .tn-elem[data-elem-id="1785847834669000001"]{z-index:3;top:calc(50vh - 50px + 0px);left:calc(50% - 50% + 0px);width:100%;height:100%;-webkit-backdrop-filter:blur(0px);:backdrop-filter:blur(0px);;backdrop-filter:blur(0px);:backdrop-filter:blur(0px);;border-radius:0px 0px 0px 0px;}#rec2707206801 .tn-elem[data-elem-id="1785847834669000001"] .tn-atom{border-radius:0px 0px 0px 0px;opacity:0.25;background-color:#000000;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785847834669000001"]{display:table;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785847834669000001"]{display:table;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785847834669000001"]{display:table;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785847834669000001"]{display:table;}}#rec2707206801 .tn-elem[data-elem-id="1777059596548"]{z-index:3;top:17px;left:calc(50% - 600px + 20px);width:60px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1777059596548"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec2707206801 .tn-elem[data-elem-id="1777059596548"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1777059596548"]{display:table;left:calc(50% - 480px + 10px);height:auto;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1777059596548"]{display:table;top:9px;left:calc(50% - 320px + 10px);height:auto;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1777059596548"]{display:table;left:calc(50% - 240px + 10px);height:auto;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1777059596548"]{display:table;left:calc(50% - 160px + 10px);height:auto;}}#rec2707206801 .tn-elem[data-elem-id="1785865446526000004"]{z-index:3;top:26px;left:calc(50% + 600px - 40px + -20px);width:40px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785865446526000004"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec2707206801 .tn-elem[data-elem-id="1785865446526000004"] .tn-atom__vector svg{display:block;}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785865446526000004"]{display:table;left:calc(50% + 480px - 40px + -20px);height:auto;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785865446526000004"]{display:table;top:18px;left:calc(50% + 320px - 40px + -10px);height:auto;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785865446526000004"]{display:table;left:calc(50% + 240px - 40px + -10px);height:auto;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785865446526000004"]{display:table;left:calc(50% + 160px - 40px + -10px);height:auto;}}#rec2707206801 .tn-elem[data-elem-id="1785831186374000001"]{z-index:3;top:0px;left:calc(50% + 600px - 80px + 0px);width:80px;height:64px;}#rec2707206801 .tn-elem[data-elem-id="1785831186374000001"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;--t396-bordercolor:#2ee8b5;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785831186374000001"]{display:table;left:calc(50% + 480px - 80px + 0px);}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785831186374000001"]{display:table;left:calc(50% + 320px - 80px + 0px);}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785831186374000001"]{display:table;left:calc(50% + 240px - 80px + 0px);}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785831186374000001"]{display:table;left:calc(50% + 160px - 80px + 0px);}}#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"]{color:#ffc300;z-index:3;top:calc(100vh - 25px + -40px);left:calc(50% - 600px + 20px);width:383px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"] .tn-atom{vertical-align:middle;color:#ffc300;font-size:20px;font-family:var(--t-text-font,Arial);line-height:1.25;font-weight:900;text-transform:uppercase;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"]{dis
104play:table;top:calc(550px - 25px + -40px);left:calc(50% - 480px + 10px);width:340px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"]{display:table;top:calc(550px - 25px + -30px);left:calc(50% - 320px + 18px);width:260px;height:20px;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"] .tn-atom{vertical-align:middle;white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"]{display:table;top:calc(550px - 25px + -14px);left:calc(50% - 240px + 170px);width:260px;height:15px;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"] .tn-atom{vertical-align:middle;white-space:normal;font-size:12px;background-size:cover;opacity:1;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"]{display:table;top:calc(550px - 25px + -20px);left:calc(50% - 160px + 10px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"]{color:#ffc300;z-index:3;top:calc(100vh - 25px + -125px);left:calc(50% - 600px + 20px);width:274px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"] .tn-atom{vertical-align:middle;color:#ffc300;font-size:20px;font-family:var(--t-headline-font,Arial);line-height:1.25;font-weight:500;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"]{display:table;top:calc(550px - 25px + -136px);left:calc(50% - 480px + 10px);width:260px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"]{display:table;top:calc(550px - 25px + -111px);left:calc(50% - 320px + 18px);width:183px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"] .tn-atom{vertical-align:middle;white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"]{display:table;top:calc(550px - 25px + -64px);left:calc(50% - 240px + 170px);width:152px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"] .tn-atom{vertical-align:middle;white-space:normal;font-size:12px;background-size:cover;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"]{display:table;top:calc(550px - 25px + -74px);left:calc(50% - 160px + 10px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"]{color:#ffc300;z-index:3;top:calc(100vh - 31px + -150px);left:calc(50% - 600px + 20px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#ffc300;font-size:20px;font-family:var(--t-text-font,Arial);line-height:1.55;font-weight:900;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"]{display:table;top:calc(550px - 31px + -161px);left:calc(50% - 480px + 10px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"]{display:table;top:calc(550px - 31px + -127px);left:calc(50% - 320px + 18px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"] .tn-atom{vertical-align:middle;white-space:nowrap;font-size:16px;background-size:cover;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"]{display:table;top:calc(550px - 31px + -79px);left:calc(50% - 240px + 170px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"] .tn-atom{vertical-align:middle;white-space:nowrap;font-size:12px;background-size:cover;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"]{display:table;top:calc(550px - 31px + -88px);left:calc(50% - 160px + 10px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"] .tn-atom{white-space:nowrap;background-size:cover;}}#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"]{color:#ffc300;z-index:3;
104top:calc(100vh - 25px + -125px);left:calc(50% - 600px + 315px);width:274px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"] .tn-atom{vertical-align:middle;color:#ffc300;font-size:20px;font-family:var(--t-headline-font,Arial);line-height:1.25;font-weight:500;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"]{display:table;top:calc(550px - 25px + -136px);left:calc(50% - 480px + 332px);width:260px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"]{display:table;top:calc(550px - 25px + -111px);left:calc(50% - 320px + 255px);width:183px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"] .tn-atom{vertical-align:middle;white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"]{display:table;top:calc(550px - 25px + -64px);left:calc(50% - 240px + 330px);width:140px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"] .tn-atom{vertical-align:middle;white-space:normal;font-size:12px;background-size:cover;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"]{display:table;top:calc(550px - 25px + -74px);left:calc(50% - 160px + 173px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"]{color:#ffc300;z-index:3;top:calc(100vh - 31px + -150px);left:calc(50% - 600px + 315px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#ffc300;font-size:20px;font-family:var(--t-text-font,Arial);line-height:1.55;font-weight:900;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"]{display:table;top:calc(550px - 31px + -161px);left:calc(50% - 480px + 332px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"]{display:table;top:calc(550px - 31px + -127px);left:calc(50% - 320px + 255px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"] .tn-atom{vertical-align:middle;white-space:nowrap;font-size:16px;background-size:cover;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"]{display:table;top:calc(550px - 31px + -79px);left:calc(50% - 240px + 330px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"] .tn-atom{vertical-align:middle;white-space:nowrap;font-size:12px;background-size:cover;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"]{display:table;top:calc(550px - 31px + -88px);left:calc(50% - 160px + 173px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"]{color:#ffc300;z-index:3;top:calc(100vh - 88px + -230px);left:calc(50% - 600px + 20px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#ffc300;font-size:40px;font-family:var(--t-text-font,Arial);line-height:1.1;font-weight:900;text-transform:uppercase;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"]{display:table;top:calc(550px - 88px + -231px);left:calc(50% - 480px + 10px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"]{display:table;top:calc(550px - 88px + -192px);left:calc(50% - 320px + 18px);width:199px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"] .tn-atom{vertical-align:middle;white-space:normal;font-size:32px;background-size:cover;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"]{display:table;top:calc(550px - 88px + -52px);left:calc(50% - 240px + 10px);width:141px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"] .tn-atom{vertical-align:middle;white-space:normal;font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"]{display:table;top:calc(550px - 88px + -139px);left:calc(50% - 160px + 10px);width:156px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"] .tn-atom{white-space:normal;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="2707206801" data-artboard-screens="320,480,640,960,1200" data-artboard-height="550" data-artboard-valign="stretch" data-artboard-height_vh="100" data-artboard-upscale="window" data-artboard-ovrflw="visible" data-artboard-isolation="isolate" data-artboard-pos="fixed" data-artboard-height-res-320="284" data-artboard-height-res-480="212"> <div class="t396__carrier" data-artboard-recid="2707206801"></div> <div class="t396__filter" data-artboard-recid="2707206801"></div> <div class='t396__elem tn-elem tn-elem__27072068011785864306987' data-elem-id='1785864306987' data-elem-type='video' data-field-top-value="0" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="%" data-field-widthunits-value="%" data-field-autoplay-value="y" data-field-loop-value="y" data-field-mute-value="y" data-field-heightmode-value="fixed" data-field-top-res-320-value="0" data-field-height-res-320-value="50" data-field-heightunits-res-320-value="%" data-field-heightmode-res-320-value="fixed" data-field-top-res-480-value="0" data-field-height-res-480-value="100" data-field-heightmode-res-480-value="fixed" data-field-top-res-640-value="0" data-field-height-res-640-value="50" data-field-heightmode-res-640-value="fixed"> <div class='tn-atom' style="height:100%;"> <div 105class='tn-atom__videoiframe' data-webmvideo="https://static.tildacdn.com/vide6431-6463-4438-b733-356261343661/LEXUS_LX_Black_Visio.webm" data-video-object-fit="cover" data-video-controls="hidden" style="width:100%; height:100%;"></div> </div> </div> <div class='t396__elem tn-elem tn-elem__27072068011785847834669000001' data-elem-id='1785847834669000001' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="%" data-field-widthunits-value="%" data-field-heightmode-value="fixed"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__27072068011777059596548' data-elem-id='1777059596548' data-elem-type='image' data-field-top-value="17" data-field-left-value="20" data-field-height-value="31" data-field-width-value="60" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-imagefit-value="auto" data-field-filewidth-value="399" data-field-fileheight-value="204" data-field-widthmode-value="fixed" data-field-heightmode-value="hug" data-field-height-res-320-value="31" data-field-height-res-480-value="31" data-field-top-res-640-value="9" data-field-height-res-640-value="31" data-field-left-res-960-value="10" data-field-height-res-960-value="31"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6335-3966-4932-a563-633062386234/noroot.png' 106src='https://thb.tildacdn.com/tild6335-3966-4932-a563-633062386234/-/resize/20x/noroot.png' 107alt='/' imgfield='tn_img_1777059596548' 108/> </div> </div> <div class='t396__elem tn-elem tn-elem__27072068011785865446526000004' data-elem-id='1785865446526000004' data-elem-type='vector' data-field-top-value="26" data-field-left-value="-20" data-field-height-value="11" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="right" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="40" data-field-fileheight-value="11" data-field-widthmode-value="fixed" data-field-heightmode-value="hug" data-field-top-res-640-value="18" data-field-left-res-640-value="-10"> <a class='tn-atom tn-atom__vector' 109href="#openMenu"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40.00 11.43" data-guides="{"vertical":[],"horizontal":[]}" role="img" aria-label=""><defs></defs><path fill="#ffc300" stroke="none" fill-opacity="1" stroke-width="1" stroke-opacity="1" width="40.9874" height="2" id="tSvg555ce79112" title="Rectangle 1" d="M1.2821 11.3243C13.9129 8.1998 26.5436 5.0753 39.1744 1.9509C39.0222 1.3357 38.87 0.7206 38.7179 0.1054C26.0871 3.2299 13.4564 6.3544 0.8256 9.4788C0.9778 10.094 1.1299 10.7091 1.2821 11.3243Z" style="transform-origin: -6520.23px -4745.62px;"></path><path fill="#ffc300" stroke="none" fill-opacity="1" stroke-width="1" stroke-opacity="1" width="40.9874" height="2" id="tSvg131659b77d9" title="Rectangle 2" d="M39.1743 9.4789C26.5435 6.3544 13.9127 3.2299 1.2819 0.1055C1.1297 0.7206 0.9776 1.3358 0.8254 1.9509C13.4562 5.0754 26.0869 8.1999 38.7177 11.3243C38.8699 10.7092 39.0221 10.094 39.1743 9.4789Z" style="transform-origin: -6518.12px -4747.1px;"></path></svg> </a> </div> <div class='t396__elem tn-elem tn-elem__27072068011785831186374000001' data-elem-id='1785831186374000001' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="64" data-field-width-value="80" data-field-axisy-value="top" data-field-axisx-value="right" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed"> <a class='tn-atom' 110href="#closeMenu"> </a> </div> <div class='t396__elem tn-elem tn-elem__27072068011785847759130000003' data-elem-id='1785847759130000003' data-elem-type='text' data-field-top-value="-40" data-field-left-value="20" data-field-height-value="25" data-field-width-value="383" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="20" data-field-top-res-320-value="-20" data-field-left-res-320-value="10" data-field-height-res-320-value="15" data-field-width-res-320-value="175" data-field-container-res-320-value="grid" data-field-heightunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-textfit-res-320-value="autowidth" data-field-widthmode-res-320-value="hug" data-field-heightmode-res-320-value="hug" data-field-top-res-480-value="-14" data-field-left-res-480-value="170" data-field-height-res-480-value="15" data-field-width-res-480-value="260" data-field-container-res-480-value="grid" data-field-textfit-res-480-value="fixedsize" data-field-fontsize-res-480-value="12" data-field-top-res-640-value="-30" data-field-left-res-640-value="18" data-field-height-res-640-value="20" data-field-width-res-640-value="260" data-field-container-res-640-value="grid" data-field-textfit-res-640-value="fixedsize" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="-40" data-field-left-res-960-value="10" data-field-height-res-960-value="50" data-field-width-res-960-value="340" data-field-container-res-960-value="grid" data-field-heightunits-res-960-value="px" data-field-textfit-res-960-value="autoheight"> <div class='tn-atom'field='tn_text_1785847759130000003'><a href="https://vk.ru/adwise" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 195, 0);">VK</a> <a href="https://t.me/adwiserchange" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 195, 0);">TG</a> <a href="https://vkvideo.ru/video-212255719_456239224" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 195, 0);">СмоÑÑеÑÑ ÑоÑÑил</a></div> </div> <div class='t396__elem tn-elem tn-elem__27072068011785847759130000002' data-elem-id='1785847759130000002' data-elem-type='text' data-field-top-value="-125" data-field-left-value="20" data-field-height-value="25" data-field-width-value="274" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="20" data-field-top-res-320-value="-74" data-field-left-res-320-value="10" data-field-height-res-320-value="30" data-field-width-res-320-value="137" data-field-heightunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-textfit-res-320-value="autowidth" data-field-widthmode-res-320-value="hug" data-field-heightmode-res-320-value="hug" data-field-top-res-480-value="-64" data-field-left-res-480-value="170" data-field-height-res-480-value="40" data-field-width-res-480-value="152" data-field-container-res-480-value="grid" data-field-heightunits-res-480-value="px" data-field-textfit-res-480-value="autoheight" data-field-wid
110thmode-res-480-value="fixed" data-field-heightmode-res-480-value="fixed" data-field-fontsize-res-480-value="12" data-field-top-res-640-value="-111" data-field-left-res-640-value="18" data-field-height-res-640-value="40" data-field-width-res-640-value="183" data-field-container-res-640-value="grid" data-field-heightunits-res-640-value="px" data-field-textfit-res-640-value="autoheight" data-field-widthmode-res-640-value="fixed" data-field-heightmode-res-640-value="fixed" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="-136" data-field-left-res-960-value="10" data-field-height-res-960-value="50" data-field-width-res-960-value="260" data-field-container-res-960-value="grid" data-field-heightunits-res-960-value="px" data-field-textfit-res-960-value="autoheight"> <div class='tn-atom'field='tn_text_1785847759130000002'>[email protected]</div> </div> <div class='t396__elem tn-elem tn-elem__27072068011785847759130000001' data-elem-id='1785847759130000001' data-elem-type='text' data-field-top-value="-150" data-field-left-value="20" data-field-height-value="31" data-field-width-value="115" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autowidth" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="20" data-field-top-res-320-value="-88" data-field-left-res-320-value="10" data-field-height-res-320-value="19" data-field-width-res-320-value="69" data-field-top-res-480-value="-79" data-field-left-res-480-value="170" data-field-height-res-480-value="19" data-field-width-res-480-value="69" data-field-container-res-480-value="grid" data-field-heightunits-res-480-value="px" data-field-widthunits-res-480-value="px" data-field-textfit-res-480-value="autowidth" data-field-widthmode-res-480-value="hug" data-field-heightmode-res-480-value="hug" data-field-fontsize-res-480-value="12" data-field-top-res-640-value="-127" data-field-left-res-640-value="18" data-field-height-res-640-value="25" data-field-width-res-640-value="92" data-field-container-res-640-value="grid" data-field-heightunits-res-640-value="px" data-field-widthunits-res-640-value="px" data-field-textfit-res-640-value="autowidth" data-field-widthmode-res-640-value="hug" data-field-heightmode-res-640-value="hug" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="-161" data-field-left-res-960-value="10" data-field-height-res-960-value="25" data-field-width-res-960-value="115" data-field-container-res-960-value="grid" data-field-heightunits-res-960-value="px" data-field-widthunits-res-960-value="px" data-field-textfit-res-960-value="autowidth" data-field-widthmode-res-960-value="hug" data-field-heightmode-res-960-value="hug"> <div class='tn-atom'field='tn_text_1785847759130000001'>ÐÐÐТÐÐТЫ</div> </div> <div class='t396__elem tn-elem tn-elem__27072068011787768643903000001' data-elem-id='1787768643903000001' data-elem-type='text' data-field-top-value="-125" data-field-left-value="315" data-field-height-value="25" data-field-width-value="274" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="20" data-field-top-res-320-value="-74" data-field-left-res-320-value="173" data-field-height-res-320-value="15" data-field-width-res-320-value="78" data-field-container-res-320-value="grid" data-field-heightunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-textfit-res-320-value="autowidth" data-field-widthmode-res-320-value="hug" data-field-heightmode-res-320-value="hug" data-field-top-res-480-value="-64" data-field-left-res-480-value="330" data-field-height-res-480-value="40" data-field-width-res-480-value="140" data-field-container-res-480-value="grid" data-field-heightunits-res-480-value="px" data-field-textfit-res-480-value="autoheight" data-field-widthmode-res-480-value="fixed" data-field-heightmode-res-480-value="fixed" data-field-fontsize-res-480-value="12" data-field-top-res-640-value="-111" data-field-left-res-640-value="255" data-field-height-res-640-value="20" data-field-width-res-640-value="183" data-field-container-res-640-value="grid" data-field-heightunits-res-640-value="px" data-field-textfit-res-640-value="autoheight" data-field-widthmode-res-640-value="fixed" data-field-heightmode-res-640-value="fixed" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="-136" data-field-left-res-960-value="332" data-field-height-res-960-value="50" data-field-width-res-960-value="260" data-field-container-res-960-value="grid" data-field-heightunits-res-960-value="px" data-field-textfit-res-960-value="autoheight"> <div class='tn-atom'field='tn_text_1787768643903000001'><a href="https://t.me/tremster" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 195, 0);">t.me/tremster</a></div> </div> <div class='t396__elem tn-elem tn-elem__27072068011787768643903000002' data-elem-id='1787768643903000002' data-elem-type='text' data-field-top-value="-150" data-field-left-value="315" data-field-height-value="31" data-field-width-value="60" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autowidth" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="20" data-field-top-res-320-value="-88" data-field-left-res-320-value="173" data-field-height-res-320-value="19" data-field-width-res-320-value="36" data-field-container-res-320-value="grid" data-field-heightunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-textfit-res-320-value="autowidth" data-field-top-res-480-value="-79" data-field-left-res-480-value="330" data-field-height-res-480-value="19" data-field-width-res-480-value="36" data-field-container-res-480-value="grid" data-field-heightunits-res-480-value="px" data-field-widthunits-res-480-value="px" data-field-textfit-res-480-value="autowidth" data-field-widthmode-res-480-value="hug" data-field-heightmode-res-480-value="hug" data-field-fontsize-res-480-value="12" data-field-top-res-640-value="-127" data-field-left-res-640-value="255" data-field-height-res-640-value="25" data-field-width-res-640-value="48" data-field-container-res-640-value="grid" data-field-heightunits-res-640-value="px" data-field-widthunits-res-640-value="px" data-field-textfit-res-640-value="autowidth" data-field-widthmode-res-640-value="hug" data-field-heightmode-res-640-value="hug" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="-161" data-field-left-res-960-value="332" data-field-height-res-960-value="25" data-field-width-res-960-value="60" data-field-container-res-960-value="grid" data-field-heightunits-res-960-value="px" data-field-widthunits-res-960-value="px" data-field-textfit-res-960-value="autowidth" data-field-widthmode-res-960-value="hug" data-field-heightmode-res-960-value="hug"> <div class='tn-atom'field='tn_text_1787768643903000002'>ÐÐ ÐФ</div> </div> <div class='t396__elem tn-elem text-slogan tn-elem__27072068011785842869264000001' data-elem-id='1785842869264000001' data-elem-type='text' data-field-top-value="-230" data-field-left-value="20" data-field-height-value="88" data-field-width-value="249" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autowidth" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="40" data-field-top-res-320-value="-139" data-field-left-res-320-value="10" data-field-height-res-320-value="44" data-field-width-res-320-value="156" data-field-top-res-480-value="-52" data-field-left-res-480-value="10" data-field-height-res-480-value="44" data-field-width-res-480-value="141" data-field-container-res-480-value="grid" data-field-heightunits-res-480-value="px" data-field-textfit-res-480-value="autoheight" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="-192" data-field-left-res-640-value="18" data-field-height-res-640-value="70" data-field-width-res-640-value="199" data-field-container-res-640-value="grid" data-field-heightunits-res-640-value="px" data-field-textfit-res-640-value="autoheight" data-field-widthmode-res-640-value="fill" data-field-heightmode-res-640-value="hug" data-field-fontsize-res-640-value="32" data-field-top-res-960-value="-231" data-field-left-res-960-value="10" data-field-height-res-960-value="80" data-field-width-res-960-value="249" data-field-container-res-960-value="grid" data-field-heightunits-res-960-value="px" data-field-widthunits-res-960-value="px" data-field-textfit-res-960-value="autowidth" data-field-widthmode-res-960-value="hug" data-field-heightmode-res-960-value="hug"> <div class='tn-atom'field='tn_text_1785842869264000001'>СÐЯÐÐТЬСЯ <br />С ÐÐÐÐ</div> </div> </div> </div>
110<script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('2707206801');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('2707206801');});});</script>
110 <!-- /T396 --> </div> </header> <!--/header--> <div id="rec2468671641" class="r t-rec" style=" " data-record-type="360"> <!-- T360 --> <style>.t-records{opacity:0;}.t-records_animated{-webkit-transition:opacity ease-in-out .5s;-moz-transition:opacity ease-in-out .5s;-o-transition:opacity ease-in-out .5s;transition:opacity ease-in-out .5s;}.t-records.t-records_visible,.t-records .t-records{opacity:1;}</style>
110<script>t_onReady(function() {var allRecords=document.querySelector('.t-records');window.addEventListener('pageshow',function(event) {if(event.persisted) {allRecords.classList.add('t-records_visible');}});var rec=document.querySelector('#rec2468671641');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity='1';allRecords.classList.add('t-records_animated');setTimeout(function() {allRecords.classList.add('t-records_visible');},200);document.addEventListener('visibilitychange',function() {if(!document.hidden) {allRecords.classList.add('t-records_visible');}});});</script>
110 <style>.t360__bar{background-color:#ffc300;}</style>
110<script>t_onReady(function() {var isSafari=/Safari/.test(navigator.userAgent)&&/Apple Computer/.test(navigator.vendor);if(!isSafari) {document.body.insertAdjacentHTML('beforeend','<div class="t360__progress"><div class="t360__bar"></div></div>');setTimeout(function() {var bar=document.querySelector('.t360__bar');if(bar) bar.classList.add('t360__barprogress');},10);}});function t360_onProgressLoad() {var bar=document.querySelector('.t360__bar');if(!bar) return;bar.classList.remove('t360__barprogress');bar.classList.add('t360__barprogressfinished');setTimeout(function() {bar.classList.add('t360__barprogresshidden');},20);setTimeout(function() {var progress=document.querySelector('.t360__progress');if(progress) progress.style.display='none';},500);};if(document.readyState==='complete') {setTimeout(t360_onProgressLoad,60);} else {window.addEventListener('load',t360_onProgressLoad);}</script>
110 </div> <div id="rec2468671651" class="r t-rec" style=" " data-animationappear="off" data-record-type="1084"> <!-- t1084 --> <style>::-webkit-scrollbar{width:15px;height:15px;background-color:#fafafa;}::-webkit-scrollbar-track{background-color:#fafafa;}::-webkit-scrollbar-thumb{background-color:#020202;border-radius:0px;border:0px solid #fafafa;background-clip:padding-box;}::-webkit-scrollbar-thumb:hover{background-color:#020202;}@supports (-moz-appearance:none){:root,body,.allrecords *{scrollbar-width:auto;scrollbar-color:#020202 #fafafa;}}:root,body,.allrecords *{-ms-scrollbar-track-color:#fafafa;-ms-scrollbar-highlight-color:#fafafa;-ms-scrollbar-shadow-color:#fafafa;-ms-scrollbar-3dlight-color:#fafafa;-ms-scrollbar-darkshadow-color:#fafafa;-ms-scrollbar-face-color:#020202;}</style> </div> <div id="rec2801860901" class="r t-rec" style="background-color:#f9f9f9; " data-animationappear="off" data-record-type="131" data-bg-color="#f9f9f9"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Onest:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <!-- ÐеÑеклÑÑаÑÐµÐ»Ñ (кнопки ÑÑÑоÑÑÑÑ Ð°Ð²ÑомаÑиÑеÑки из маÑÑива tabs) --> <div id="bottom-switcher" class="switcher-hidden"> <div class="slider-background"></div> </div> <style> 111#bottom-switcher { 112 font-family: 'Onest', sans-serif; 113 position: fixed; 114 bottom: 24px; 115 left: 50%; 116 transform: translateX(-50%) translateY(0); 117 z-index: 999; 118 display: inline-flex; 119 120 /* СвеÑло-ÑеÑÑй Ñон Ñ Ð¿ÑозÑаÑноÑÑÑÑ 15% + ÑазмÑÑие 12px (ÑÑекло) */ 121 background: rgba(220, 220, 220, 0.25); 122 -webkit-backdrop-filter: blur(12px); 123 backdrop-filter: blur(12px); 124 125 border-radius: 50px; 126 padding: 5px; 127 box-shadow: 0 4px 20px rgba(0,0,0,0.15); 128 opacity: 1; 129 transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 0.55); 130} 131 132#bottom-switcher.switcher-hidden { 133 opacity: 0; 134 transform: translateX(-50%) translateY(150px); 135 pointer-events: none; 136} 137 138.slider-background { 139 position: absolute; 140 top: 5px; 141 bottom: 5px; 142 left: 5px; 143 /* ÑиÑÐ¸Ð½Ñ Ð¸ позиÑÐ¸Ñ Ð·Ð°Ð´Ð°ÑÑ JS под акÑивнÑй пÑÐ½ÐºÑ */ 144 width: 100px; 145 background: #FFF; /* жÑлÑÑй Ñон акÑивного пÑнкÑа */ 146 border-radius: 50px; 147 transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 0.55), 148 width 0.4s cubic-bezier(0.68, -0.55, 0.265, 0.55); 149 z-index: 1; 150} 151 152.switch-btn { 153 font-family: 'Onest', sans-serif; 154 font-weight: 500; 155 padding: 12px 30px; 156 border: none; 157 background: transparent; 158 font-size: 14px; 159 letter-spacing: 1px; 160 cursor: pointer; 161 transition: color 0.3s ease, font-weight 0.3s ease; 162 color: #000; /* неакÑивнÑе â ÑÑÑнÑй ÑекÑÑ */ 163 text-transform: uppercase; 164 position: relative; 165 z-index: 2; 166 white-space: nowrap; 167} 168 169.switch-btn.active { 170 color: #000; /* акÑивнÑй â ÑÑÑнÑй ÑекÑÑ (на жÑлÑом) */ 171 font-weight: 600; 172} 173 174.switch-btn:hover:not(.active) { 175 opacity: 0.65; 176} 177 178@media (max-width: 640px) { 179 #bottom-switcher { 180 bottom: 30px; 181 } 182 .switch-btn { 183 padding: 10px 18px; 184 font-size: 12px; 185 } 186} 187</style>
187<script> 188// ============================================ 189// âï¸ ÐÐСТРÐÐÐÐ 190// ============================================ 191 192const switcherConfig = { 193 // ÐидимоÑÑÑ Ð¿ÐµÑеклÑÑаÑÐµÐ»Ñ Ð¿Ñи ÑкÑолле 194 //showAfterBlockId: 'rec2958251101', 195 hideAtBlockId: 'rec2958251101', 196 197 // ============================================ 198 // ð ÐУÐÐТЫ ÐÐÐ ÐÐÐЮЧÐТÐÐЯ 199 // label â ÑекÑÑ ÐºÐ½Ð¾Ð¿ÐºÐ¸ 200 // url â ÑÑÑлка. '' или '/' = Ð³Ð»Ð°Ð²Ð½Ð°Ñ (ÑекÑÑÐ°Ñ ÑÑÑаниÑа) 201 // ============================================ 202 tabs: [ 203 { label: 'ÐÐÐÐÐÐЯ', url: '/' }, 204 { label: 'УСÐУÐÐ', url: '/services' }, 205 { label: 'ÐÐÐСЫ', url: '/cases' }, 206 { label: 'ADWISE', url: '/about' } 207 ], 208 209 // РезеÑвнÑй акÑивнÑй пÑнкÑ, еÑли URL ни Ñ Ñем не Ñовпал 210 fallbackIndex: 0, 211 212 // ÐадеÑжка пеÑед пеÑÐµÑ Ð¾Ð´Ð¾Ð¼ (ÑÑÐ¾Ð±Ñ ÑÐ»Ð°Ð¹Ð´ÐµÑ ÑÑпел оÑÑгÑаÑÑ), Ð¼Ñ 213 navDelay: 350 214}; 215 216// ============================================ 217// ð ÐÐТÐ-ÐÐÐ ÐÐÐÐÐÐÐÐ ÐÐТÐÐÐÐÐÐ ÐУÐÐТРÐÐ URL 218// ============================================ 219 220function detectActiveIndex() { 221 // ÑекÑÑий пÑÑÑ Ð±ÐµÐ· завеÑÑаÑÑего ÑлÑÑа (кÑоме коÑнÑ) 222 let path = window.location.pathname.replace(/\/+$/, '') || '/'; 223 224 let bestIndex = -1; 225 let bestLen = -1; 226 227 switcherConfig.tabs.forEach(function(tab, index) { 228 let tabUrl = (tab.url || '/').trim(); 229 230 // ноÑмализÑем url пÑнкÑа Ñак же, как path 231 let tabPath; 232 try { 233 // поддеÑжка как оÑноÑиÑелÑнÑÑ ('/services'), Ñак и полнÑÑ ÑÑÑлок 234 tabPath = new URL(tabUrl, window.location.origin).pathname; 235 } catch (e) { 236 tabPath = tabUrl; 237 } 238 tabPath = tabPath.replace(/\/+$/, '') || '/'; 239 240 // ÑоÑное Ñовпадение 241 if (tabPath === path) { 242 // вÑбиÑаем Ñамое длинное (ÑпеÑиÑиÑное) Ñовпадение 243 if (tabPath.length > bestLen) { bestIndex = index; bestLen = tabPath.length; } 244 } 245 // Ñовпадение по пÑеÑикÑÑ (напÑ. /cases/lexus â пÑÐ½ÐºÑ /cases) 246 else if (tabPath !== '/' && path.indexOf(tabPath + '/') === 0) { 247 if (tabPath.length > bestLen) { bestIndex = index; bestLen = tabPath.length; } 248 } 249 }); 250 251 return bestIndex !== -1 ? bestIndex : switcherConfig.fallbackIndex; 252} 253 254// ============================================ 255// ðï¸ ÐÐСТРÐÐÐÐÐ ÐÐÐ ÐÐÐЮЧÐТÐÐЯ 256// ============================================ 257 258let currentActiveIndex = 0; 259 260function buildSwitcher() { 261 const switcher = document.getElementById('bottom-switcher'); 262 263 currentActiveIndex = detectActiveIndex(); // опÑеделÑем по URL 264 265 switcherConfig.tabs.forEach(function(tab, index) { 266 const btn = document.createElement('button'); 267 btn.className = 'switch-btn' + (index === currentActiveIndex ? ' active' : ''); 268 btn.textContent = tab.label; 269 btn.addEventListener('click', function() { 270 switchTab(index, btn, tab); 271 }); 272 switcher.appendChild(btn); 273 }); 274 275 moveSliderTo(currentActiveIndex); 276} 277 278// Ðвигаем ÑÐ»Ð°Ð¹Ð´ÐµÑ Ð¿Ð¾Ð´ ÐºÐ½Ð¾Ð¿ÐºÑ Ð¿Ð¾ индекÑÑ (ÑÑиÑÑÐ²Ð°Ñ ÑазнÑÑ ÑиÑинÑ) 279function moveSliderTo(index) { 280 const switcher = document.getElementById('bottom-switcher'); 281 const slider = switcher.querySelector('.slider-background'); 282 const buttons = switcher.querySelectorAll('.switch-btn'); 283 const btn = buttons[index]; 284 if (!btn) return; 285 286 let offset = 0; 287 for (let i = 0; i < index; i++) offset += buttons[i].offsetWidth; 288 289 slider.style.width = btn.offsetWidth + 'px'; 290 slider.style.transform = 'translateX(' + offset + 'px)'; 291} 292 293// ============================================ 294// ð¯ ÐÐÐÐ ÐÐ ÐУÐÐТУ 295// ============================================ 296 297function switchTab(index, element, tab) { 298 const switcher = document.getElementById('bottom-switcher'); 299 const buttons = switcher.querySelectorAll('.switch-btn'); 300
301 buttons.forEach(function(btn) { btn.classList.remove('active'); }); 302 element.classList.add('active'); 303 304 moveSliderTo(index); 305 306 // еÑли ÑÑо Ñже ÑекÑÑÐ°Ñ ÑÑÑаниÑа â не пеÑÐµÑ Ð¾Ð´Ð¸Ð¼ 307 if (index === currentActiveIndex) { 308 console.log('â Уже здеÑÑ:', tab.label); 309 return; 310 } 311 312 if (tab.url && tab.url.trim() !== '') { 313 console.log('ð ÐеÑÐµÑ Ð¾Ð´ на', tab.url); 314 setTimeout(function() { 315 window.location.href = tab.url; 316 }, switcherConfig.navDelay); 317 } 318} 319 320// ============================================ 321// ÐÐÐÐÐÐСТЬ ÐÐÐ ÐÐÐЮЧÐТÐÐЯ 322// ============================================ 323 324window.addEventListener('DOMContentLoaded', function() { 325 326 console.log('ð СкÑÐ¸Ð¿Ñ Ð·Ð°Ð¿ÑÑен'); 327 328 buildSwitcher(); 329 330 const switcher = document.getElementById('bottom-switcher'); 331 const showAfterBlock = document.getElementById(switcherConfig.showAfterBlockId); 332 const hideAtBlock = document.getElementById(switcherConfig.hideAtBlockId); 333 334 function updateSwitcherVisibility() { 335 let showBlockVisible = false; 336 if (showAfterBlock) { 337 const showRect = showAfterBlock.getBoundingClientRect(); 338 const scrolledPastShow = window.scrollY > showAfterBlock.offsetTop - window.innerHeight; 339 showBlockVisible = scrolledPastShow || (showRect.top < window.innerHeight && showRect.bottom > 0); 340 } else { 341 showBlockVisible = true; 342 } 343 344 let hideBlockVisible = false; 345 if (hideAtBlock) { 346 hideBlockVisible = hideAtBlock.getBoundingClientRect().top < window.innerHeight; 347 } 348 349 if (showBlockVisible && !hideBlockVisible) { 350 switcher.classList.remove('switcher-hidden'); 351 } else { 352 switcher.classList.add('switcher-hidden'); 353 } 354 } 355 356 let scrollTimeout; 357 window.addEventListener('scroll', function() { 358 clearTimeout(scrollTimeout); 359 scrollTimeout = setTimeout(updateSwitcherVisibility, 50); 360 }); 361 362 setTimeout(updateSwitcherVisibility, 100); 363 364 window.addEventListener('resize', function() { 365 updateSwitcherVisibility(); 366 const activeBtn = switcher.querySelector('.switch-btn.active'); 367 if (activeBtn) { 368 const idx = Array.prototype.indexOf.call(switcher.querySelectorAll('.switch-btn'), activeBtn); 369 moveSliderTo(idx); 370 } 371 }); 372}); 373</script>
373 <!-- nominify end --> </div> </div> </div> </div> <div id="rec2468720231" class="r t-rec" style="background-color:#f9f9f9; " data-animationappear="off" data-record-type="131" data-bg-color="#f9f9f9"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <style> 374.my-title { 375 transform: skew(-12deg) rotate(-12deg); 376 -webkit-font-smoothing: antialiased; 377} 378</style> <style> 379.text-slogan { 380 transform: skew(-12deg) rotate(-12deg); 381 -webkit-font-smoothing: antialiased; 382} 383</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec2802300701" class="r t-rec t-rec_pb_0 uc-trail-img" style="padding-bottom:0px;background-color:#f9f9f9; " data-animationappear="off" data-record-type="396" data-bg-color="#f9f9f9"> <!-- T396 --> <style>#rec2802300701 .t396__artboard{min-height:550px;height:100vh;background-color:#ffc300;overflow:visible;}#rec2802300701 .t396__filter{min-height:550px;height:100vh;}#rec2802300701 .t396__carrier{min-height:550px;height:100vh;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec2802300701 .t396__artboard,#rec2802300701 .t396__filter,#rec2802300701 .t396__carrier{}#rec2802300701 .t396__filter{}#rec2802300701 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec2802300701 .t396__artboard,#rec2802300701 .t396__filter,#rec2802300701 .t396__carrier{min-height:550px;}#rec2802300701 .t396__filter{}#rec2802300701 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec2802300701 .t396__artboard,#rec2802300701 .t396__filter,#rec2802300701 .t396__carrier{min-height:280px;}#rec2802300701 .t396__filter{}#rec2802300701 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec2802300701 .t396__artboard,#rec2802300701 .t396__filter,#rec2802300701 .t396__carrier{}#rec2802300701 .t396__filter{}#rec2802300701 .t396__carrier{background-attachment:scroll;}}#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"]{color:#020202;text-align:center;z-index:3;top:calc(50vh - 180px + -20px);left:calc(50% - 278px + 0px);width:auto;height:auto;}#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#020202;font-size:96px;font-family:var(--t-text-font,Arial);line-height:1.25;font-weight:900;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"]{display:table;width:auto;height:auto;}#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"]{display:table;top:calc(275px - 180px + 0px);left:calc(50% - 162px + 0px);width:auto;height:auto;}#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"] .tn-atom{white-space:nowrap;font-size:56px;background-size:cover;}}@media screen and (max-width:639px){#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"]{display:table;top:calc(275px - 180px + 0px);left:calc(50% - 116px + 0px);width:auto;height:auto;}#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"] .tn-atom{white-space:nowrap;font-size:40px;background-size:cover;}}@media screen and (max-width:479px){#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"]{display:table;top:calc(275px - 180px + 0px);width:auto;height:auto;}#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"] .tn-atom{white-space:nowrap;background-size:cover;}}#rec2802300701 .tn-elem[data-elem-id="1786535623144000001"]{z-index:3;top:calc(50vh - 40px + 0px);left:calc(50% - 34.5% + 3px);width:69%;height:80%;}#rec2802300701 .tn-elem[data-elem-id="1786535623144000001"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000001"]{display:table;top:calc(275px - 40% + 1px);left:calc(50% - 45% + 0px);width:90%;height:90%;}}@media screen and (max-width:959px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000001"]{display:table;}}@media screen and (max-width:639px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000001"]{display:table;}}@media screen and (max-width:479px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000001"]{display:table;}}#rec2802300701 .tn-elem[data-elem-id="1786535623144000002"]{z-index:3;top:calc(50vh - 40px + 0px);left:calc(50% - 34.5% + 3px);width:69%;height:80%;}#rec2802300701 .tn-elem[data-elem-id="1786535623144000002"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000002"]{display:table;top:calc(275px - 40% + 1px);left:calc(50% - 45% + 0px);width:90%;height:90%;}}@media screen and (max-width:959px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000002"]{display:table;}}@media screen and (max-width:639px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000002"]{display:table;}}@media screen and (max-width:479px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000002"]{display:table;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="2802300701" data-artboard-screens="320,480,640,960,1200" data-artboard-height="550" data-artboard-valign="stretch" data-artboard-height_vh="100" data-artboard-upscale="window" data-artboard-ovrflw="visible" data-artboard-height-res-480="280" data-artboard-height-res-640="550"> <div class="t396__carrier" data-artboard-recid="2802300701"></div> <div class="t396__filter" data-artboard-recid="2802300701"></div> <div class='t396__elem tn-elem my-title tn-elem__28023007011783012975624000001' data-elem-id='1783012975624000001' data-elem-type='text' data-field-top-value="-20" data-field-left-value="0" data-field-height-value="360" data-field-width-value="556" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-prx="scroll" data-field-textfit-value="autowidth" data-field-fontsize-value="96" data-field-top-res-320-value="0" data-field-left-res-320-value="0" data-field-width-res-320-value="232" data-field-top-res-480-value="0" data-field-width-res-480-value="232" data-field-fontsize-res-480-value="40" data-field-top-res-640-value="0" data-field-width-res-640-value="324" data-field-fontsize-res-640-value="56"> <div class='tn-atom'field='tn_text_1783012975624000001'>ÐÐÐ<br />ÐЫ ÐÐÐÐÐ<br />ÐÐ ÐÐÐ</div> </div> <div class='t396__elem tn-elem stickers tn-elem__28023007011786535623144000001' data-elem-id='1786535623144000001' data-elem-type='shape' data-field-top-value="0" data-field-left-value="3" data-field-height-value="80" data-field-width-value="69" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="%" data-field-widthunits-value="%" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-top-res-960-value="1" data-field-left-res-960-value="0" data-field-height-res-960-value="90" data-field-width-res-960-value="90" data-field-widthmode-res-960-value="fixed" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__28023007011786535623144000002' data-elem-id='1786535623144000002' data-elem-type='html' data-field-top-value="0" data-field-left-value="3" data-field-height-value="80" data-field-width-value="69" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="%" data-field-widthunits-value="%" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-top-res-960-value="1" data-field-left-res-960-value="0" data-field-height-res-960-value="90" data-field-width-res-960-value="90" data-field-widthmode-res-960-value="fixed" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom tn-atom__html'> <!--ÐÑÑÐµÐºÑ Ñледа из изобÑажений 384https://mt-webdesign.ru/trail-image-hover--> <main> <div class="content"> <img class="content__img" src="https://static.tildacdn.com/tild3539-3435-4136-b465-643738303731/OBI.png" alt="OBI"/> <img class="content__img" src="https://static.tildacdn.com/tild3566-6232
384-4061-b739-303832653734/RB.png" alt="RB"/> <img class="content__img" src="https://static.tildacdn.com/tild3833-6532-4939-a535-626232613762/OTPBANK.png" alt="OTP Bank"/> <img class="content__img" src="https://static.tildacdn.com/tild3639-6435-4630-b238-313235393634/Amway.png" alt="Amway"/> <img class="content__img" src="https://static.tildacdn.com/tild3335-3030-4365-b631-346432303630/SHELL.png" alt="Shell"/> <img class="content__img" src="https://static.tildacdn.com/tild3635-3530-4939-b561-656239383537/NIVEA.png" alt="Nivea"/> <img class="content__img" src="https://static.tildacdn.com/tild3864-3132-4334-b731-396666393236/ACUVUE.png" alt="Acuvue"/> <img class="content__img" src="https://static.tildacdn.com/tild6230-3435-4034-b337-333663616235/Mvideo.png" alt="Ð.Ðидео"/> <img class="content__img" src="https://static.tildacdn.com/tild6264-3866-4761-a631-366265353861/MKB.png" alt="ÐÐÐ"/> <img class="content__img" src="https://static.tildacdn.com/tild6162-3034-4135-b832-316231623538/LADA.png" alt="LADA"/> <img class="content__img" src="https://static.tildacdn.com/tild6163-3663-4062-b537-623336666233/UAZ.png" alt="UAZ"/> <img class="content__img" src="https://static.tildacdn.com/tild3231-6630-4263-a361-663262303261/TEBOIL.png" alt="Teboil"/> <img class="content__img" src="https://static.tildacdn.com/tild3638-6161-4366-a464-666335643431/GAZ.png" alt="GAZ"/> <img class="content__img" src="https://static.tildacdn.com/tild3861-6430-4439-b764-383732336532/MIR.png" alt="ÐÐÐ "/> <img class="content__img" src="https://static.tildacdn.com/tild3432-3864-4663-a434-353166643031/Michelin.png" alt="Michelin"/> <img class="content__img" src="https://static.tildacdn.com/tild6636-3337-4630-b138-373236333531/Danone.png" alt="Danone"/> <img class="content__img" src="https://static.tildacdn.com/tild3038-3066-4162-b932-656136613634/JJ.png" alt="Johnson & Johnson"/> <img class="content__img" src="https://static.tildacdn.com/tild6233-3037-4631-b666-353463303730/Reebok.png" alt="Reebok"/> <img class="content__img" src="https://static.tildacdn.com/tild6263-3430-4037-b164-616135363564/Fplus.png" alt="F+"/> <img class="content__img" src="https://static.tildacdn.com/tild3632-3865-4535-b939-353936643932/Toyota.png" alt="Toyota"/> <img class="content__img" src="https://static.tildacdn.com/tild3233-6338-4336-b266-616137333364/TELE2.png" alt="Tele2"/> <img class="content__img" src="https://static.tildacdn.com/tild3137-6539-4138-b437-363166393432/Lexus.png" alt="Lexus"/> <img class="content__img" src="https://static.tildacdn.com/tild6233-3262-4464-a565-653266373731/Chery.png" alt="Chery"/> </div> </main> <!-- ===== ÐÐÐСÐÐÐÐÐ: ÐÐСÐТÐР«поводиÑе» / ÐÐÐÐÐÐР«кликниÑе» ===== --> <div id="interaction-hint" class="hint-overlay"> <img class="hand-icon" src="https://static.tildacdn.com/tild3438-3737-4637-b765-316631313532/Hand.svg" alt="" /> <p class="hint-text">ÐоводиÑе мÑÑкой по ÑкÑанÑ</p> </div> <style>.hint-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(255,255,255,0.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-family:'Onest',Arial,sans-serif;font-size:20px;font-weight:600;text-align:center;padding:20px;box-sizing:border-box;z-index:9999;pointer-events:none;opacity:0;transition:opacity 0.5s ease;}.hint-overlay.is-shown{opacity:1;}.hint-overlay.hidden{opacity:0;}.hand-icon{width:32px;height:44px;margin-bottom:16px;display:block;transform-origin:center 80%;}.hint-overlay.mode-move .hand-icon{animation:handMove 2s infinite ease-in-out;}@keyframes handMove{0%,100%{transform:translateX(-40px) rotate(-8deg);}50%{transform:translateX(40px) rotate(8deg);}}.hint-overlay.mode-tap .hand-icon{animation:handTap 1.3s infinite ease-in-out;}@keyframes handTap{0%{transform:translateY(0) scale(1);}15%{transform:translateY(10px) scale(0.9);}30%{transform:translateY(0) scale(1);}100%{transform:translateY(0) scale(1);}}.hint-overlay.mode-tap .hand-icon::after{content:"";}.tap-ripple{position:absolute;width:70px;height:70px;border:2px solid rgba(0,0,0,0.4);border-radius:50%;opacity:0;pointer-events:none;display:none;}.hint-overlay.mode-tap .tap-ripple{display:block;
384animation:tapRipple 1.3s infinite ease-out;}@keyframes tapRipple{0%{transform:scale(0.4);opacity:0;}15%{transform:scale(0.5);opacity:0.6;}60%{transform:scale(1.4);opacity:0;}100%{transform:scale(1.4);opacity:0;}}.hint-text{margin:0;}@media (max-width:768px){.hint-overlay{font-size:16px;}.hand-icon{width:48px;height:66px;}.tap-ripple{width:54px;height:54px;}}</style>
384<script>(function() {var hint=document.getElementById('interaction-hint');if(!hint) return;var HINT_AUTOHIDE=6000;var hidden=false;var autoTimer=null;var isTouch=('ontouchstart' in window)||(navigator.maxTouchPoints>0)||window.matchMedia('(max-width: 640px)').matches;var textEl=hint.querySelector('.hint-text');if(isTouch) {hint.classList.add('mode-tap');if(textEl) textEl.textContent='ÐликниÑе по ÑкÑанÑ';var ripple=document.createElement('div');ripple.className='tap-ripple';hint.insertBefore(ripple,hint.firstChild);} else {hint.classList.add('mode-move');if(textEl) textEl.textContent='ÐоводиÑе мÑÑкой по ÑкÑанÑ';} 385setTimeout(function() {hint.classList.add('is-shown');},400);function hideHint() {if(hidden) return;hidden=true;hint.classList.remove('is-shown');hint.classList.add('hidden');window.removeEventListener('mousemove',hideHint);window.removeEventListener('touchstart',hideHint);window.removeEventListener('click',hideHint);if(autoTimer) clearTimeout(autoTimer);setTimeout(function() {if(hint&&hint.parentNode) hint.parentNode.removeChild(hint);},500);};if(isTouch) {window.addEventListener('touchstart',hideHint);window.addEventListener('click',hideHint);} else {window.addEventListener('mousemove',hideHint);} 386autoTimer=setTimeout(hideHint,HINT_AUTOHIDE);})();</script>
386 </div> </div> </div> </div>
386<script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('2802300701');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('2802300701');});});</script>
386 <!-- /T396 --> </div> <div id="rec3160203801" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!--ÐÑÑÐµÐºÑ Ñледа из изобÑажений 387https://mt-webdesign.ru/trail-image-hover-->
387<script src='https://www.matilda-design.ru/library/trail-img.js'></script>
387
387<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.0/gsap.min.js'></script>
387 <style> 388:root { 389--ImgWidthTrail: 160px; /*ÑÐ°Ð·Ð¼ÐµÑ Ð¸Ð·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð¸Ñ (деÑкÑоп)*/ 390--ImgBorderTrail: 12px; /*ÑкÑÑгление Ñглов*/ 391 392/* ===== ÐÐСТРÐÐÐРТÐÐÐ ===== */ 393--ImgShadowTrail: 0 8px 24px rgba(0, 0, 0, 0.18); /* ð ÑÐµÐ½Ñ Ð¸Ð·Ð¾Ð±Ñажений */ 394} 395 396/* ===== ÐÐÐÐ ÐÐÐÐÐ ÐÐ ÐСÐÐ¥ ÐÐÐ ÐÐÐÐ¥ ===== */ 397/* (ÑбÑали main{display:none} â ÑепеÑÑ Ð¼Ð¾Ð±Ð¸Ð»ÐºÐ° Ñоже показÑÐ²Ð°ÐµÑ ÑÑÑÐµÐºÑ Ð¿Ð¾ ÑапÑ) */ 398 399.content { 400height: 100vh; 401width: 100%; 402position: relative; 403display: flex; 404justify-content: center; 405align-items: center; 406isolation: isolate; 407pointer-events: none; 408} 409.content__img { 410pointer-events: none; 411width: var(--ImgWidthTrail); 412border-radius: var(--ImgBorderTrail); 413box-shadow: var(--ImgShadowTrail); 414position: absolute; 415top: 0; 416left: 0; 417opacity: 0; 418transform: translateY(0%); 419} 420.content__img--full { 421width: 100%; 422height: 100%; 423background-size: cover; 424} 425 426/* ===== ÐÐÐÐÐÐÐ / ÐÐÐÐШÐТ â логоÑип по ÑÐ°Ð¿Ñ ===== */ 427@media screen and (max-width: 640px) { 428 :root { 429 --ImgWidthTrail: 120px; /* ð ÑÐ°Ð·Ð¼ÐµÑ Ð»Ð¾Ð³Ð¾Ñипа на мобилке (менÑÑе) */ 430 } 431 /* конÑÐµÐ¹Ð½ÐµÑ Ð´Ð¾Ð»Ð¶ÐµÐ½ пÑинимаÑÑ ÑÐ°Ð¿Ñ */ 432 .content { 433 pointer-events: auto; 434 touch-action: manipulation; /* ÑбиÑÐ°ÐµÑ Ð·Ð°Ð´ÐµÑжкÑ/зÑм по Ð´Ð²Ð¾Ð¹Ð½Ð¾Ð¼Ñ ÑÐ°Ð¿Ñ */ 435 } 436} 437</style>
437<script> 438/* ============================================================= */ 439/* ÐÐСÐТÐÐ (>640px) â СÐÐÐ ÐÐ ÐЫШЬЮ (оÑигиналÑÐ½Ð°Ñ Ð»Ð¾Ð³Ð¸ÐºÐ°) */ 440/* ============================================================= */ 441window.addEventListener('DOMContentLoaded', () => { 442const screenWidth = window.innerWidth; 443if (screenWidth > 640) { 444const body = document.body; 445const docEl = document.documentElement; 446const MathUtils = { 447lerp: (a, b, n) => (1 - n) * a + n * b, 448distance: (x1, y1, x2, y2) => Math.hypot(x2 - x1, y2 - y1) 449}; 450let winsize; 451const calcWinsize = () => { 452winsize = { 453width: window.innerWidth, 454height: window.innerHeight 455}; 456}; 457calcWinsize(); 458window.addEventListener('resize', calcWinsize); 459const getMousePos = (ev) => { 460let posx = 0; 461let posy = 0; 462if (ev.pageX || ev.pageY) { 463posx = ev.pageX; 464posy = ev.pageY - window.pageYOffset; 465} else if (ev.clientX || ev.clientY) { 466posx = ev.clientX + body.scrollLeft + docEl.scrollLeft; 467posy = ev.clientY + body.scrollTop + docEl.scrollTop; 468} 469return { x: posx, y: posy }; 470}; 471let mousePos = lastMousePos = cacheMousePos = { x: 0, y: 0 }; 472window.addEventListener('load', () => { 473document.querySelector('.uc-trail-img').addEventListener('mousemove', ev => mousePos = getMousePos(ev)); 474}); 475const getMouseDistance = () => MathUtils.distance(mousePos.x, mousePos.y, lastMousePos.x, lastMousePos.y); 476class Image { 477constructor(el) { 478this.DOM = { el: el }; 479this.defaultStyle = { 480x: 0, 481y: 0, 482opacity: 0 483}; 484this.getRect(); 485this.initEvents(); 486} 487initEvents() { 488window.addEventListener('resize', () => this.resize()); 489} 490resize() { 491gsap.set(this.DOM.el, this.defaultStyle); 492this.getRect(); 493} 494getRect() { 495this.rect = this.DOM.el.getBoundingClientRect(); 496} 497isActive() { 498return gsap.isTweening(this.DOM.el) || this.DOM.el.style.opacity != 0; 499} 500} 501class ImageTrail { 502constructor() { 503this.DOM = { content: document.querySelector('.content') }; 504this.images = []; 505[...this.DOM.content.querySelectorAll('img')].forEach(img => this.images.push(new Image(img))); 506this.imagesTotal = this.images.length; 507this.imgPosition = 0; 508this.zIndexVal = 1; 509this.threshold = 150; 510requestAnimationFrame(() => this.render()); 511} 512render() { 513let distance = getMouseDistance(); 514cacheMousePos.x = MathUtils.lerp(cacheMousePos.x || mousePos.x, mousePos.x, 0.1); 515cacheMousePos.y = MathUtils.lerp(cacheMousePos.y || mousePos.y, mousePos.y, 0.1); 516if (distance > this.threshold) { 517this.showNextImage(); 518++this.zIndexVal; 519this.imgPosition = this.imgPosition < this.imagesTotal - 1 ? this.imgPosition + 1 : 0; 520lastMousePos = mousePos; 521} 522let isIdle = true; 523for (let img of this.images) { 524if (img.isActive()) { 525isIdle = false; 526break; 527} 528} 529if (isIdle && this.zIndexVal !== 1) { 530this.zIndexVal = 1; 531} 532requestAnimationFrame(() => this.render()); 533} 534showNextImage() { 535const img = this.images[this.imgPosition]; 536gsap.killTweensOf(img.DOM.el); 537gsap.timeline() 538.set(img.DOM.el, { 539startAt: { opacity: 0 }, 540opacity: 1, 541scale: 1, 542zIndex: this.zIndexVal, 543x: cacheMousePos.x - img.rect.width / 2, 544y: cacheMousePos.y - img.rect.height / 2 545}, 0) 546.to(img.DOM.el, { 547duration: 1.6, 548ease: 'expo.out', 549x: mousePos.x - img.rect.width / 2, 550y: mousePos.y - img.rect.height / 2 551}, 0) 552.to(img.DOM.el, { 553duration: 0.5, 554ease: 'power1.out', 555opacity: 0, 556scale: 0, 557}, 0.6) 558.to(img.DOM.el, { 559duration: 1, 560ease: 'quint.inOut', 561}, 0.9); 562} 563} 564const preloadImages = () => { 565return new Promise((resolve, reject) => { 566imagesLoaded(document.querySelectorAll('.content__img'), resolve); 567}); 568}; 569preloadImages().then(() => { 570document.body.classList.remove('loading'); 571new ImageTrail(); 572}); 573 574} else { 575/* ============================================================= */ 576/* ÐÐÐÐÐÐÐ / ÐÐÐÐШÐТ (â¤640px) â ÐÐÐÐТÐÐ ÐРТÐÐУ */ 577/* ============================================================= */ 578const content = document.querySelector('.content'); 579if (!content) return; 580 581const images = [...content.querySelectorAll('.content__img')]; 582if (!images.length) return; 583 584let tapIndex = 0; // какой логоÑип показаÑÑ ÑледÑÑÑим 585let zTap = 1; 586 587// ---- кооÑдинаÑÑ Ñапа оÑноÑиÑелÑно .content ---- 588function getTapPos(ev) { 589 const rect = content.getBoundingClientRect(); 590 const point = (ev.touches && ev.touches[0]) ? ev.touches[0] : ev; 591 return { 592 x: point.clientX - rect.left, 593 y: point.clientY - rect.top 594 }; 595} 596 597// ---- показаÑÑ Ð»Ð¾Ð³Ð¾Ñип в ÑоÑке Ñапа и плавно ÑбÑаÑÑ ---- 598function showTapImage(ev) { 599 const pos = getTapPos(ev); 600 const img = images[tapIndex]; 601 602 tapIndex = (tapIndex + 1) % images.length; // ÑледÑÑÑий по кÑÑÐ³Ñ 603 zTap++; 604 605 gsap.killTweensOf(img); 606 gsap.timeline() 607 .set(img, { 608 opacity: 0, 609 scale: 0.6, 610 zIndex: zTap, 611 x: pos.x - img.offsetWidth / 2, 612 y: pos.y - img.offsetHeight / 2 613 }) 614 // ÐÐЯÐÐÐÐÐÐ 615 .to(img, { 616 duration: 0.35, /* ð ÑкоÑоÑÑÑ Ð¿Ð¾ÑÐ²Ð»ÐµÐ½Ð¸Ñ */ 617 ease: 'back.out(1.7)', /* лÑгкий "вÑпÑÑгиваÑÑий" ÑÑÑÐµÐºÑ */ 618 opacity: 1, 619 scale: 1 620 }) 621 // ÐÐÐÐÐ ÐÐÐ + ÐСЧÐÐÐÐÐÐÐÐÐ 622 .to(img, { 623 duration: 0.6, /* ð ÑкоÑоÑÑÑ Ð¸ÑÑÐµÐ·Ð½Ð¾Ð²ÐµÐ½Ð¸Ñ */ 624 ease: 'power2.in', 625 opacity: 0, 626 scale: 0.7 627 }, '+=0.7');
627 /* ð ÑколÑко логоÑип ÐÐСÐТ пеÑед ÑÑ Ð¾Ð´Ð¾Ð¼ (0.7Ñ) */ 628} 629 630// ---- ÑлÑÑаем Ñап / клик ---- 631// touchstart â мгновенно на ÑелеÑÐ¾Ð½Ð°Ñ ; click â на ÑлÑÑай мÑÑи/ÑеÑÑов 632content.addEventListener('touchstart', function(ev) { 633 showTapImage(ev); 634}, { passive: true }); 635 636content.addEventListener('click', function(ev) { 637 showTapImage(ev); 638}); 639} 640}); 641</script>
641 <!-- nominify end --> </div> </div> </div> </div> <div id="rec3159130301" class="r t-rec t-rec_pt_0 t-rec_pt-res-480_0 t-rec_pb_0 t-rec_pb-res-480_0" style="padding-top:0px;padding-bottom:0px;background-color:#ffc300; " data-animationappear="off" data-record-type="131" data-bg-color="#ffc300"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- ============================================================= --> <!-- ÐÐÐÐÐÐ ÐÐÐÐÐЫРТÐÐÐС ÐРСÐÐ ÐÐУ â Ð´Ð»Ñ ÐÐÐÐÐ T123 (HTML) --> <!-- ÐеÑкÑоп: в ÑÑÑÐ¾ÐºÑ â | ÐланÑÐµÑ + Ðобилка: веÑÑÐ¸ÐºÐ°Ð»Ñ â --> <!-- "ÐеопÑеделÑнноÑÑÑ â СиÑÑема â РоÑÑ" --> <!-- ============================================================= --> <div class="thesis-wrap"> <div class="thesis" id="thesis"> <span class="thesis-el" data-step="0">ÐеопÑеделÑнноÑÑÑ</span> <span class="thesis-arrow" data-step="1">â</span> <span class="thesis-el" data-step="2">СиÑÑема</span> <span class="thesis-arrow" data-step="3">â</span> <span class="thesis-el" data-step="4">РоÑÑ</span> </div> </div> <style> 642 @import url('https://fonts.googleapis.com/css2?family=Onest:wght@900&display=swap'); 643 644 /* ===== ÐÐÐРТÐÐ (T123 â ÐÐÐ height:100%) ===== */ 645 .thesis-wrap { 646 width: 100%; 647 display: flex; 648 align-items: center; 649 justify-content: center; 650 box-sizing: border-box; 651 652 /* ð в T123 Ð½ÐµÑ Ð·Ð°Ð´Ð°Ð½Ð½Ð¾Ð¹ вÑÑоÑÑ â задаÑм оÑÑÑÑÐ¿Ñ ÑвеÑÑ Ñ/ÑÐ½Ð¸Ð·Ñ Ð²Ð¼ÐµÑÑо height */ 653 padding: 20px 20px; /* ð веÑÑ. оÑÑÑÑп 60px (деÑкÑоп) + боковой 20px */ 654 } 655 656 /* ===== СÐÐРФРÐÐÐ (ÐÐСÐТÐÐ â РСТРÐÐУ) ===== */ 657 .thesis { 658 /* ---------- ÐÐСТРÐÐÐÐ (ÐÐСÐТÐÐ) ---------- */ 659 --thesis-size: 36px; /* ð ÑÐ°Ð·Ð¼ÐµÑ ÑÑиÑÑа (деÑкÑоп) */ 660 --thesis-gap: 28px; /* ð ÑаÑÑÑоÑние Ð¼ÐµÐ¶Ð´Ñ Ñловами (деÑкÑоп) */ 661 --thesis-color: #000; /* ð ÑÐ²ÐµÑ ÑекÑÑа */ 662 --thesis-arrow-color: #fff; /* ð ÑÐ²ÐµÑ ÑÑÑелок */ 663 --thesis-anim: 0.6s; /* ð длиÑелÑноÑÑÑ Ð¿Ð¾ÑÐ²Ð»ÐµÐ½Ð¸Ñ ÑлеменÑа */ 664 /* ----------------------------------------- */ 665 666 display: flex; 667 align-items: center; 668 flex-wrap: nowrap; 669 justify-content: center; 670 gap: var(--thesis-gap); 671 672 font-family: 'Onest', sans-serif; 673 font-weight: 900; 674 font-size: var(--thesis-size); 675 text-transform: uppercase; 676 line-height: 1.2; 677 letter-spacing: 0.5px; 678 white-space: nowrap; 679 } 680 681 /* ===== ÐÐÐÐÐÐТЫ ФРÐÐЫ ===== */ 682 .thesis-el, 683 .thesis-arrow { 684 opacity: 0; 685 transform: translateY(14px); 686 transition: opacity var(--thesis-anim) ease, 687 transform var(--thesis-anim) ease; 688 display: inline-block; 689 } 690 .thesis-el { color: var(--thesis-color); } 691 .thesis-arrow { color: var(--thesis-arrow-color); } 692 693 /* ===== ÐÐЯÐÐÐÐÐÐ ===== */ 694 .thesis.is-visible .thesis-el, 695 .thesis.is-visible .thesis-arrow { 696 opacity: 1; 697 transform: translateY(0); 698 } 699 700 /* ===== ÐЧÐÐ ÐÐЬ ÐÐЯÐÐÐÐÐЯ ===== */ 701 .thesis.is-visible [data-step="0"] { transition-delay: 0s; } 702 .thesis.is-visible [data-step="1"] { transition-delay: 0.25s; } 703 .thesis.is-visible [data-step="2"] { transition-delay: 0.50s; } 704 .thesis.is-visible [data-step="3"] { transition-delay: 0.75s; } 705 .thesis.is-visible [data-step="4"] { transition-delay: 1.00s; } 706 707 708 /* ============================================================= */ 709 /* ÐÐÐÐШÐТ â ÐÐРТÐÐÐÐЬ â */ 710 /* ============================================================= */ 711 @media screen and (max-width: 960px) { 712 .thesis-wrap { 713 padding: 50px 20px; /* ð веÑÑ. оÑÑÑÑп (планÑеÑ) */ 714 } 715 .thesis { 716 --thesis-size: 32px; /* ð ÑÐ°Ð·Ð¼ÐµÑ ÑÑиÑÑа (планÑеÑ) */ 717 --thesis-gap: 16px; /* ð оÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ ÑÑÑоками (планÑеÑ) */ 718 719 flex-direction: column; 720 flex-wrap: nowrap; 721 white-space: normal; 722 text-align: center; 723 line-height: 1.15; 724 } 725 .thesis-el { 726 max-width: 100%; 727 word-break: break-word; 728 } 729 .thesis-arrow { 730 rotate: 90deg; /* â пÑевÑаÑаем в â */ 731 font-size: 0.85em; 732 line-height: 1; 733 } 734 } 735 736 737 /* ============================================================= */ 738 /* ÐÐÐÐÐÐÐ â ÐÐРТÐÐÐÐЬ â (мелÑÑе) */ 739 /* ============================================================= */ 740 @media screen and (max-width: 600px) { 741 .thesis-wrap { 742 padding: 40px 12px; /* ð веÑÑ. оÑÑÑÑп (мобилка) */ 743 } 744 .thesis { 745 --thesis-size: 20px; /* ð ÑÐ°Ð·Ð¼ÐµÑ ÑÑиÑÑа (мобилка) */ 746 --thesis-gap: 12px; /* ð оÑÑÑÑп Ð¼ÐµÐ¶Ð´Ñ ÑÑÑоками (мобилка) */ 747 } 748 .thesis-arrow { 749 font-size: 0.8em; 750 } 751 } 752 753 754 /* ============================================================= */ 755 /* УÐÐÐРТÐÐÐФÐÐЫ â доÑменÑÑаем */ 756 /* ============================================================= */ 757 @media screen and (max-width: 380px) { 758 .thesis-wrap { 759 padding: 32px 12px; 760 } 761 .thesis { 762 --thesis-size: 16px; /* ð ÑÐ°Ð·Ð¼ÐµÑ ÑÑиÑÑа (Ñзкие ÑелеÑонÑ) */ 763 --thesis-gap: 8px; 764 } 765 } 766</style>
766<script> 767 (function() { 768 var thesis = document.getElementById('thesis'); 769 if (!thesis) return; 770 771 var observer = new IntersectionObserver(function(entries) { 772 entries.forEach(function(entry) { 773 if (entry.isIntersecting) { 774 thesis.classList.add('is-visible'); 775 // observer.unobserve(thesis); // â ÑаÑкомменÑиÑÑйÑе Ð´Ð»Ñ Ð¾Ð´Ð½Ð¾Ñазовой анимаÑии 776 } else { 777 thesis.classList.remove('is-visible'); 778 } 779 }); 780 }, { 781 threshold: 0.5 782 }); 783 784 observer.observe(thesis); 785 })(); 786</script>
786 <!-- nominify end --> </div> </div> </div> </div> <div id="rec3156022201" class="r t-rec" style="background-color:#ffc300; " data-animationappear="off" data-record-type="131" data-bg-color="#ffc300"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- ===== ÐÐÐ ÐÐÐÐТÐÐЬÐЫРÐÐÐÐÐ ÐÐÐÐ ÐÐ ÐÐСЬ ÐÐÐ ÐÐ (TILDA) ===== --> <div class="ha-wrap"> <div class="ha-accordion" id="ha-accordion"> <div class="ha-item"> <div class="ha-num">01</div> <div class="ha-vertical">Ðидим ÑигналÑ</div> <div class="ha-content"> <div class="ha-title">Ðидим ÑигналÑ</div> <div class="ha-text">СÑиÑÑваем ÑÑнок, аÑдиÑоÑÐ¸Ñ Ð¸ конÑекÑÑ, ÑÑÐ¾Ð±Ñ Ð¿Ð¾Ð½ÑÑÑ, кÑда движеÑÑÑ ÐºÐ°ÑегоÑÐ¸Ñ Ð¸ где Ñ Ð±Ñенда поÑвлÑеÑÑÑ Ð¿ÑеимÑÑеÑÑво.</div> <div class="ha-summary">СигналÑ. СÑенаÑии. ÐÑогнозÑ.</div> </div> </div> <div class="ha-item"> <div class="ha-num">02</div> <div class="ha-vertical">СобиÑаем ÑиÑÑемÑ</div> <div class="ha-content"> <div class="ha-title">СобиÑаем ÑиÑÑемÑ</div> <div class="ha-text">ÐÑевÑаÑаем вводнÑе, гипоÑÐµÐ·Ñ Ð¸ амбиÑии бизнеÑа в ÑÑнÑÑ ÑÑÑаÑегиÑеÑкÑÑ Ð»Ð¾Ð³Ð¸ÐºÑ: ÑÐ¾Ð»Ñ Ð±Ñенда, позиÑиониÑование и коммÑникаÑионнÑÑ Ð¿Ð»Ð°ÑÑоÑмÑ.</div> <div class="ha-summary">Ðез ÑлÑÑайнÑÑ ÑеÑений.</div> </div> </div> <div class="ha-item"> <div class="ha-num">03</div> <div class="ha-vertical">УпÑавлÑем пÑоÑеÑÑом</div> <div class="ha-content"> <div class="ha-title">УпÑавлÑем пÑоÑеÑÑом</div> <div class="ha-text">ÐеÑÑм на ÑÐµÐ±Ñ ÑÐ¾Ð»Ñ Ð±Ñенд-кипеÑа: ÑоединÑем командÑ, подÑÑдÑиков, ÐºÐ°Ð½Ð°Ð»Ñ Ð¸ ÑеÑÐµÐ½Ð¸Ñ Ð² единÑÑ ÑпÑавлÑемÑÑ ÑиÑÑемÑ.</div> <div class="ha-summary">ÐÑозÑаÑно и пÑедÑказÑемо.</div> </div> </div> <div class="ha-item"> <div class="ha-num">04</div> <div class="ha-vertical">РабоÑаем вмеÑÑе</div> <div class="ha-content"> <div class="ha-title">РабоÑаем вмеÑÑе</div> <div class="ha-text">РабоÑаем как ÑаÑÑиÑÐµÐ½Ð½Ð°Ñ ÐºÐ¾Ð¼Ð°Ð½Ð´Ð° клиенÑа â не вмеÑÑо бизнеÑа, а ÑÑдом Ñ Ð½Ð¸Ð¼, ÑÑÐ¸Ð»Ð¸Ð²Ð°Ñ ÑкÑпеÑÑÐ¸Ð·Ñ Ð¸ ÑкоÑоÑÑÑ Ð¿ÑинÑÑÐ¸Ñ ÑеÑений.</div> <div class="ha-summary">Ðдна команда â один ÑезÑлÑÑаÑ.</div> </div> </div> <div class="ha-item"> <div class="ha-num">05</div> <div class="ha-vertical">ÐодклÑÑаем ÑÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ð¸</div> <div class="ha-content"> <div class="ha-title">ÐодклÑÑаем ÑÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ð¸</div> <div class="ha-text">ÐÑполÑзÑем AI, data, automation, retail media и ÑобÑÑвеннÑе ÑкÑпеÑименÑалÑнÑе инÑÑÑÑменÑÑ Ð´Ð»Ñ Ð¿ÑовеÑки гипоÑез, ÑкоÑоÑÑи и ÑоÑноÑÑи ÑеÑений.</div> <div class="ha-summary">Ð¢ÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ð¸ на ÑлÑжбе идеи.</div> </div> </div> </div> </div> <style> 787 /* ===== ÐÐÐРТÐÐ ÐÐ ÐÐСЬ ÐÐÐ ÐÐ ===== */ 788 .ha-wrap { 789 --ha-padding: 40px; 790 width: 100vw; 791 height: 70vh; 792 position: relative; 793 left: 50%; 794 right: 50%; 795 margin-left: -50vw; 796 margin-right: -50vw; 797 display: flex; 798 align-items: center; 799 justify-content: center; 800 padding: var(--ha-padding); 801 box-sizing: border-box; 802 overflow: hidden; 803 } 804 805 /* ===== ÐÐСТРÐÐÐÐ ÐÐÐÐÐ ÐÐÐÐÐ ===== */ 806 #ha-accordion { 807 --ha-bg: transparent; 808 --ha-border: #000; 809 --ha-text: #000; 810 --ha-radius: 14px; 811 --ha-gap: 16px; 812 --ha-collapsed: 120px; 813 --ha-anim: 0.55s cubic-bezier(0.4,0,0.2,1); 814 815 /* ð ÐÐÐЫРÐÐСТРÐÐÐÐÐÐЫРÐТСТУÐЫ */ 816 --ha-num-gap: 26px; /* ð оÑÑÑÑп ЦÐФРРâ ÐÐÐÐÐÐÐÐÐ (деÑкÑоп) */ 817 --ha-text-gap: 16px; /* ð оÑÑÑÑп ÐÐÐÐÐÐÐÐÐ â ТÐÐСТ */ 818 --ha-summary-gap: 20px; /* ð оÑÑÑÑп ТÐÐСТ â SUMMARY (мобилка, в поÑоке) */ 819 820 display: flex; 821 gap: var(--ha-gap); 822 width: 100%; 823 height: 100%; 824 box-sizing: border-box; 825 font-family:'Onest',Arial,sans-serif; 826 } 827 #ha-accordion * { box-sizing: border-box; } 828 829 #ha-accordion .ha-item { 830 flex: 0 0 var(--ha-collapsed); 831 position: relative; 832 border: 1px solid var(--ha-border); 833 border-radius: var(--ha-radius); 834 padding: 28px; 835 cursor: pointer; 836 overflow: hidden; 837 transition: flex var(--ha-anim), padding var(--ha-anim); 838 color: var(--ha-text); 839 background: var(--ha-bg); 840 } 841 #ha-accordion .ha-item.ha-active { 842 flex: 1 1 auto; 843 cursor: default; 844 } 845 846 #ha-accordion .ha-item:not(.ha-active):hover { 847 flex-basis: 165px; 848 } 849 850 #ha-accordion .ha-num { 851 font-size: 48px; 852 font-weight: 900; 853 line-height: 1; 854 } 855 856 #ha-accordion .ha-content { 857 opacity: 0; 858 max-height: 0; 859 overflow: hidden; 860 transition: opacity var(--ha-anim); 861 } 862 #ha-accordion .ha-item.ha-active .ha-content { 863 opacity: 1; 864 max-height: 1000px; 865 transition-delay: 0.2s; 866 } 867 868 #ha-accordion .ha-title { 869 margin-top: var(--ha-num-gap); /* ð ÑепеÑÑ Ð½Ð°ÑÑÑаиваеÑÑÑ ÑеÑез пеÑеменнÑÑ */ 870 font-size: 20px; 871 font-weight: 900; 872 letter-spacing: 1px; 873 text-transform: uppercase; 874 white-space: nowrap; 875 } 876 #ha-accordion .ha-text { 877 margin-top: var(--ha-text-gap); 878 font-size: 20px; 879 line-height: 1.5; 880 max-width: 520px; 881 } 882 #ha-accordion .ha-summary { 883 position: absolute; 884 bottom: 28px; 885 left: 28px; 886 font-size: 16px; 887 opacity: 1; 888 font-weight: 700; 889 } 890 #ha-accordion .ha-vertical { 891 position: absolute; 892 bottom: 28px; 893 left: 50%; 894 transform: translateX(-50%) rotate(180deg); 895 writing-mode: vertical-rl; 896 font-size: 20px; 897 font-weight: 900; 898 letter-spacing: 1px; 899 text-transform: uppercase; 900 white-space: nowrap; 901 transition: opacity 0.25s; 902 } 903 #ha-accordion .ha-item.ha-active .ha-vertical { 904 opacity: 0; 905 pointer-events: none; 906 } 907 908 /* ===== ÐÐÐСÐÐÐÐÐ "ÐÐÐÐÐ" ===== */ 909 #ha-accordion .ha-item.ha-hint { 910 animation: haHintNudge 0.9s cubic-bezier(0.4,0,0.2,1); 911 } 912 @keyframes haHintNudge { 913 0% { flex-basis: var(--ha-collapsed); } 914 45% { flex-basis: 165px; } 915 100% { flex-basis: var(--ha-collapsed); } 916 } 917 918 /* ============================================================= */ 919 /* ===== ÐÐÐÐÐЬÐÐЯ ÐÐРСÐЯ (ÐСÐÐ ÐÐÐÐÐÐ) ===== */ 920 /* ============================================================= */ 921 @media (max-width: 768px) { 922 .ha-wrap { 923 --ha-padding: 10px; 924 height: auto; 925 min-height: auto; /* ð ÑбÑал жÑÑÑкий 100vh â вÑÑоÑа по конÑенÑÑ */ 926 } 927 #ha-accordion { 928 flex-direction: column; 929 height: auto; /* ð вÑÑоÑа по конÑенÑÑ, а не 100% */ 930 931 --ha-num-gap: 18px; /* ð оÑÑÑÑп ÑиÑÑаâзаголовок (мобилка) */ 932 } 933 934 #ha-accordion .ha-item { 935 flex: 0 0 auto; /* ð вÑÑоÑа по ÑодеÑÐ¶Ð¸Ð¼Ð¾Ð¼Ñ */ 936 min-height: 80px; 937 overflow: visible; /* ð ÑазÑеÑаем конÑенÑÑ Ð·Ð°Ð½Ð¸Ð¼Ð°ÑÑ Ð¼ÐµÑÑо */ 938 } 939 #ha-accordion .ha-item.ha-active { 940 flex: 0 0 auto; 941 min-height: auto; 942 } 943 944 #ha-accordion .ha-item:not(.ha-active):hover { 945 flex-basis: auto; 946 } 947 948 /* ð SUMMARY â Ð ÐÐТÐÐÐ, ÐÐ absolute â не Ð½Ð°ÐµÐ·Ð¶Ð°ÐµÑ Ð½Ð° ÑекÑÑ */ 949 #ha-accordion .ha-summary { 950 position: static; /* ð главное иÑпÑавление наезда */ 951 bottom: auto; 952 left: auto; 953 margin-top: var(--ha-summary-gap); /* оÑÑÑÑп Ð¾Ñ ÑекÑÑа */ 954 display: block; 955 } 956 957 /* ð VERTICAL â гоÑизонÑалÑно + ÐÐÐ ÐÐÐС ÑÑÑок */ 958 #ha-accordion .ha-vertical { 959 writing-mode: horizontal-tb; 960 transform: none; 961 position: static; /* ð в поÑоке, ÑÑдом Ñ ÑиÑÑой */ 962 bottom: auto; 963 top: auto; 964 left: auto; 965 white-space: normal; /* ð Ð ÐÐÐ ÐШÐÐÐ ÐÐÐ ÐÐÐС длиннÑÑ ÑÑаз */ 966 margin-top: 12px; /* оÑÑÑÑп Ð¾Ñ ÑиÑÑÑ Ð´Ð¾ веÑÑикалÑного заголовка */ 967 font-size: 22px; 968 line-height: 1.2; 969 } 970 971 /* вÑÑоÑа "кивка" на мобилке оÑклÑÑаем (вÑÑоÑа ÑепеÑÑ Ð¿Ð¾ конÑенÑÑ) */
972 @keyframes haHintNudge { 973 0% { transform: translateX(0); } 974 45% { transform: translateX(6px); } 975 100% { transform: translateX(0); } 976 } 977 } 978</style>
978<script> 979 (function() { 980 var acc = document.getElementById('ha-accordion'); 981 if (!acc) return; 982 983 var all = acc.querySelectorAll('.ha-item'); 984 985 acc.addEventListener('click', function(e) { 986 var item = e.target.closest('.ha-item'); 987 if (!item || item.classList.contains('ha-active')) return; 988 for (var i = 0; i < all.length; i++) all[i].classList.remove('ha-active'); 989 item.classList.add('ha-active'); 990 }); 991 992 var hintDone = false; 993 994 var observer = new IntersectionObserver(function(entries) { 995 entries.forEach(function(entry) { 996 if (entry.isIntersecting && !hintDone) { 997 hintDone = true; 998 999 setTimeout(function() { 1000 all[0].classList.add('ha-active'); 1001 }, 400); 1002 1003 setTimeout(function() { 1004 if (all[1]) all[1].classList.add('ha-hint'); 1005 if (all[2]) all[2].classList.add('ha-hint'); 1006 1007 setTimeout(function() { 1008 if (all[1]) all[1].classList.remove('ha-hint'); 1009 if (all[2]) all[2].classList.remove('ha-hint'); 1010 }, 1000); 1011 }, 1400); 1012 1013 observer.unobserve(acc); 1014 } 1015 }); 1016 }, { 1017 threshold: 0.4 1018 }); 1019 1020 observer.observe(acc); 1021 })(); 1022</script>
1022 <!-- nominify end --> </div> </div> </div> </div> <div id="rec2509978101" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec2509978101 .t396__artboard{height:120px;background-color:#ffc300;}#rec2509978101 .t396__filter{height:120px;}#rec2509978101 .t396__carrier{height:120px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec2509978101 .t396__artboard,#rec2509978101 .t396__filter,#rec2509978101 .t396__carrier{}#rec2509978101 .t396__filter{}#rec2509978101 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec2509978101 .t396__artboard,#rec2509978101 .t396__filter,#rec2509978101 .t396__carrier{}#rec2509978101 .t396__filter{}#rec2509978101 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec2509978101 .t396__artboard,#rec2509978101 .t396__filter,#rec2509978101 .t396__carrier{}#rec2509978101 .t396__filter{}#rec2509978101 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec2509978101 .t396__artboard,#rec2509978101 .t396__filter,#rec2509978101 .t396__carrier{}#rec2509978101 .t396__filter{}#rec2509978101 .t396__carrier{background-attachment:scroll;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="2509978101" data-artboard-screens="320,480,640,960,1200" data-artboard-height="120" data-artboard-valign="center" data-artboard-upscale="grid"> <div class="t396__carrier" data-artboard-recid="2509978101"></div> <div class="t396__filter" data-artboard-recid="2509978101"></div> </div> </div>
1022<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('2509978101');});});</script>
1022 <!-- /T396 --> </div> <div id="rec2509966201" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px;background-color:#f9f9f9; " data-animationappear="off" data-record-type="396" data-bg-color="#f9f9f9"> <!-- T396 --> <style>#rec2509966201 .t396__artboard{height:186px;background-color:#ffc300;overflow:visible;}#rec2509966201 .t396__filter{height:186px;}#rec2509966201 .t396__carrier{height:186px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec2509966201 .t396__artboard,#rec2509966201 .t396__filter,#rec2509966201 .t396__carrier{height:246px;}#rec2509966201 .t396__filter{}#rec2509966201 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec2509966201 .t396__artboard,#rec2509966201 .t396__filter,#rec2509966201 .t396__carrier{height:215px;}#rec2509966201 .t396__filter{}#rec2509966201 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec2509966201 .t396__artboard,#rec2509966201 .t396__filter,#rec2509966201 .t396__carrier{height:230px;}#rec2509966201 .t396__filter{}#rec2509966201 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec2509966201 .t396__artboard,#rec2509966201 .t396__filter,#rec2509966201 .t396__carrier{height:330px;}#rec2509966201 .t396__filter{}#rec2509966201 .t396__carrier{background-attachment:scroll;}}#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"]{color:#020202;z-index:3;top:0px;left:20px;width:auto;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#020202;font-size:40px;font-family:var(--t-text-font,Arial);line-height:1.25;font-weight:900;text-transform:uppercase;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"]{display:table;left:10px;width:auto;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"]{display:table;top:20px;width:auto;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{white-space:nowrap;font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"]{display:table;top:20px;width:auto;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:479px){#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"]{display:table;top:20px;width:auto;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{white-space:nowrap;background-size:cover;}}#rec2509966201 .tn-elem[data-elem-id="1785176816389"]{color:#000000;z-index:3;top:0px;left:calc(50% - 600px + 610px);width:572px;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1785176816389"] .tn-atom{vertical-align:middle;color:#000000;font-size:20px;font-family:var(--t-headline-font,Arial);line-height:1.55;font-weight:500;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2509966201 .tn-elem[data-elem-id="1785176816389"]{display:table;top:-2px;left:calc(50% - 480px + 490px);width:461px;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1785176816389"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec2509966201 .tn-elem[data-elem-id="1785176816389"]{display:table;top:90px;left:10px;width:540px;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1785176816389"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px){#rec2509966201 .tn-elem[data-elem-id="1785176816389"]{display:table;top:80px;width:461px;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1785176816389"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:479px){#rec2509966201 .tn-elem[data-elem-id="1785176816389"]{display:table;top:80px;width:94%;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1785176816389"] .tn-atom{white-space:normal;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="2509966201" data-artboard-screens="320,480,640,960,1200" data-artboard-height="186" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-ovrflw="visible" data-artboard-heightmode="hug" data-artboard-height-res-320="330" data-artboard-height-res-480="230" data-artboard-height-res-640="215" data-artboard-height-res-960="246"> <div class="t396__carrier" data-artboard-recid="2509966201"></div> <div class="t396__filter" data-artboard-recid="2509966201"></div> <div class='t396__elem tn-elem text-slogan tn-elem__25099662011783
1022010660914000001' data-elem-id='1783010660914000001' data-elem-type='text' data-field-top-value="0" data-field-left-value="20" data-field-height-value="50" data-field-width-value="164" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autowidth" data-field-fontsize-value="40" data-field-top-res-320-value="20" data-field-left-res-320-value="10" data-field-width-res-320-value="98" data-field-top-res-480-value="20" data-field-left-res-480-value="10" data-field-top-res-640-value="20" data-field-left-res-640-value="10" data-field-width-res-640-value="98" data-field-fontsize-res-640-value="24" data-field-left-res-960-value="10"> <div class='tn-atom'field='tn_text_1783010660914000001'>УСÐУÐÐ</div> </div> <div class='t396__elem tn-elem tn-elem__25099662011785176816389' data-elem-id='1785176816389' data-elem-type='text' data-field-top-value="0" data-field-left-value="610" data-field-height-value="186" data-field-width-value="572" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fixed" data-field-fontsize-value="20" data-field-top-res-320-value="80" data-field-left-res-320-value="10" data-field-width-res-320-value="94" data-field-widthunits-res-320-value="%" data-field-top-res-480-value="80" data-field-left-res-480-value="10" data-field-width-res-480-value="461" data-field-top-res-640-value="90" data-field-left-res-640-value="10" data-field-height-res-640-value="125" data-field-width-res-640-value="540" data-field-container-res-640-value="window" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="-2" data-field-left-res-960-value="490" data-field-width-res-960-value="461" data-field-widthmode-res-960-value="fixed"> <div class='tn-atom'field='tn_text_1785176816389'>ÐаÑи ÑÑлÑги обÑединÑÑÑ Ð²Ñе инÑÑÑÑменÑÑ ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð±Ñендом в единÑÑ ÑиÑÑÐµÐ¼Ñ â Ð¾Ñ ÑÑÑаÑегии и кÑеаÑивной идеи до ÑеÑ
нологий, пÑодакÑена и конÑÑÐ¾Ð»Ñ ÑезÑлÑÑаÑа. ÐÑ Ð¿Ð¾Ð¼Ð¾Ð³Ð°ÐµÐ¼ бÑендам наÑ
одиÑÑ ÑоÑное напÑавление, говоÑиÑÑ Ñ Ð°ÑдиÑоÑией на понÑÑном ÑзÑке и ÑвеÑенно дейÑÑвоваÑÑ Ð² ÑÑловиÑÑ
неопÑеделÑнноÑÑи.</div> </div> </div> </div>
1022<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('2509966201');});});</script>
1022 <!-- /T396 --> </div> <div id="rec2513510501" class="r t-rec t-rec_pt_30 t-rec_pt-res-480_0 t-rec_pb_0 t-rec_pb-res-480_0" style="padding-top:30px;padding-bottom:0px;background-color:#ffc300; " data-animationappear="off" data-record-type="396" data-bg-color="#ffc300"> <!-- T396 --> <style>#rec2513510501 .t396__artboard{height:40px;background-color:#ffc300;}#rec2513510501 .t396__filter{height:40px;}#rec2513510501 .t396__carrier{height:40px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec2513510501 .t396__artboard,#rec2513510501 .t396__filter,#rec2513510501 .t396__carrier{}#rec2513510501 .t396__filter{}#rec2513510501 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec2513510501 .t396__artboard,#rec2513510501 .t396__filter,#rec2513510501 .t396__carrier{}#rec2513510501 .t396__filter{}#rec2513510501 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec2513510501 .t396__artboard,#rec2513510501 .t396__filter,#rec2513510501 .t396__carrier{}#rec2513510501 .t396__filter{}#rec2513510501 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec2513510501 .t396__artboard,#rec2513510501 .t396__filter,#rec2513510501 .t396__carrier{}#rec2513510501 .t396__filter{}#rec2513510501 .t396__carrier{background-attachment:scroll;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="2513510501" data-artboard-screens="320,480,640,960,1200" data-artboard-height="40" data-artboard-valign="center" data-artboard-upscale="grid"> <div class="t396__carrier" data-artboard-recid="2513510501"></div> <div class="t396__filter" data-artboard-recid="2513510501"></div> </div> </div>
1022<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('2513510501');});});</script>
1022 <!-- /T396 --> </div> <div id="rec3156143501" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- ============================================ 1023 ТÐÐÐÐЦÐ-ÐÐÐÐÐ ÐÐÐÐ â HTML-блок T123 1024 ФикÑиÑованнÑе ÑазмеÑÑ (px), без vw-ÑкалиÑÐ¾Ð²Ð°Ð½Ð¸Ñ 1025 ============================================ --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Onest:wght@500;900&display=swap" rel="stylesheet"> <div id="servicesSection"> <div id="servicesTable"></div> </div> <style> 1026 /* ============================================================ 1027 âï¸ ÐÐСТРÐÐÐÐ â ÐÐÐЯÐТРÐÐÐСЬ 1028 ------------------------------------------------------------ 1029 ÐÑе клÑÑевÑе паÑамеÑÑÑ Ð²ÑнеÑÐµÐ½Ñ Ð² CSS-пеÑеменнÑе. 1030 ÐÑавÑÑе знаÑÐµÐ½Ð¸Ñ ÑÑÑ â они пÑименÑÑÑÑ ÐºÐ¾ вÑÐµÐ¼Ñ Ð±Ð»Ð¾ÐºÑ. 1031 ============================================================ */ 1032 #servicesSection { 1033 /* ÐТСТУÐЫ ÐÐ ÐÐ ÐЯР*/ 1034 --pad-side: 20px; /* ð боковой оÑÑÑÑп (деÑкÑоп) */ 1035 1036 /* ШРÐФТЫ */ 1037 --font-family: 'Onest', Arial, Helvetica, sans-serif; /* ð ÑÑиÑÑ */ 1038 --title-size: 20px; /* ð ÑÐ°Ð·Ð¼ÐµÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° гÑÑÐ¿Ð¿Ñ */ 1039 --title-weight: 900; /* ð ÑолÑина заголовка (900 = Black) */ 1040 --item-size: 20px; /* ð ÑÐ°Ð·Ð¼ÐµÑ ÑекÑÑа ÑÑлÑги/опиÑÐ°Ð½Ð¸Ñ */ 1041 --item-weight: 500; /* ð ÑолÑина ÑекÑÑа (500 = Medium) */ 1042 --item-lh: 1.55; /* ð межÑÑÑоÑнÑй инÑеÑвал ÑекÑÑа */ 1043 1044 /* ÐÐÐÐÐ */ 1045 --line-thick: 1px; /* ð ÑолÑина жиÑной линии (гÑаниÑÑ Ð³ÑÑппÑ) */ 1046 --line-thin: 1px; /* ð ÑолÑина Ñонкой линии (Ð¼ÐµÐ¶Ð´Ñ ÑÑлÑгами) */ 1047 --line-color: #000; /* ð ÑÐ²ÐµÑ Ð»Ð¸Ð½Ð¸Ð¹ */ 1048 1049 /* ЦÐÐТР*/ 1050 --text-color: #000; /* ð ÑÐ²ÐµÑ ÑекÑÑа */ 1051 --bg-color: #FFC300; /* ð Ñон блока */ 1052 1053 /* ÐТСТУÐЫ ÐÐУТРР(веÑÑикалÑнÑе паддинги ÑÑÑок) */ 1054 --head-pad: 20px; /* ð паддинг Ñапки гÑÑÐ¿Ð¿Ñ (веÑÑ /низ) */ 1055 --item-pad: 20px; /* ð паддинг ÑÑÑоки ÑÑлÑги (веÑÑ /низ) */ 1056 --col-gap: 40px; /* ð пÑомежÑÑок Ð¼ÐµÐ¶Ð´Ñ ÐºÐ¾Ð»Ð¾Ð½ÐºÐ°Ð¼Ð¸ */ 1057 1058 /* ÐÐÐÐÐÐ +/â */ 1059 --icon-size: 20px; /* ð ÑÐ°Ð·Ð¼ÐµÑ Ð¸ÐºÐ¾Ð½ÐºÐ¸ */ 1060 --icon-bar: 2px; /* ð ÑолÑина палоÑек иконки */ 1061 } 1062 1063 /* ===================== ÐÐÐШÐЯЯ СÐÐЦÐЯ ===================== */ 1064 #servicesSection { 1065 width: 100%; 1066 background: var(--bg-color); 1067 box-sizing: border-box; 1068 padding-left: var(--pad-side); 1069 padding-right: var(--pad-side); 1070 } 1071 #servicesSection * { 1072 box-sizing: border-box; 1073 margin: 0; 1074 padding: 0; 1075 } 1076 1077 #servicesTable { 1078 width: 100%; 1079 color: var(--text-color); 1080 font-family: var(--font-family); 1081 font-weight: 500; 1082 } 1083 1084 /* ===================== ÐРУÐÐÐ (2 ÐÐÐÐÐÐÐ) ===================== */ 1085 #servicesTable .service-group { 1086 display: grid; 1087 grid-template-columns: 1fr 1fr; /* ð две ÑавнÑе колонки */ 1088 column-gap: var(--col-gap); 1089 border-top: var(--line-thick) solid var(--line-color); 1090 align-items: start; 1091 } 1092 #servicesTable .service-group:last-child { 1093 border-bottom: var(--line-thick) solid var(--line-color); 1094 } 1095 1096 /* ÐÐµÐ²Ð°Ñ ÐºÐ¾Ð»Ð¾Ð½ÐºÐ° â название (Ñапка) */ 1097 #servicesTable .service-head { 1098 display: flex; 1099 align-items: center; 1100 justify-content: space-between; 1101 gap: 16px;
1101 /* ð Ð·Ð°Ð·Ð¾Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº â иконка */ 1102 padding: var(--head-pad) 0; 1103 cursor: pointer; 1104 user-select: none; 1105 } 1106 #servicesTable .service-title { 1107 font-family: var(--font-family); 1108 font-weight: var(--title-weight); 1109 font-size: var(--title-size); 1110 line-height: 1.25; /* ð межÑÑÑоÑнÑй заголовка */ 1111 text-transform: uppercase; /* ð ÐÐÐС (ÑбÑаÑÑ = none) */ 1112 letter-spacing: 0.5px; /* ð ÑазÑÑдка бÑкв */ 1113 } 1114 1115 /* Ðконка +/â */ 1116 #servicesTable .service-icon { 1117 position: relative; 1118 flex: 0 0 auto; 1119 width: var(--icon-size); 1120 height: var(--icon-size); 1121 } 1122 #servicesTable .service-icon::before, 1123 #servicesTable .service-icon::after { 1124 content: ""; 1125 position: absolute; 1126 top: 50%; 1127 left: 50%; 1128 background: var(--line-color); 1129 transition: transform 0.35s ease, opacity 0.35s ease; /* ð ÑкоÑоÑÑÑ Ð¸ÐºÐ¾Ð½ÐºÐ¸ */ 1130 } 1131 #servicesTable .service-icon::before { 1132 width: var(--icon-size); height: var(--icon-bar); /* гоÑизонÑалÑÐ½Ð°Ñ Ð¿Ð°Ð»Ð¾Ñка */ 1133 transform: translate(-50%, -50%); 1134 } 1135 #servicesTable .service-icon::after { 1136 width: var(--icon-bar); height: var(--icon-size); /* веÑÑикалÑÐ½Ð°Ñ Ð¿Ð°Ð»Ð¾Ñка */ 1137 transform: translate(-50%, -50%); 1138 } 1139 #servicesTable .service-group.is-open .service-icon::after { 1140 transform: translate(-50%, -50%) rotate(90deg); 1141 opacity: 0; 1142 } 1143 1144 /* ===================== ÐÐ ÐÐÐЯ ÐÐÐÐÐÐÐ (Ñело) ===================== */ 1145 #servicesTable .service-body { 1146 display: grid; 1147 grid-template-rows: 0fr; 1148 transition: grid-template-rows 0.4s ease; /* ð ÑкоÑоÑÑÑ ÑаÑкÑÑÑÐ¸Ñ */ 1149 } 1150 #servicesTable .service-group.is-open .service-body { 1151 grid-template-rows: 1fr; 1152 } 1153 #servicesTable .service-items { 1154 overflow: hidden; 1155 display: flex; 1156 flex-direction: column; 1157 } 1158 1159 /* ÐÐ»Ð¾Ð¶ÐµÐ½Ð½Ð°Ñ ÑÑлÑга / ÑекÑÑ Ð¾Ð¿Ð¸ÑÐ°Ð½Ð¸Ñ */ 1160 #servicesTable .service-item { 1161 padding: var(--item-pad) 0; 1162 font-family: var(--font-family); 1163 font-weight: var(--item-weight); 1164 font-size: var(--item-size); 1165 line-height: var(--item-lh); 1166 border-bottom: var(--line-thin) solid var(--line-color); 1167 white-space: pre-line; /* ð ÑÐ¾Ñ ÑанÑÐµÑ Ð¿ÐµÑеноÑÑ ÑÑÑок из ÑекÑÑа */ 1168 opacity: 0; 1169 transform: translateY(8px); 1170 transition: opacity 0.35s ease, transform 0.35s ease; 1171 } 1172 #servicesTable .service-group.is-open .service-item { 1173 opacity: 1; 1174 transform: translateY(0); 1175 } 1176 #servicesTable .service-item:last-child { 1177 border-bottom: none; 1178 } 1179 1180 #servicesTable .service-item.is-link { cursor: pointer; } 1181 #servicesTable .service-item.is-link:hover { 1182 opacity: 0.55; 1183 transform: translateX(6px); 1184 } 1185 1186 /* ===================== ÐÐÐÐÐЦÐЯ ÐÐЯÐÐÐÐÐЯ ===================== */ 1187 #servicesTable .service-group { 1188 opacity: 0; 1189 transform: translateY(24px); 1190 transition: opacity 0.6s ease, transform 0.6s ease; /* ð ÑкоÑоÑÑÑ Ð¿Ð¾ÑÐ²Ð»ÐµÐ½Ð¸Ñ */ 1191 } 1192 #servicesTable .service-group.is-visible { 1193 opacity: 1; 1194 transform: translateY(0); 1195 } 1196 1197 /* ===================== ÐÐÐÐÐЬÐЫР(1 колонка) ===================== */ 1198 /* ð ÐÑÐµÐ¹ÐºÐ¿Ð¾Ð¸Ð½Ñ Ð¼Ð¾Ð±Ð¸Ð»Ñной веÑÑии */ 1199 @media screen and (max-width: 600px) { 1200 #servicesSection { 1201 --pad-side: 20px; /* ð боковой оÑÑÑÑп (мобилка) = 20px */ 1202 --title-size: 16px; /* ð заголовок на мобилке */ 1203 --item-size: 16px; /* ð ÑекÑÑ Ð½Ð° мобилке */ 1204 --head-pad: 14px; /* ð паддинг Ñапки на мобилке */ 1205 --item-pad: 14px; /* ð паддинг ÑÑÑоки на мобилке */ 1206 --icon-size: 16px; /* ð иконка на мобилке */ 1207 } 1208 #servicesTable .service-group { 1209 grid-template-columns: 1fr; /* одна колонка */ 1210 column-gap: 0; 1211 } 1212 } 1213</style>
1213<script> 1214 const ONLY_ONE_OPEN = false; // пÑнкÑÑ Ð½Ðµ закÑÑваÑÑÑÑ Ñами 1215 //const OPEN_FIRST = true; // пеÑвÑй ÑаÑкÑÑваеÑÑÑ Ð¿Ñи пÑокÑÑÑке 1216 1217 const servicesData = [ 1218 { 1219 title: "01 ÐÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ Ð¸ аналиÑика", 1220 items: [ 1221 "ÐÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ ÑÑнка, каÑегоÑии и аÑдиÑоÑии", 1222 "Ðнализ конкÑÑенÑов и кÑлÑÑÑÑного конÑекÑÑа", 1223 "ÐÑÐ´Ð¸Ñ Ð±Ñенда и коммÑникаÑий", 1224 "Ðнализ ÑÑендов и ÑÑноÑнÑÑ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ð¹", 1225 "ÐоиÑк инÑайÑов и ÑоÑек ÑазвиÑÐ¸Ñ Ð±Ñенда", 1226 "ФоÑмиÑование ÑÑенаÑиев и пÑогнозов"] 1227 }, 1228 { 1229 title: "02 ÐÑенд-ÑиÑÑема", 1230 items: [ "ÐозиÑиониÑование и бÑенд-плаÑÑоÑма", 1231 "ÐÑенд-аÑÑ Ð¸ÑекÑÑÑа и пÑодÑкÑовÑй поÑÑÑелÑ", 1232 "ЦенноÑÑи, Ñ Ð°ÑакÑÐµÑ Ð¸ ÑоналÑноÑÑÑ Ð±Ñенда", 1233 "Ðейминг, логоÑип и визÑалÑÐ½Ð°Ñ Ð¸Ð´ÐµÐ½ÑиÑноÑÑÑ", 1234 "Ðизайн-ÑиÑÑема, бÑендбÑк и пÑавила пÑименениÑ", 1235 "ÐÑÑÑ ÐºÐ»Ð¸ÐµÐ½Ñа и ÑиÑÑема ÑоÑек конÑакÑа", 1236 "ÐоммÑникаÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÑÑаÑегиÑ"] 1237 }, 1238 { 1239 title: "03 ÐÑеаÑив и кампании", 1240 items: ["ÐолÑÑÐ°Ñ Ð¸Ð´ÐµÑ Ð¸ кÑеаÑÐ¸Ð²Ð½Ð°Ñ Ð¿Ð»Ð°ÑÑоÑма", 1241 "ÐнÑегÑиÑованнÑе кампании 360°", 1242 "Ð¡Ð»Ð¾Ð³Ð°Ð½Ñ Ð¸ кÑеаÑивнÑе конÑепÑии", 1243 "СÑенаÑии и копиÑайÑинг Ð´Ð»Ñ Ð²ÑÐµÑ ÑоÑмаÑов", 1244 "ÐлÑÑевÑе визÑалÑнÑе обÑÐ°Ð·Ñ Ð¸ аÑÑ-диÑекÑн", 1245 "ÐкÑиваÑии и ÑпеÑиалÑнÑе пÑоекÑÑ", 1246 "РазÑабоÑка конÑенÑа Ð´Ð»Ñ e-commerce"] 1247 }, 1248 { 1249 title: "04 ÐонÑÐµÐ½Ñ Ð¸ влиÑние", 1250 items: ["ÐонÑенÑ-ÑÑÑаÑÐµÐ³Ð¸Ñ Ð¸ ÑедакÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑиÑÑема", 1251 "ÐомÑÑниÑи-Ð¼ÐµÐ½ÐµÐ´Ð¶Ð¼ÐµÐ½Ñ Ð¸ вовлеÑение аÑдиÑоÑии", 1252 "РабоÑа Ñ Ð°Ð²ÑоÑами и лидеÑами мнений", 1253 "Social listening и анализ Ñпоминаний бÑенда", 1254 "Orm 360° и ÑпÑавление ÑепÑÑаÑией"] 1255 }, 1256 { 1257 title: "05 ЦиÑÑовÑе ÑеÑÐµÐ½Ð¸Ñ Ð¸ ÑÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ð¸", 1258 items: ["СÑÑаÑÐµÐ³Ð¸Ñ ÑиÑÑового опÑÑа", 1259 "UX- и UI-дизайн", 1260 "СайÑÑ Ð¸ поÑадоÑнÑе ÑÑÑаниÑÑ", 1261 "ЦиÑÑовÑе плаÑÑоÑÐ¼Ñ Ð¸ ÑкоÑиÑÑемÑ", 1262 "ЧаÑ-боÑÑ Ð¸ диалоговÑе инÑеÑÑейÑÑ", 1263 "ÐвÑомаÑизаÑÐ¸Ñ Ð¿ÑоÑеÑÑов и пÑоизводÑÑва конÑенÑа", 1264 "ÐаннÑе, аналиÑиÑеÑкие панели и оÑÑÑÑноÑÑÑ"] 1265 }, 1266 { 1267 title: "06 ÐÑодакÑн", 1268 items: ["Ðидео- и ÑоÑопÑоизводÑÑво", 1269 "Digital пÑоизводÑÑво", 1270 "ÐÑаÑиÑеÑкий дизайн", 1271 "ÐнимаÑÐ¸Ñ Ð¸ моÑÑн-дизайн, 3D, CGI и ÑеÑÑÑÑ", 1272 "ÐдапÑаÑÐ¸Ñ Ð¸ локализаÑÐ¸Ñ Ð¼Ð°ÑеÑиалов", 1273 "ФабÑика (поÑоÑное Ñоздание) конÑенÑа", 1274 "ÐРпÑодÑÑиÑование"] 1275 }, 1276 { 1277 title: "07 УпÑавление бÑендом", 1278 items: ["Ðдиное ÑпÑавление коммÑникаÑиÑми бÑенда", 1279 "Ðедение кампаний Ð¾Ñ Ð¿Ð¾ÑÑановки задаÑи до запÑÑка", 1280 "ÐооÑдинаÑÐ¸Ñ Ð²Ð½ÐµÑÐ½Ð¸Ñ ÐºÐ¾Ð¼Ð°Ð½Ð´, агенÑÑÑв и подÑÑдÑиков", 1281 "ÐонÑÑÐ¾Ð»Ñ ÐºÐ°ÑеÑÑва и ÑоблÑÐ´ÐµÐ½Ð¸Ñ ÑÑандаÑÑов бÑенда", 1282 "УпÑавление пÑоизводÑÑвеннÑми пÑоÑеÑÑами и ÑÑоками", 1283 "ÐоÑÑоÑнное ÑазвиÑие и ÑопÑовождение бÑенда"] 1284 } 1285 ]; 1286
1287 function renderServicesTable() { 1288 const table = document.getElementById("servicesTable"); 1289 if (!table) return; 1290 table.innerHTML = ""; 1291 1292 servicesData.forEach(function(group) { 1293 const groupEl = document.createElement("div"); 1294 groupEl.className = "service-group"; 1295 1296 const headEl = document.createElement("div"); 1297 headEl.className = "service-head"; 1298 const titleEl = document.createElement("div"); 1299 titleEl.className = "service-title"; 1300 titleEl.textContent = group.title; 1301 const iconEl = document.createElement("div"); 1302 iconEl.className = "service-icon"; 1303 headEl.appendChild(titleEl); 1304 headEl.appendChild(iconEl); 1305 1306 const bodyEl = document.createElement("div"); 1307 bodyEl.className = "service-body"; 1308 const itemsEl = document.createElement("div"); 1309 itemsEl.className = "service-items"; 1310 1311 if (Array.isArray(group.items)) { 1312 group.items.forEach(function(item) { 1313 const itemEl = document.createElement("div"); 1314 itemEl.className = "service-item"; 1315 if (typeof item === "object" && item !== null) { 1316 itemEl.textContent = item.name || ""; 1317 if (item.link) { 1318 itemEl.classList.add("is-link"); 1319 itemEl.setAttribute("data-link", item.link); 1320 } 1321 } else { 1322 itemEl.textContent = item; 1323 } 1324 itemsEl.appendChild(itemEl); 1325 }); 1326 } 1327 1328 bodyEl.appendChild(itemsEl); 1329 groupEl.appendChild(headEl); 1330 groupEl.appendChild(bodyEl); 1331 table.appendChild(groupEl); 1332 1333 headEl.addEventListener("click", function() { toggleGroup(groupEl); }); 1334 }); 1335 1336 setupLinks(); 1337 setupAnimation(); 1338 } 1339 1340 function toggleGroup(groupEl) { 1341 const isOpen = groupEl.classList.contains("is-open"); 1342 if (ONLY_ONE_OPEN && !isOpen) { 1343 document.querySelectorAll("#servicesTable .service-group.is-open") 1344 .forEach(function(g) { g.classList.remove("is-open"); }); 1345 } 1346 groupEl.classList.toggle("is-open", !isOpen); 1347 } 1348 1349 function setupAnimation() { 1350 const groups = document.querySelectorAll("#servicesTable .service-group"); 1351 let firstOpened = false; 1352 1353 function openFirst() { 1354 if (!OPEN_FIRST || firstOpened) return; 1355 const first = groups[0]; 1356 if (first) { 1357 setTimeout(function() { first.classList.add("is-open"); }, 350); 1358 firstOpened = true; 1359 } 1360 } 1361 1362 if (!("IntersectionObserver" in window)) { 1363 groups.forEach(function(g) { g.classList.add("is-visible"); }); 1364 openFirst(); 1365 return; 1366 } 1367 1368 const observer = new IntersectionObserver(function(entries) { 1369 entries.forEach(function(entry) { 1370 if (entry.isIntersecting) { 1371 entry.target.classList.add("is-visible"); 1372 if (entry.target === groups[0]) openFirst(); 1373 observer.unobserve(entry.target); 1374 } 1375 }); 1376 }, { threshold: 0.15 }); 1377 1378 groups.forEach(function(g, i) { 1379 g.style.transitionDelay = (i * 0.08) + "s"; 1380 observer.observe(g); 1381 }); 1382 } 1383 1384 function setupLinks() { 1385 document.querySelectorAll("#servicesTable .service-item.is-link") 1386 .forEach(function(el) { 1387 el.addEventListener("click", function(e) { 1388 e.stopPropagation(); 1389 const link = el.getAttribute("data-link") || ""; 1390 const idx = link.indexOf("#popup:"); 1391 if (idx !== -1) { 1392 const url = link.substring(idx + 7); 1393 if (typeof window.openCasePopup === "function") window.openCasePopup(url); 1394 else window.location.href = url; 1395 return; 1396 } 1397 if (link) window.location.href = link; 1398 }); 1399 }); 1400 } 1401 1402 renderServicesTable(); 1403</script>
1403 <!-- nominify end --> </div> </div> </div> </div> <div id="rec3357670801" class="r t-rec t-rec_pt_30 t-rec_pt-res-480_0 t-rec_pb_0 t-rec_pb-res-480_0" style="padding-top:30px;padding-bottom:0px;background-color:#ffc300; " data-animationappear="off" data-record-type="396" data-bg-color="#ffc300"> <!-- T396 --> <style>#rec3357670801 .t396__artboard{height:40px;background-color:#ffc300;}#rec3357670801 .t396__filter{height:40px;}#rec3357670801 .t396__carrier{height:40px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec3357670801 .t396__artboard,#rec3357670801 .t396__filter,#rec3357670801 .t396__carrier{}#rec3357670801 .t396__filter{}#rec3357670801 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec3357670801 .t396__artboard,#rec3357670801 .t396__filter,#rec3357670801 .t396__carrier{}#rec3357670801 .t396__filter{}#rec3357670801 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec3357670801 .t396__artboard,#rec3357670801 .t396__filter,#rec3357670801 .t396__carrier{}#rec3357670801 .t396__filter{}#rec3357670801 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec3357670801 .t396__artboard,#rec3357670801 .t396__filter,#rec3357670801 .t396__carrier{}#rec3357670801 .t396__filter{}#rec3357670801 .t396__carrier{background-attachment:scroll;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="3357670801" data-artboard-screens="320,480,640,960,1200" data-artboard-height="40" data-artboard-valign="center" data-artboard-upscale="grid"> <div class="t396__carrier" data-artboard-recid="3357670801"></div> <div class="t396__filter" data-artboard-recid="3357670801"></div> </div> </div>
1403<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('3357670801');});});</script>
1403 <!-- /T396 --> </div> <!--footer--> <footer id="t-footer" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="13116951" data-tilda-page-id="184146709" data-tilda-formskey="ac3b280abea444180d0a79e213116951" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-project-country="RU"> <div id="rec2958251101" class="r t-rec t-rec_pt_0 t-rec_pb_0 uc-sticky-footer" style="padding-top:0px;padding-bottom:0px;background-color:#f9f9f9; " data-animationappear="off" data-record-type="396" data-bg-color="#f9f9f9"> <!-- T396 --> <style>#rec2958251101 .t396__artboard{min-height:500px;height:100vh;background-color:#ffffff;overflow:visible;}#rec2958251101 .t396__filter{min-height:500px;height:100vh;}#rec2958251101 .t396__carrier{min-height:500px;height:100vh;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec2958251101 .t396__artboard,#rec2958251101 .t396__filter,#rec2958251101 .t396__carrier{}#rec2958251101 .t396__filter{}#rec2958251101 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec2958251101 .t396__artboard,#rec2958251101 .t396__filter,#rec2958251101 .t396__carrier{}#rec2958251101 .t396__filter{}#rec2958251101 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec2958251101 .t396__artboard,#rec2958251101 .t396__filter,#rec2958251101 .t396__carrier{min-height:340px;}#rec2958251101 .t396__filter{}#rec2958251101 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec2958251101 .t396__artboard,#rec2958251101 .t396__filter,#rec2958251101 .t396__carrier{min-height:620px;}#rec2958251101 .t396__filter{}#rec2958251101 .t396__carrier{background-attachment:scroll;}}#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"]{color:#020202;z-index:3;top:calc(50vh - 250px + 165px);left:calc(50% - 600px + 20px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#020202;font-size:40px;font-family:var(--t-text-font,Arial);line-height:1.25;font-weight:900;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"]{display:table;left:calc(50% - 480px + 10px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"]{display:table;top:75px;left:calc(50% - 320px + 10px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{white-space:nowrap;font-size:32px;background-size:cover;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"]{display:table;top:85px;left:calc(50% - 240px + 10px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"]{display:table;top:135px;left:calc(50% - 160px + 10px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"]{color:#020202;z-index:3;top:calc(50vh + 250px - 30px + -20px);left:calc(50% - 600px + 20px);width:483px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"] .tn-atom{vertical-align:middle;color:#020202;font-size:12px;font-family:var(--t-headline-font,Arial);line-height:1.25;font-weight:500;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"]{display:table;top:calc(500px - 30px + -20px);left:calc(50% - 480px + 10px);width:px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"]{display:table;top:calc(500px - 30px + -20px);left:calc(50% - 320px + 10px);width:300px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"] .tn-atom{white-space:normal;font-size:8px;background-size:cover;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"]{display:table;top:calc(500px - 30px + -12px);left:calc(50% - 240px + 10px);width:221px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"]{display:table;top:calc(500px - 30px + -13px);left:calc(50% - 160px + 10px);width:300px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"] .tn-atom{white-space:normal;background-size:cover;}}#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"]{color:#020202;z-index:3;top:calc(50vh + 250px - 100px + -20px);left:calc(50% - 600px + 820px);width:359px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"] .tn-atom{vertical-align:middle;color:#020202;font-size:16px;font-family:var(--t-headline-font,Arial);line-height:1.25;font-weight:500;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"]{dis
1403play:table;top:calc(500px - 100px + -20px);left:calc(50% - 480px + 570px);width:px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"]{display:table;top:calc(500px - 100px + -20px);left:calc(50% - 320px + 350px);width:280px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"] .tn-atom{white-space:normal;font-size:12px;background-size:cover;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"]{display:table;top:calc(500px - 100px + -10px);left:calc(50% - 240px + 250px);width:220px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"]{display:table;top:calc(500px - 100px + -70px);left:calc(50% - 160px + 10px);width:221px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"] .tn-atom{white-space:normal;background-size:cover;}}#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"]{color:#020202;z-index:3;top:calc(50vh - 250px + 40px);left:calc(50% - 600px + 820px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#020202;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.55;font-weight:900;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"]{display:table;left:calc(50% - 480px + 570px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"]{display:table;top:78px;left:calc(50% - 320px + 350px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"] .tn-atom{white-space:nowrap;font-size:12px;background-size:cover;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"]{display:table;top:90px;left:calc(50% - 240px + 250px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"]{display:table;top:289px;left:calc(50% - 160px + 10px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"]{color:#000000;z-index:3;top:calc(50vh - 250px + 69px);left:calc(50% - 600px + 820px);width:260px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"] .tn-atom{vertical-align:middle;color:#000000;font-size:16px;font-family:var(--t-headline-font,Arial);line-height:1.25;font-weight:500;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"]{display:table;left:calc(50% - 480px + 570px);width:px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"]{display:table;top:101px;left:calc(50% - 320px + 350px);width:167px;height:30px;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"] .tn-atom{vertical-align:middle;white-space:normal;font-size:12px;background-size:cover;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"]{display:table;top:109px;left:calc(50% - 240px + 250px);width:190px;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"]{display:table;top:312px;left:calc(50% - 160px + 10px);width:221px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"]{color:#000000;z-index:3;top:calc(50vh - 250px + 121px);left:calc(50% - 600px + 820px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#000000;font-size:12px;font-family:var(--t-text-font,Arial);line-height:1.25;font-weight:900;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"]{display:table;left:calc(50% - 480px + 570px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"]{display:table;top:143px;left:calc(50% - 320px + 350px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"]{display:table;top:151px;left:calc(50% - 240px + 250px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"]{display:table;top:344px;left:calc(50% - 160px + 10px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"] .tn-atom{white-space:nowrap;background-size:cover;}}#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"]{z-index:3;top:calc(50vh - 0.5px + 50px);left:calc(50% - 592px + 0px);width:1184px;height:1px;}#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"] .tn-atom{border-radius:0px 0px 0px 0px;background-color:#020202;background-position:center center;background-attachment:fixed;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-transform:rotate(348deg);-moz-transform:rotate(348deg);transform:rotate(348deg);}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"]{display:table;
1403top:calc(250px - 0.5px + 60px);left:calc(50% - 480px + 0px);width:960px;}#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"] .tn-atom{background-size:cover;background-attachment:scroll;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"]{display:table;top:calc(250px - 0.5px + 1px);left:calc(50% - 315px + 0px);width:630px;}#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"] .tn-atom{background-size:cover;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"]{display:table;top:calc(250px - 0.5px + 52px);left:calc(50% - 235px + 0px);width:470px;height:1px;}#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"] .tn-atom{background-size:cover;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"]{display:table;top:calc(250px - 0.5px + 94px);left:calc(50% - 155px + 0px);width:310px;height:1px;}#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"] .tn-atom{background-size:cover;}}#rec2958251101 .tn-elem[data-elem-id="1784234070532000002"]{z-index:3;top:calc(50vh - 230px + 0px);left:calc(50% - 0.5px + 1px);width:1px;height:460px;}#rec2958251101 .tn-elem[data-elem-id="1784234070532000002"] .tn-atom{border-radius:0px 0px 0px 0px;background-color:#ffc300;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media (min-width:1200px){#rec2958251101 .tn-elem.t396__elem--anim-hidden[data-elem-id="1784234070532000002"]{opacity:0;}}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000002"]{display:table;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000002"]{display:table;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000002"]{display:table;height:320px;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000002"]{display:table;top:calc(250px - 230px + -27px);left:calc(50% - 0.5px + 81px);height:540px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="2958251101" data-artboard-screens="320,480,640,960,1200" data-artboard-height="500" data-artboard-valign="center" data-artboard-height_vh="100" data-artboard-upscale="window" data-artboard-ovrflw="visible" data-artboard-height-res-320="620" data-artboard-height-res-480="340"> <div class="t396__carrier" data-artboard-recid="2958251101"></div> <div class="t396__filter" data-artboard-recid="2958251101"></div> <div class='t396__elem tn-elem text-slogan tn-elem__29582511011783010660914000001' data-elem-id='1783010660914000001' data-elem-type='text' data-field-top-value="165" data-field-left-value="20" data-field-height-value="150" data-field-width-value="269" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autowidth" data-field-fontsize-value="40" data-field-top-res-320-value="135" data-field-left-res-320-value="10" data-field-height-res-320-value="90" data-field-width-res-320-value="215" data-field-container-res-320-value="grid" data-field-heightunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-textfit-res-320-value="autowidth" data-field-top-res-480-value="85" data-field-left-res-480-value="10" data-field-height-res-480-value="120" data-field-width-res-480-value="215" data-field-container-res-480-value="grid" data-field-heightunits-res-480-value="px" data-field-widthunits-res-480-value="px" data-field-textfit-res-480-value="autowidth" data-field-top-res-640-value="75" data-field-width-res-640-value="215" data-field-fontsize-res-640-value="32" data-field-left-res-960-value="10"> <div class='tn-atom'field='tn_text_1783010660914000001'>ÐÐÐÐÐ, <br />ЧТРÐÐÐÐТЬ. <br /><span style="color: rgb(255, 195, 0);">ÐÐÐСТÐ</span></div> </div> <div class='t396__elem tn-elem tn-elem__29582511011784048372745000001' data-elem-id='1784048372745000001' data-elem-type='text' data-field-top-value="-20" data-field-left-value="20" data-field-height-value="30" data-field-width-value="483" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="12" data-field-top-res-320-value="-13" data-field-width-res-320-value="300" data-field-top-res-480-value="-12" data-field-width-res-480-value="221" data-field-top-res-640-value="-20" data-field-width-res-640-value="300" data-field-fontsize-res-640-value="8" data-field-top-res-960-value="-20" data-field-left-res-960-value="10"> <div class='tn-atom'field='tn_text_1784048372745000001'><strong>© ADWISE.</strong> ÐÑе ÑабоÑÑ, пÑедÑÑавленнÑе на данном ÑайÑе, вÑÐ¿Ð¾Ð»Ð½ÐµÐ½Ñ ÑоÑÑÑдниками Adwise и заÑиÑÐµÐ½Ñ Ð·Ð°ÐºÐ¾Ð½Ð¾Ð´Ð°ÑелÑÑÑвом об авÑоÑÑком пÑаве.</div> </div> <div class='t396__elem tn-elem tn-elem__29582511011783092575971000003' data-elem-id='1783092575971000003' data-elem-type='text' data-field-top-value="-20" data-field-left-value="820" data-field-height-value="100" data-field-width-value="359" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="-70" data-field-left-res-320-value="10" data-field-height-res-320-value="90" data-field-width-res-320-value="221" data-field-top-res-480-value="-10" data-field-left-res-480-value="250" data-field-width-res-480-value="220" data-field-top-res-640-value="-20" data-field-left-res-640-value="350" data-field-width-res-640-value="280" data-field-fontsize-res-640-value="12" data-field-top-res-960-value="-20" data-field-left-res-960-value="570"> <div class='tn-atom'field='tn_text_1783092575971000003'>ÐоÑква, ÐÑаÑногоÑÑкий Ñайон, ÐовоÑижÑкое ÑоÑÑе, д. ÐиÑ
алково, ÐизнеÑ-ÑенÑÑ Â«Riga Land», ÑÑÑоение 6, 6 ÑÑаж, оÑÐ¸Ñ 607<br /><br /><strong>ÐоÑмоÑÑеÑÑ Ð½Ð° каÑÑе</strong> â</div> </div> <div class='t396__elem tn-elem tn-elem__29582511011785869089837000005' data-elem-id='1785869089837000005' data-elem-type='text' data-field-top-value="40" data-field-left-value="820" data-field-height-value="25" data-field-width-value="92" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autowidth" data-field-fontsize-value="16" data-field-top-res-320-value="289" data-field-left-res-320-value="10" data-field-height-res-320-value="19" data-field-width-res-320-value="69" data-field-container-res-320-value="grid" data-field-heightunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-textfit-res-320-value="autowidth" data-field-top-res-480-value="90" data-field-left-res-480-value="250" data-field-top-res-640-value="78" data-field-left-res-640-value="350" data-field-width-res-640-value="69" data-field-fontsize-res-640-value="12" data-field-left-res-960-value="570"> <div class='tn-atom'field='tn_text_1785869089837000005'>ÐÐÐТÐÐТЫ</div> </div> <div class='t396__elem tn-elem tn-elem__29582511011785869089837000006' data-elem-id='1785869089837000006' data-elem-type='text' data-field-top-value="69" data-field-left-value="820" data-field-height-value="20" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="312" data-field-left-res-320-value="10" data-field-height-res-320-value="30" data-field-width-res-320-value="221" data-field-container-res-320-value="grid" data-field-heightunits-res-320-value="px" data-field-textfit-res-320-value="autoheight" data-field-top-res-480-value="109" data-field-left-res-480-value="250" data-field-width-res-480-value="190" data-field-top-res-640-value="101" data-field-left-res-640-value="350" data-field-height-res-640-value="30" data-field-width-res-640-value="167" data-field-textfit-res-640-value="fixedsize" data-field-fontsize-res-640-value="12" data-field-left-res-960-value="570"> <div class='tn-atom'field='tn_text_1785869089837000006'><a href="0" style="color: rgb(0, 0, 0);">[email protected]</a></div> </div> <div class='t396__elem tn-elem tn-elem__29582511011787770991723000001' data-elem-id='1787770991723000001' data-elem-type='text' data-field-top-value="121" data-field-left-value="820" data-field-height-value="15" data-field-width-value="175" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autowidth" data-field-fontsize-value="12" data-field-top-res-320-value="344" data-field-left-res-320-value="10" data-field-width-res-320-value="175" data-field-top-res-480-value="151" data-field-left-res-480-value="250" data-field-width-res-480-value="175" data-field-heightunits-res-480-value="px" data-field-widthunits-res-480-value="px" data-field-textfit-res-480-value="autowidth" data-field-top-res-640-value="143" data-field-left-res-640-value="350" data-field-width-res-640-value="175" data-field-heightunits-res-640-value="px" data-field-widthunits-res-640-value="px" data-field-textfit-res-640-value="autowidth" data-field-left-res-960-value="570" data-field-width-res-960-value="175"> <div class='tn-atom'field='tn_text_1787770991723000001'><a href="https://vk.ru/adwise" style="color: rgb(0, 0, 0);">VK</a> <a href="https://t.me/adwiserchange" target="_blank" rel="noreferrer noopener" style="color: rgb(0, 0, 0);">TG</a> <a href="https://vkvideo.ru/video-212255719_456239224" target="_blank" rel="noreferrer noopener" style="color: rgb(0, 0, 0);">СÐÐТРÐТЬ ШÐУРÐÐ</a></div> </div> <div class='t396__elem tn-elem tn-elem__29582511011784234070532000001' data-elem-id='1784234070532000001' data-elem-type='shape' data-field-top-value="50" data-field-left-value="0" data-field-height-value="1" data-field-width-value="1184" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-prx="scroll" data-animate-prx-s="110" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-top-res-320-value="94" data-field-left-res-320-value="0" data-field-height-res-320-value="1" data-field-width-res-320-value="310" data-field-container-res-320-value="grid" data-field-widthmode-res-320-value="fixed" data-field-top-res-480-value="52" data-field-left-res-480-value="0" data-field-height-res-480-value="1" data-field-width-res-480-value="470" data-field-container-res-480-value="grid" data-field-widthmode-res-480-value="fixed" data-field-top-res-640-value="1" data-field-width-res-640-value="630" data-field-widthmode-res-640-value="fixed" data-field-top-res-960-value="60" data-field-width-res-960-value="960" data-field-widthmode-res-960-value="fixed"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__29582511011784234070532000002 ' data-elem-id='1784234070532000002' data-elem-type='shape' data-field-top-value="0" data-field-left-value="1" data-field-height-value="460" data-field-width-value="1" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-sbs-event="scroll" data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-opts="[{'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'di':'0','dd':'0','fi':'0'},{'mx':100,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'di':720,'dd':'0','fi':'0'}]" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-top-res-320-value="-27" data-field-left-res-320-value="81" data-field-height-res-320-value="540" data-field-heightmode-res-320-value="fixed" data-field-height-res-480-value="320" data-field-heightmode-res-480-value="fixed"> <div class='tn-atom'> </div> </div> </div> </div>
1403<script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('2958251101');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('2958251101');});});</script>
1403 <!-- /T396 --> </div> <div id="rec2958251201" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <style> 1404 .uc-sticky-footer { 1405 clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0 100%); 1406 } 1407 .uc-sticky-footer .t396__artboard { 1408 position: fixed; 1409 bottom: 0; 1410 width: 100%; 1411} 1412 1413</style>
1413<script> 1414 document.addEventListener("DOMContentLoaded", function() { 1415 var footerElement = document.querySelector('.uc-sticky-footer'); 1416 var footerSticky = document.querySelector('.uc-sticky-footer .t396__artboard'); 1417 if (footerElement && footerSticky) { 1418 var artboardStickyHeight = footerSticky.offsetHeight; 1419 footerElement.style.height = artboardStickyHeight + 'px'; 1420 } 1421}); 1422</script>
1422 <!-- nominify end --> </div> </div> </div> </div> </footer> <!--/footer--> </div> <!--/allrecords--> <!-- Stat -->
1422<script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';} 1423window.tildastatcookie='no';setTimeout(function(){(function(d,w,k,o,g) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.key=k;s.id="tildastatscript";s.src=g;if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'d8a2c0776de989924cb33762cc4f4f63','script','https://static.tildacdn.com/js/tilda-stat-1.0.min.js');},2000);</script>
1423 </body> </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.