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="ÐнжиниÑиÑм ÐÑаÑнодаÑ, ÑенÑÑ Ð¼Ð¾Ð»Ð¾Ð´ÐµÐ¶Ð½Ð¾Ð³Ð¾ инноваÑионного ÑвоÑÑеÑÑва: кÑÑÑ Ð¼Ð¾Ð»Ð¾Ð´Ð¾Ð³Ð¾ инженеÑа, ÑобоÑоÑеÑ
ника, пÑогÑаммиÑование, C++, 3D-моделиÑование" /> <meta name="keywords" content="кÑÑÑÑ Ð´Ð»Ñ Ð´ÐµÑей ÐÑаÑнодаÑ, пÑогÑаммиÑование на Python, пÑогÑаммиÑование Scratch, компÑÑÑеÑнÑе кÑÑÑÑ +Ð´Ð»Ñ Ð´ÐµÑей кÑд, кÑÑÑ ÑобоÑоÑеÑ
ники, кÑÑжок ÑобоÑоÑеÑ
ники Ð´Ð»Ñ Ð´ÐµÑей " /> <meta property="og:url" content="https://inginirium.pro" /> <meta property="og:title" content="ÐÑÑÑÑ Ð´Ð»Ñ Ð´ÐµÑей и подÑоÑÑков в ÐÑаÑнодаÑе" /> <meta property="og:description" content="ÐнжиниÑиÑм ÐÑаÑнодаÑ, ÑенÑÑ Ð¼Ð¾Ð»Ð¾Ð´ÐµÐ¶Ð½Ð¾Ð³Ð¾ инноваÑионного ÑвоÑÑеÑÑва: кÑÑÑ Ð¼Ð¾Ð»Ð¾Ð´Ð¾Ð³Ð¾ инженеÑа, ÑобоÑоÑеÑ
ника, пÑогÑаммиÑование, C++, 3D-моделиÑование" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild6134-3835-4934-a137-353063316261/address.png" /> <link rel="canonical" href="https://inginirium.pro"> <!--/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="shortcut icon" href="https://static.tildacdn.com/tild3230-3530-4437-a534-313466396663/photo.ico" type="image/x-icon"/> <!--/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/project3036160/tilda-blocks-page18320352.min.css?t=1791218192" 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-forms-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-popup-1.1.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-popup-1.1.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-menu-widgeticons-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/fonts-tildasans.css" type="text/css" media="all" onerror="this.loaderr='y';" />
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/project3036160/tilda-blocks-page18320352.min.js?t=1791218192" 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-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2
2<script src="https://static.tildacdn.com/js/tilda-popup-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2
2<script src="https://static.tildacdn.com/js/tilda-menu-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2
2<script src="https://static.tildacdn.com/js/tilda-menu-widgeticons-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-skiplink-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 --><!-- Roistat Counter Start -->
2<script> 3(function(w, d, s, h, id) { 4 w.roistatProjectId = id; w.roistatHost = h; 5 var p = d.location.protocol == "https:" ? "https://" : "http://"; 6 var u = /^.*roistat_visit=[^;]+(.*)?$/.test(d.cookie) ? "/dist/module.js" : "/api/site/1.0/"+id+"/init?referrer="+encodeURIComponent(d.location.href); 7 var js = d.createElement(s); js.charset="UTF-8"; js.async = 1; js.src = p+h+u; var js2 = d.getElementsByTagName(s)[0]; js2.parentNode.insertBefore(js, js2); 8})(window, document, 'script', 'cloud.roistat.com', 'e0b5c182a801e17537ff5c766c3b0d0c'); 9</script>
9 <!-- Roistat Counter End --> <!-- BEGIN TILDA INTEGRATION WITH ROISTAT -->
9<script> 10$(function(){ 11 $("form").each(function(){ 12 $(this).append('<input type="hidden" name="roistat_url" value="' + window.location.href + '">'); 13 }); 14}); 15</script>
15 <!-- END TILDA INTEGRATION WITH ROISTAT --> <!-- nominify end --><!-- nominify begin --><!-- Marquiz script start -->
15<script> 16(function(w, d, s, o){ 17 var j = d.createElement(s); j.async = true; j.src = '//script.marquiz.ru/v2.js';j.onload = function() { 18 if (document.readyState !== 'loading') Marquiz.init(o); 19 else document.addEventListener("DOMContentLoaded", function() { 20 Marquiz.init(o); 21 }); 22 }; 23 d.head.insertBefore(j, d.head.firstElementChild); 24})(window, document, 'script', { 25 host: '//quiz.marquiz.ru', 26 region: 'eu', 27 id: '63c1d4d299dd8d004f8a06d1', 28 autoOpen: 10, 29 autoOpenFreq: 'once', 30 openOnExit: false, 31 disableOnMobile: false 32 } 33); 34</script>
34 <!-- Marquiz script end --><!-- nominify end -->
34<script type="text/javascript">window.dataLayer=window.dataLayer||[];</script>
34
34<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);} 35document.addEventListener('DOMContentLoaded',t_setvisRecs);}})();</script>
35</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="3036160" data-tilda-page-id="18320352" data-tilda-formskey="70dc5c4d11bca0f9baff0c0ecb8c1d42" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-page-headcode="yes" data-tilda-project-country="RU"> <div id="rec296080763" class="r t-rec" style=" " data-animationappear="off" data-record-type="360"> <!-- T360 --> <style>@media screen and (min-width:980px){.t-records{opacity:0;}.t-records_animated{-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s;}.t-records.t-records_visible,.t-records .t-records{opacity:1;}}</style>
35<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('#rec296080763');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>
35
35<script>t_onReady(function() {var selects='button:not(.t-submit):not(.t835__btn_next):not(.t835__btn_prev):not(.t835__btn_result):not(.t862__btn_next):not(.t862__btn_prev):not(.t862__btn_result):not(.t854__news-btn):not(.t862__btn_next),' + 36'a:not([href*="#"]):not(.carousel-control):not(.t-carousel__control):not(.t807__btn_reply):not([href^="#price"]):not([href^="javascript"]):not([href^="mailto"]):not([href^="tel"]):not([href^="link_sub"]):not(.js-feed-btn-show-more):not(.t367__opener):not([href^="https://www.dropbox.com/"])';var elements=document.querySelectorAll(selects);Array.prototype.forEach.call(elements,function(element) {var submenuLinkWrapper=element.closest('.t-menu__link-wrapper, .t-menusub__link-wrapper');var isSubmenu=element.getAttribute('data-menu-submenu-hook')||(submenuLinkWrapper&&submenuLinkWrapper.getAttribute('data-menu-submenu-hook'));if(isSubmenu) return;element.addEventListener('click',function(event) {var goTo=this.getAttribute('href');if(goTo!==null&&!goTo.startsWith('#')) {var ctrl=event.ctrlKey;var cmd=event.metaKey&&navigator.platform.indexOf('Mac')!==-1;if(!ctrl&&!cmd) {var target=this.getAttribute('target');if(target!=='_blank') {event.preventDefault();var allRecords=document.querySelector('.t-records');if(allRecords) {allRecords.classList.remove('t-records_visible');} 37setTimeout(function() {window.location=goTo;},500);}}}});});});</script>
37 <style>.t360__bar{background-color:#030bff;}</style>
37<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>
37 </div> <div id="rec3096760401" class="r t-rec t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec3096760401 .t396__artboard{height:205px;overflow:visible;}#rec3096760401 .t396__filter{height:205px;}#rec3096760401 .t396__carrier{height:205px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec3096760401 .t396__artboard,#rec3096760401 .t396__filter,#rec3096760401 .t396__carrier{height:270px;}#rec3096760401 .t396__filter{}#rec3096760401 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec3096760401 .t396__artboard,#rec3096760401 .t396__filter,#rec3096760401 .t396__carrier{height:265px;}#rec3096760401 .t396__filter{}#rec3096760401 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec3096760401 .t396__artboard,#rec3096760401 .t396__filter,#rec3096760401 .t396__carrier{height:335px;}#rec3096760401 .t396__filter{}#rec3096760401 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec3096760401 .t396__artboard,#rec3096760401 .t396__filter,#rec3096760401 .t396__carrier{height:205px;}#rec3096760401 .t396__filter{}#rec3096760401 .t396__carrier{background-attachment:scroll;}}#rec3096760401 .tn-elem[data-elem-id="1607423689651"]{z-index:3;top:-40px;left:calc(50% - 600px + 1141px);width:40px;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1607423689651"] .tn-atom{border-radius:0px 0px 0px 0px;opacity:0;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;}#rec3096760401 .tn-elem[data-elem-id="1607423689651"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec3096760401 .tn-elem[data-elem-id="1607423689651"]{display:table;left:calc(50% - 480px + 1141px);height:auto;}}@media screen and (max-width:959px){#rec3096760401 .tn-elem[data-elem-id="1607423689651"]{display:table;top:21px;left:calc(100% - 40px + -28px);width:40px;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1607423689651"] .tn-atom{background-size:cover;opacity:1;--t396-bordercolor:#000000;}}@media screen and (max-width:639px){#rec3096760401 .tn-elem[data-elem-id="1607423689651"]{display:table;top:34px;left:calc(100% - 40px + -26px);height:auto;}}@media screen and (max-width:479px){#rec3096760401 .tn-elem[data-elem-id="1607423689651"]{display:table;top:26px;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1607423689651"] .tn-atom{background-size:cover;--t396-bordercolor:#ffffff;}}#rec3096760401 .tn-elem[data-elem-id="1605353649658"]{color:#000000;z-index:3;top:128px;left:calc(50% - 600px + 0px);width:auto;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1605353649658"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#000000;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.4;font-weight:400;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){#rec3096760401 .tn-elem[data-elem-id="1605353649658"]{display:table;top:127px;left:calc(50% - 480px + 10px);width:auto;height:auto;}
37#rec3096760401 .tn-elem[data-elem-id="1605353649658"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec3096760401 .tn-elem[data-elem-id="1605353649658"]{display:table;top:116px;left:calc(50% - 320px + 10px);width:auto;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1605353649658"] .tn-atom{white-space:nowrap;font-size:14px;background-size:cover;}}@media screen and (max-width:639px){#rec3096760401 .tn-elem[data-elem-id="1605353649658"]{display:table;top:138px;left:calc(50% - 240px + 18px);width:auto;height:auto;text-align:left;}#rec3096760401 .tn-elem[data-elem-id="1605353649658"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:479px){#rec3096760401 .tn-elem[data-elem-id="1605353649658"]{display:table;top:96px;left:calc(50% - 160px + 11px);width:auto;height:auto;text-align:center;}#rec3096760401 .tn-elem[data-elem-id="1605353649658"] .tn-atom{white-space:nowrap;background-size:cover;}}#rec3096760401 .tn-elem[data-elem-id="1616680980010"]{z-index:3;top:48px;left:calc(50% - 600px + -9px);width:211px;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1616680980010"] .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;}#rec3096760401 .tn-elem[data-elem-id="1616680980010"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec3096760401 .tn-elem[data-elem-id="1616680980010"]{display:table;top:42px;left:calc(50% - 480px + 9px);width:206px;height:auto;}}@media screen and (max-width:959px){#rec3096760401 .tn-elem[data-elem-id="1616680980010"]{display:table;top:25px;left:calc(50% - 320px + 9px);height:auto;}}@media screen and (max-width:639px){#rec3096760401 .tn-elem[data-elem-id="1616680980010"]{display:table;top:34px;left:calc(50% - 240px + 9px);width:210px;height:auto;}}@media screen and (max-width:479px){#rec3096760401 .tn-elem[data-elem-id="1616680980010"]{display:table;top:26px;left:calc(50% - 160px + 9px);width:200px;height:auto;}}#rec3096760401 .tn-elem[data-elem-id="1605353529381"]{color:#000000;text-align:center;z-index:3;top:48px;left:calc(50% - 600px + 533px);width:59px;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom{color:#000000;font-size:16px;font-family:var(--t-headline-font,Arial);line-height:1.55;font-weight:600;border-radius:30px 30px 30px 30px;background-position:center center;--t396-borderwidth:1px 1px 1px 1px;--t396-speedhover:0.2s;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-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom::after{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-content{column-gap:10px;padding:0px 0px 0px 0px;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#000000;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-border::before{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom:hover::after{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom:hover{color:#fe3e3e;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom:hover .tn-atom__button-text{color:#fe3e3e;}}@media screen and (max-width:1199px){#rec3096760401 .tn-elem[data-elem-id="1605353529381"]{display:block;top:38px;left:calc(50% + 480px - 49px + -441px);width:49px;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom{white-space:normal;font-size:14px;background-size:cover;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom::after{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-border::before{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom:hover::after{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec3096760401 .tn-elem[data-elem-id="1605353529381"]{display:block;top:-77px;left:calc(50% + 320px - 49px + -319px);width:px;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom{white-space:normal;background-size:cover;opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom::after{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-border::before{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom:hover::after{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec3096760401 .tn-elem[data-elem-id="1605353529381"]{display:block;top:-77px;left:calc(50% + 240px - 49px + -319px);width:px;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom{white-space:normal;background-size:cover;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom::after{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-border::before{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom:hover::after{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec3096760401 .tn-elem[data-elem-id="1605353529381"]{display:block;top:-76px;left:calc(50% + 160px - 49px + -269px);width:px;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom{white-space:normal;background-size:cover;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom::after{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-border::before{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom:hover::after{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1605353529381"] .tn-atom:hover{animation-name:none;}}}#rec3096760401 .tn-elem[data-elem-id="1605353549211"]{color:#000000;text-align:center;z-index:3;top:48px;left:calc(50% - 600px + 616px);width:61px;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom{color:#000000;font-size:16px;font-family:var(--t-headline-font,Arial);line-height:1.55;font-weight:600;border-radius:30px 30px 30px 30px;background-position:center center;--t396-borderwidth:1px 1px 1px 1px;--t396-speedhover:0.2s;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-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom::after{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-content{column-gap:10px;padding:0px 0px 0px 0px;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#000000;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-border::before{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom:hover::after{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom:hover{color:#fe3e3e;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom:hover .tn-atom__button-text{color:#fe3e3e;}}@media screen and (max-width:1199px){#rec3096760401 .tn-elem[data-elem-id="1605353549211"]{display:block;top:38px;left:calc(50% + 480px - 53px + -367px);width:53px;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom{white-space:normal;font-size:14px;background-size:cover;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom::after{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-border::before{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom:hover::after{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec3096760401 .tn-elem[data-elem-id="1605353549211"]{display:block;top:-77px;left:calc(50% + 320px - 53px + -230px);width:px;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom{white-space:normal;background-size:cover;opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom::after{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-border::before{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom:hover::after{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec3096760401 .tn-elem[data-elem-id="1605353549211"]{display:block;top:-77px;left:calc(50% + 240px - 53px + -230px);width:px;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom{white-space:normal;background-size:cover;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom::after{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-border::before{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom:hover::after{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec3096760401 .tn-elem[data-elem-id="1605353549211"]{display:block;top:-76px;left:calc(50% + 160px - 54px + -179px);width:54px;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom{white-space:normal;background-size:cover;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom::after{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-border::before{display:none;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom:hover::after{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1605353549211"] .tn-atom:hover{animation-name:none;}}}#rec3096760401 .tn-elem[data-elem-id="1605353623580"]{color:#000000;z-index:3;top:128px;left:calc(50% - 600px + 535px);width:auto;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1605353623580"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#000000;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.4;font-weight:400;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){#rec3096760401 .tn-elem[data-elem-id="1605353623580"]{display:table;top:196px;left:calc(50% - 480px + 9px);width:auto;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1605353623580"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec3096760401 .tn-elem[data-elem-id="1605353623580"]{display:table;top:198px;left:calc(50% - 320px + 10px);width:auto;height:auto;}#rec3096760401 .tn-elem[data-elem-id="1605353623580"] .tn-atom{white-space:nowrap;font-size:14px;background-size:cover;}}@media screen and (max-width:639px){#rec3096760401 .tn-elem[data-elem-id="1605353623580"]{display:table;top:193px;left:calc(50% - 240px + 18px);width:auto;height:auto;text-align:left;}#rec3096760401 .tn-elem[data-elem-id="1605353623580"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:479px){#rec3096760401 .tn-elem[data-elem-id="1605353623580"]{display:table;top:129px;left:calc(50% - 160px + -420px);width:auto;height:auto;text-align:center;}#rec3096760401 .tn-elem[data-elem-id="1605353623580"] .tn-atom{white-space:nowrap;background-size:cover;}}#rec3096760401 .tn-elem[data-elem-id="1629705596745"]{color:#c30000;z-index:3;top:56px;left:calc(50% - 600px + 1059px);width:141px;height:auto;}#rec3096760401 .tn-elem.t396__elem--anim-hidden[data-elem-id="1629705596745"]{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1629705596745"] .tn-atom{vertical-align:middle;color:#c30000;font-size:17px;font-family:var(--t-headline-font,Arial);line-height:1.55;font-weight:600;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){#rec3096760401 .tn-elem[data-elem-id="162970
375596745"]{display:table;top:128px;left:calc(50% - 480px + 717px);width:232px;height:auto;text-align:right;}#rec3096760401 .tn-elem[data-elem-id="1629705596745"] .tn-atom{white-space:normal;font-size:27px;background-size:cover;}}@media screen and (max-width:959px){#rec3096760401 .tn-elem[data-elem-id="1629705596745"]{display:table;top:115px;left:calc(50% - 320px + 399px);width:px;height:auto;text-align:right;}#rec3096760401 .tn-elem[data-elem-id="1629705596745"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:639px){#rec3096760401 .tn-elem[data-elem-id="1629705596745"]{display:table;top:91px;left:calc(50% - 240px + 18px);width:232px;height:auto;text-align:left;}#rec3096760401 .tn-elem[data-elem-id="1629705596745"] .tn-atom{vertical-align:middle;white-space:normal;font-size:23px;background-size:cover;}}@media screen and (max-width:479px){#rec3096760401 .tn-elem[data-elem-id="1629705596745"]{display:table;top:154px;left:calc(50% - 160px + 44px);width:px;height:auto;text-align:center;}#rec3096760401 .tn-elem[data-elem-id="1629705596745"] .tn-atom{white-space:normal;font-size:21px;background-size:cover;}}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"]{color:#000000;text-align:center;z-index:3;top:121px;left:calc(50% - 600px + 1015px);width:185px;height:58px;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom{color:#000000;font-size:14px;font-family:var(--t-headline-font,Arial);line-height:1.55;font-weight:700;text-transform:uppercase;border-radius:30px 30px 30px 30px;background-position:center center;--t396-speedhover:0.2s;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-bgcolor-color:#fee500;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom::after{display:none;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-content{column-gap:10px;padding:0px 0px 0px 0px;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#000000;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-border::before{display:none;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom:hover::after{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"]{display:block;top:189px;left:calc(50% - 480px + 708px);width:px;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom::after{display:none;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-border::before{display:none;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom:hover::after{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"]{display:block;top:189px;left:calc(50% - 320px + 390px);width:px;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom::after{display:none;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-border::before{display:none;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom:hover::after{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"]{display:block;top:260px;left:calc(50% - 240px + 18px);width:236px;height:46px;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom::after{display:none;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-border::before{display:none;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom:hover::after{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"]{display:block;top:198px;left:calc(50% - 160px + -446px);width:239px;
37height:46px;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom::after{display:none;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-border::before{display:none;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom:hover::after{opacity:0;}#rec3096760401 .tn-elem[data-elem-id="1775655713932000001"] .tn-atom:hover{animation-name:none;}}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="3096760401" data-artboard-screens="320,480,640,960,1200" data-artboard-height="205" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-ovrflw="visible" data-artboard-height-res-320="205" data-artboard-height-res-480="335" data-artboard-height-res-640="265" data-artboard-height-res-960="270"> <div class="t396__carrier" data-artboard-recid="3096760401"></div> <div class="t396__filter" data-artboard-recid="3096760401"></div> <div class='t396__elem tn-elem tn-elem__30967604011607423689651' data-elem-id='1607423689651' data-elem-type='image' data-field-top-value="-40" data-field-left-value="1141" data-field-height-value="13" data-field-width-value="40" 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="24" data-field-fileheight-value="8" data-field-heightmode-value="hug" data-field-top-res-320-value="26" data-field-left-res-320-value="-26" data-field-height-res-320-value="13" data-field-top-res-480-value="34" data-field-left-res-480-value="-26" data-field-height-res-480-value="13" data-field-container-res-480-value="window" data-field-top-res-640-value="21" data-field-left-res-640-value="-28" data-field-height-res-640-value="13" data-field-width-res-640-value="40" data-field-axisx-res-640-value="right" data-field-container-res-640-value="window" data-field-height-res-960-value="13"> <a class='tn-atom' 38href="#menuopen"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3332-6330-4130-b033-633136643532/menu.svg' 39src='https://static.tildacdn.com/tild3332-6330-4130-b033-633136643532/menu.svg' 40alt='' imgfield='tn_img_1607423689651' 41/> </a> </div> <div class='t396__elem tn-elem tn-elem__30967604011605353649658 t-animate' data-elem-id='1605353649658' data-elem-type='text' data-field-top-value="128" data-field-left-value="0" data-field-height-value="42" data-field-width-value="341" 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-animate-style="fadeinup" data-animate-duration="1.6" data-animate-distance="30" data-field-textfit-value="autowidth" data-field-fontsize-value="16" data-field-top-res-320-value="96" data-field-left-res-320-value="11" data-field-width-res-320-value="299" data-field-top-res-480-value="138" data-field-left-res-480-value="18" data-field-width-res-480-value="298" data-field-top-res-640-value="116" data-field-left-res-640-value="10" data-field-width-res-640-value="298" data-field-fontsize-res-640-value="14" data-field-top-res-960-value="127" data-field-left-res-960-value="10" data-field-width-res-960-value="341"> <h2 class='tn-atom'field='tn_text_1605353649658'>ЦенÑÑ Ð¼Ð¾Ð»Ð¾Ð´ÐµÐ¶Ð½Ð¾Ð³Ð¾ инноваÑионного ÑвоÑÑеÑÑва<br />в ÐÑаÑнодаÑе</h2> </div> <div class='t396__elem tn-elem tn-elem__30967604011616680980010' data-elem-id='1616680980010' data-elem-type='image' data-field-top-value="48" data-field-left-value="-9" data-field-height-value="44" data-field-width-value="211" 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="749" data-field-fileheight-value="153" data-field-heightmode-value="hug" data-field-top-res-320-value="26" data-field-left-res-320-value="9" data-field-height-res-320-value="41" data-field-width-res-320-value="200" data-field-top-res-480-value="34" data-field-left-res-480-value="9" data-field-height-res-480-value="43" data-field-width-res-480-value="210" data-field-top-res-640-value="25" data-field-left-res-640-value="9" data-field-height-res-640-value="42" data-field-top-res-960-value="42" data-field-left-res-960-value="9" data-field-height-res-960-value="42" data-field-width-res-960-value="206"> <a class='tn-atom' 42href="#kurs"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3065-3462-4966-a638-653965616339/Inginirium_Logo_Hori.svg' 43src='https://static.tildacdn.com/tild3065-3462-4966-a638-653965616339/Inginirium_Logo_Hori.svg' 44alt='' imgfield='tn_img_1616680980010' 45/> </a> </div> <div class='t396__elem tn-elem tn-elem__30967604011605353529381' data-elem-id='1605353529381' data-elem-type='button' data-field-top-value="48" data-field-left-value="533" data-field-height-value="27" data-field-width-value="59" 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="-76" data-field-left-res-320-value="-269" data-field-top-res-480-value="-77" data-field-left-res-480-value="-319" data-field-top-res-640-value="-77" data-field-left-res-640-value="-319" data-field-top-res-960-value="38" data-field-left-res-960-value="-441" data-field-width-res-960-value="49" data-field-axisx-res-960-value="right" data-field-fontsize-res-960-value="14"> <a class='tn-atom' 46href="/#about"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Ð ÐÐС</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem tn-elem__30967604011605353549211' data-elem-id='1605353549211' data-elem-type='button' data-field-top-value="48" data-field-left-value="616" data-field-height-value="27" data-field-width-value="61" 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="-76" data-field-left-res-320-value="-179" data-field-width-res-320-value="54" data-field-top-res-480-value="-77" data-field-left-res-480-value="-230" data-field-top-res-640-value="-77" data-field-left-res-640-value="-230" data-field-top-res-960-value="38" data-field-left-res-960-value="-367" data-field-width-res-960-value="53" data-field-axisx-res-960-value="right" data-field-fontsize-res-960-value="14"> <a class='tn-atom' 47href="/#kurs"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">ÐУРСЫ</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem tn-elem__30967604011605353623580 t-animate' data-elem-id='1605353623580' data-elem-type='text' data-field-top-value="128" data-field-left-value="535" data-field-height-value="42" data-field-width-value="264" 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-animate-style="fadeinup" data-animate-duration="1.6" data-animate-delay="0.1" data-animate-distance="30" data-field-textfit-value="autowidth" data-field-fontsize-value="16" data-field-top-res-320-value="129" data-field-left-res-320-value="-420" data-field-width-res-320-value="231" data-field-top-res-480-value="193" data-field-left-res-480-value="18" data-field-width-res-480-value="231" data-field-top-res-640-value="198" data-field-left-res-640-value="10" data-field-width-res-640-value="231" data-field-fontsize-res-640-value="14" data-field-top-res-960-value="196" data-field-left-res-960-value="9" data-field-width-res-960-value="264"> <h1 class='tn-atom'field='tn_text_1605353623580'>ÐбÑазование Ð´Ð»Ñ Ð´ÐµÑей и подÑоÑÑков<br /> 48Ð¾Ñ 5 до 18 леÑ</h1> </div> <div class='t396__elem tn-elem tn-elem__30967604011629705596745 ' data-elem-id='1629705596745' data-elem-type='text' data-field-top-value="56" data-field-left-value="1059" data-field-height-value="26" data-field-width-value="141" 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-animate-mobile="y" data-animate-sbs-event="intoview" data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-loop="loop" data-animate-sbs-opts="[{'ti':0,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':500,'mx':0,'my':0,'sx':1.15,'sy':1.15,'op':1,'ro':0,'bl':'0','ea':'','dt':0},{'ti':1000,'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'bl':'0','ea':'','dt':0}]" data-field-textfit-value="autoheight" data-field-fontsize-value="17" data-field-top-res-320-value="154" data-field-left-res-320-value="44" data-field-fontsize-res-320-value="21" data-field-top-res-480-value="91" data-field-left-res-480-value="18" data-field-height-res-480-value="42" data-field-width-res-480-value="232" 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="23" data-field-top-res-640-value="115" data-field-left-res-640-value="399" data-field-top-res-960-value="128" data-field-left-res-960-value="717" data-field-width-res-960-value="232" data-field-fontsize-res-960-value="27"> <div class='tn-atom'field='tn_text_1629705596745'><a href="tel:88002343043" style="color: rgb(0, 0, 0);">8</a><a href="tel:88002343043" style="color: rgb(0, 0, 0);"> 800 234-30-43</a></div> </div> <div class='t396__elem tn-elem tn-elem__30967604011775655713932000001' data-elem-id='1775655713932000001' data-elem-type='button' data-field-top-value="121" data-field-left-value="1015" data-field-height-value="58" data-field-width-value="185" 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="fixedsize" data-field-fontsize-value="14" data-field-top-res-320-value="198" data-field-left-res-320-value="-446" data-field-height-res-320-value="46" data-field-width-res-320-value="239" data-field-top-res-480-value="260" data-field-left-res-480-value="18" data-field-height-res-480-value="46" data-field-width-res-480-value="236" data-field-container-res-480-value="grid" data-field-textfit-res-480-value="fixedsize" data-field-top-res-640-value="189" data-field-left-res-640-value="390" data-field-top-res-960-value="189" data-field-left-res-960-value="708"> <a class='tn-atom' 49href="#contactform"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">ÐÐÐÐСÐТЬСЯ</span> </div> <span class="tn-atom__button-border"></span> </a> </div> </div> </div>
49<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('3096760401');});});</script>
49 <!-- /T396 --> </div> <div id="rec3096652701" 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 --> <section id="promo-slider" class="promo-slider"> <div class="promo-slider__wrap"> <div class="promo-slider__viewport"> <div class="promo-slider__track"> <article class="promo-slide promo-slide--year"> <div class="promo-slide__decor promo-slide__decor--year" aria-hidden="true" > <div class="promo-slide__decor-cross promo-slide__decor-cross--year"> <span></span> <span></span> </div> <div class="promo-slide__decor-grid promo-slide__decor-grid--year"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div> </div> <div class="promo-slide__photo"> <div class="promo-tech-decor promo-tech-decor--code" aria-hidden="true"></></div> <div class="promo-tech-decor promo-tech-decor--braces" aria-hidden="true">{ }</div> <picture> <source media="(max-width: 768px)" srcset="https://lh3.googleusercontent.com/d/1u9vlO1EjHfDA3e0HR9FLZqCKAmt9Y3PK" > <img src="https://lh3.googleusercontent.com/d/1u9vlO1EjHfDA3e0HR9FLZqCKAmt9Y3PK" alt="УÑеники ÐнжиниÑиÑма" > </picture> <div class="promo-mobile-scene" aria-hidden="true"> <span class="promo-mobile-scene__terminal"></span> <span class="promo-mobile-scene__matrix"></span> </div> </div> <div class="promo-slide__content"> <div class="promo-slide__badge"> УЧÐÐÐЫРÐÐÐ 2026â2027 </div> <h2 class="promo-slide__title"> ÐайдÑм IT-напÑавление,<br> коÑоÑое ÑвлеÑÑÑ<br> <span>ÑебÑнка</span> </h2> <p class="promo-slide__subtitle"> ÐеÑвое пÑобное занÑÑие â беÑплаÑно. </p> <div class="promo-slide__tags promo-slide__tags--marquee"> <div class="promo-slide__tags-track"> <div class="promo-slide__tags-group"> <div class="promo-slide__tag"> <span>ð»</span> ÐÑогÑаммиÑование </div> <div class="promo-slide__tag"> <span>ð¤</span> РобоÑоÑеÑ
ника </div> <div class="promo-slide__tag"> <span>ð§</span> 3D-моделиÑование </div> <div class="promo-slide__tag"> <span>â¨ï¸</span> ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ </div> <div class="promo-slide__tag"> <span>ð¨</span> ÐÑаÑиÑеÑкий дизайн </div> </div> <div class="promo-slide__tags-group promo-slide__tags-group--clone" aria-hidden="true" > <div class="promo-slide__tag"> <span>ð»</span> ÐÑогÑаммиÑование </div> <div class="promo-slide__tag"> <span>ð¤</span> РобоÑоÑеÑ
ника </div> <div class="promo-slide__tag"> <span>ð§</span> 3D-моделиÑование </div> <div class="promo-slide__tag"> <span>â¨ï¸</span> ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ </div> <div class="promo-slide__tag"> <span>ð¨</span> ÐÑаÑиÑеÑкий дизайн </div> </div> </div> </div> <div class="promo-slide__actions"> <a href="#kurs" class="promo-slide__button promo-slide__button--yellow" > ÐÑбÑаÑÑ ÐºÑÑÑ </a> <a href="#contactform" class="promo-slide__button promo-slide__button--white" > ÐапиÑаÑÑÑÑ Ð½Ð° пÑобное занÑÑие </a> </div> </div> </article> </div> </div> </div> </section> <style> #promo-slider { padding: 20px 0; background: transparent !important; } #promo-slider * { box-sizing: border-box; font-family: "TildaSans", Arial, sans-serif; } #promo-slider h2.promo-slide__title, #promo-slider .promo-slide__title, #promo-slider .promo-slide__title span { font-family: "pfagoraslabpro", "PFAgoraSlabPro", "TildaSans", Arial, sans-serif !important; } #promo-slider .promo-slider__wrap { position: relative; width: min(1480px, calc(100% - 60px)); margin: 0 auto; } #promo-slider .promo-slider__viewport { position: relative; height: 480px; overflow: hidden; border-radius: 42px; background: #FEE500; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10); } #promo-slider .promo-slider__track { display: flex; width: 200%; height: 100%; transition: transform 0.6s cubic-bezier(0.45, 0, 0.55, 1); } #promo-slider .promo-slide { position: relative; display: flex; flex: 0 0 50%; width: 50%; height: 100%; overflow: hidden; } #promo-slider .promo-slide--year { background: #FEE500; } #promo-slider .promo-slide--summer { background: #fff; } #promo-slider .promo-slide__photo { position: relative; z-index: 2; width: 42%; height: 100%; overflow: hidden; } #promo-slider .promo-slide__photo picture { display: block; width: 100%; height: 100%; } #promo-slider .promo-slide__photo img { display: block; width: 100%; height: 100%; object-fit: cover; } #promo-slider .promo-slide__content { position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: center; width: 58%; padding: 40px 60px; } #promo-slider .promo-slide__badge { display: inline-flex; align-items: center; width: fit-content; margin: 0 0 15px; padding: 6px 16px; border-radius: 999px; background: #fff; color: #151515; font-size: 12px; font-weight: 900; line-height: 1; text-transform: uppercase; } #promo-slider .promo-slide--summer .promo-slide__badge { background: #FEE500; color: #151515; border: 1px solid rgba(21, 21, 21, 0.10); box-shadow: 0 5px 14px rgba(21, 21, 21, 0.08); } #promo-slider .promo-slide__title { margin: 0 0 15px; color: #151515; font-family: "pfagoraslabpro", "PFAgoraSlabPro", "TildaSans", Arial, sans-serif !important; font-size: 46px; font-weight: 900; line-height: 0.95; letter-spacing: -0.8px; } #promo-slider .promo-slide--year .promo-slide__title { color: #151515; } #promo-slider .promo-slide--year .promo-slide__title span { color: #151515; } #promo-slider .promo-slide--summer .promo-slide__title span { color: #E8A000; } #promo-slider .promo-slide__subtitle { margin: 0 0 25px; color: #333; font-size: 16px; line-height: 1.4; } #promo-slider .promo-slide--year .promo-slide__subtitle { color: #151515; } #promo-slider .promo-slide__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; } #promo-slider .promo-slide__tags-track, #promo-slider .promo-slide__tags-group { display: contents; } #promo-slider .promo-slide__tags-group--clone { display: none; } #promo-slider .promo-slide__tag { display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border-radius: 999px; background: rgba(21, 21, 21, 0.24); color: #151515; font-size: 13px; font-weight: 800; line-height: 1; } #promo-slider .promo-slide__tag span { flex-shrink: 0; margin-right: 8px; } #promo-slider .promo-slide--year .promo-slide__tag { background: rgba(255, 255, 255, 0.82); color: #151515; } #promo-slider .promo-slide__tag--purple { background: #151515; color: #fff; } #promo-slider .promo-slide__actions { display: flex; align-items: center; gap: 12px; } #promo-slider .promo-slide__button { display: inline-flex; align-items: center; justify-content: center; height: 62px; padding: 0 40px; border-radius: 999px; font-family: "pfagoraslabpro", "TildaSans", Arial, sans-serif; font-size: 15px; font-weight: 900; line-height: 1.1; letter-spacing: 0.2px; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; } #promo-slider .promo-slide__button--yellow { background: #151515; color: #fff; }
49 #promo-slider .promo-slide__button--white { background: #fff; color: #151515; } #promo-slider .promo-slide__button--purple { background: #151515; color: #fff; } #promo-slider .promo-slide__info { display: inline-flex; align-items: center; justify-content: center; height: 62px; padding: 0 25px; border-radius: 999px; background: rgba(255, 255, 255, 0.3); color: #151515; font-size: 14px; font-weight: 900; } #promo-slider .promo-slide__decor { position: absolute; z-index: 1; inset: 0; overflow: hidden; pointer-events: none; } #promo-slider .promo-slide__decor-cross--year { position: absolute; right: 120px; bottom: 120px; width: 44px; height: 44px; transform: rotate(12deg); } #promo-slider .promo-slide__decor-cross--year span { position: absolute; top: 50%; left: 50%; display: block; width: 44px; height: 8px; border-radius: 999px; background: rgba(21, 21, 21, 0.16); transform: translate(-50%, -50%); } #promo-slider .promo-slide__decor-cross--year span:last-child { transform: translate(-50%, -50%) rotate(90deg); } #promo-slider .promo-slide__decor-grid--year { position: absolute; right: 60px; bottom: 60px; display: grid; grid-template-columns: repeat(3, 7px); gap: 10px; transform: rotate(5deg); } #promo-slider .promo-slide__decor-grid--year span { width: 7px; height: 7px; border-radius: 50%; background: rgba(21, 21, 21, 0.22); } #promo-slider .promo-slider__arrow { position: absolute; top: 50%; z-index: 20; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #151515; font-size: 16px; cursor: pointer; transform: translateY(-50%); transition: transform 0.25s ease, box-shadow 0.25s ease; } #promo-slider .promo-slider__arrow:hover { transform: translateY(-50%) scale(1.08); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15); } #promo-slider .promo-slider__arrow--prev { left: 15px; } #promo-slider .promo-slider__arrow--next { right: 15px; } #promo-slider .promo-slider__dots { display: none; } @media (max-width: 768px) { #promo-slider { padding: 8px 0 14px; } #promo-slider .promo-slider__wrap { width: calc(100% - 20px); max-width: 520px; } #promo-slider .promo-slider__viewport { height: auto; min-height: 0; border-radius: 24px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,.09); transition: height .3s ease; } #promo-slider .promo-slider__track { width: 200%; height: auto; align-items: flex-start; } #promo-slider .promo-slide { flex: 0 0 50%; width: 50%; height: auto; min-height: 0; flex-direction: column; } #promo-slider .promo-slide__photo { width: 100%; overflow: hidden; } #promo-slider .promo-slide--year .promo-slide__photo { aspect-ratio: 1.14 / 1; height: auto; flex: 0 0 auto; background: #6F42FF; } #promo-slider .promo-slide--year .promo-slide__photo picture, #promo-slider .promo-slide--year .promo-slide__photo img { display: block; width: 100%; height: 100%; } #promo-slider .promo-slide--year .promo-slide__photo img { object-fit: cover; object-position: center top; } #promo-slider .promo-slide--summer .promo-slide__photo { height: 226px; flex: 0 0 226px; } #promo-slider .promo-slide--summer .promo-slide__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 20%; } #promo-slider .promo-slide__content, #promo-slider .promo-slide--summer .promo-slide__content { position: relative; width: 100%; padding: 17px 17px 42px; justify-content: flex-start; } #promo-slider .promo-slide--year .promo-slide__content { position: static; width: 100%; padding: 17px 17px 42px; justify-content: flex-start; } #promo-slider .promo-slide__badge, #promo-slider .promo-slide--year .promo-slide__badge { position: static; display: inline-flex; width: fit-content; margin: 0 0 12px; padding: 7px 11px; border-radius: 999px; font-size: 9px; line-height: 1; box-shadow: none; } #promo-slider .promo-slide--summer .promo-slide__badge { background: #FEE500; } #promo-slider .promo-slide--year .promo-slide__badge { order: 1; } #promo-slider .promo-slide--year .promo-slide__title { order: 2; } #promo-slider .promo-slide--year .promo-slide__subtitle { order: 3; } #promo-slider .promo-slide--year .promo-slide__tags { order: 4; } #promo-slider .promo-slide--year .promo-slide__actions { order: 5; } #promo-slider .promo-slide__title { margin: 0 0 10px; font-size: clamp(29px, 8.6vw, 35px); line-height: .96; letter-spacing: -.02em; } #promo-slider .promo-slide--year .promo-slide__title br, #promo-slider .promo-slide--summer .promo-slide__title br { display: none; } #promo-slider .promo-slide--year .promo-slide__title span { display: block; margin-top: 3px; } #promo-slider .promo-slide__subtitle { margin: 0 0 15px; font-size: 13.5px; line-height: 1.38; } #promo-slider .promo-slide--year .promo-slide__tags--marquee { display: block; width: calc(100% + 34px); margin: 0 -17px 17px; padding: 0; overflow: hidden; mask-image: linear-gradient(to right, transparent 0, #000 4%, #000 96%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0, #000 4%, #000 96%, transparent 100%); } #promo-slider .promo-slide--year .promo-slide__tags-track { display: flex; width: max-content; animation: promoTagsMarqueeMobile 20s linear infinite; will-change: transform; } #promo-slider .promo-slide--year .promo-slide__tags-group { display: flex; flex-shrink: 0; gap: 7px; padding-right: 7px; } #promo-slider .promo-slide--year .promo-slide__tags-group--clone { display: flex; } @keyframes promoTagsMarqueeMobile { from { transform: translateX(0); } to { transform: translateX(-50%); } } #promo-slider .promo-slide--summer .promo-slide__tags { display: flex; flex-wrap: nowrap; gap: 7px; width: calc(100% + 17px); margin: 0 -17px 17px 0; padding: 0 40px 2px 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; } #promo-slider .promo-slide--summer .promo-slide__tags::-webkit-scrollbar { display: none; } #promo-slider .promo-slide__tag, #promo-slider .promo-slide__tags--marquee .promo-slide__tag, #promo-slider .promo-slide--summer .promo-slide__tag { flex: 0 0 auto; width: auto; min-width: max-content; height: 34px; padding: 0 11px; border-radius: 999px; font-size: 10.5px; white-space: nowrap; } #promo-slider .promo-slide__actions, #promo-slider .promo-slide__actions--summer { display: flex; flex-direction: column; gap: 8px; width: 100%; } #promo-slider .promo-slide__button, #promo-slider .promo-slide__actions--summer .promo-slide__button { width: 100%; min-width: 0; height: 50px; padding: 0 16px; border-radius: 16px; font-size: 12px; line-height: 1.05; white-space: normal; } #promo-slider .promo-slider__arrow { top: 96px; width: 34px; height: 34px; font-size: 12px; transform: none; box-shadow: 0 4px 14px rgba(0,0,0,.14); } #promo-slider .promo-slider__arrow:hover { transform: none; }
49 #promo-slider .promo-slider__arrow--prev { left: 10px; } #promo-slider .promo-slider__arrow--next { right: 10px; } #promo-slider .promo-slider__dots { position: absolute; left: 50%; bottom: 16px; z-index: 20; display: flex; align-items: center; gap: 6px; transform: translateX(-50%); } #promo-slider .promo-slider__dot { display: block; width: 6px; height: 6px; border-radius: 999px; background: rgba(21,21,21,.22); transition: width .2s ease, background .2s ease; } #promo-slider .promo-slider__dot.is-active { width: 20px; background: #151515; } #promo-slider .promo-slide__decor-cross--year, #promo-slider .promo-slide__decor-grid--year, #promo-slider .promo-slide__decor--summer { display: none !important; } } @media (max-width: 480px) { #promo-slider .promo-slider__wrap { width: calc(100% - 16px); } #promo-slider .promo-slide--summer .promo-slide__photo { height: 210px; flex-basis: 210px; } #promo-slider .promo-slide--year .promo-slide__photo { aspect-ratio: 1.14 / 1; height: auto; flex-basis: auto; } #promo-slider .promo-slide__content, #promo-slider .promo-slide--year .promo-slide__content, #promo-slider .promo-slide--summer .promo-slide__content { padding: 17px 14px 44px; } #promo-slider .promo-slide__title { font-size: clamp(28px, 8.8vw, 33px); } #promo-slider .promo-slide__subtitle { font-size: 13px; } #promo-slider .promo-slide--year .promo-slide__tags--marquee { width: calc(100% + 28px); margin-right: -14px; margin-left: -14px; } #promo-slider .promo-slide--summer .promo-slide__tags { width: calc(100% + 14px); margin-right: -14px; padding-right: 40px; } #promo-slider .promo-slider__arrow { top: 88px; width: 32px; height: 32px; } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-slider__track { transition: none; } #promo-slider .promo-slide--year .promo-slide__tags-track { animation-play-state: paused; } } @media (max-width: 768px) { #promo-slider .promo-slide--summer .promo-slide__photo { height: 205px !important; flex: 0 0 205px !important; background: #FFB51B; } #promo-slider .promo-slide--summer .promo-slide__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 28%; } #promo-slider .promo-slide--summer .promo-slide__content { position: static !important; padding: 18px 17px 42px !important; } #promo-slider .promo-slide--summer .promo-slide__badge { position: absolute !important; top: 18px !important; right: 20px !important; left: auto !important; z-index: 15 !important; margin: 0 !important; padding: 8px 13px !important; background: #FEE500 !important; color: #151515 !important; border: 0 !important; border-radius: 999px !important; font-size: 10px !important; font-weight: 900 !important; box-shadow: 0 5px 15px rgba(0,0,0,.12) !important; } #promo-slider .promo-slide--summer .promo-slide__title { margin: 0 0 12px !important; font-size: clamp(27px, 7.8vw, 33px) !important; line-height: .98 !important; letter-spacing: -.02em !important; } #promo-slider .promo-slide--summer .promo-slide__title br { display: block !important; } #promo-slider .promo-slide--summer .promo-slide__subtitle { margin: 0 0 16px !important; font-size: 13.5px !important; line-height: 1.38 !important; } #promo-slider .promo-slide--summer .promo-slide__tags--summer-marquee { display: block !important; width: calc(100% + 34px) !important; margin: 0 -17px 18px !important; padding: 0 !important; overflow: hidden !important; mask-image: linear-gradient(to right, transparent 0, #000 4%, #000 96%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0, #000 4%, #000 96%, transparent 100%); } #promo-slider .promo-slide--summer .promo-slide__tags--summer-marquee .promo-slide__tags-track { display: flex !important; width: max-content !important; animation: promoSummerTagsMarquee 20s linear infinite !important; will-change: transform; } #promo-slider .promo-slide--summer .promo-slide__tags--summer-marquee .promo-slide__tags-group { display: flex !important; flex-shrink: 0 !important; gap: 7px !important; padding-right: 7px !important; } #promo-slider .promo-slide--summer .promo-slide__tags--summer-marquee .promo-slide__tags-group--clone { display: flex !important; } #promo-slider .promo-slide--summer .promo-slide__tags--summer-marquee .promo-slide__tag { flex: 0 0 auto !important; min-width: max-content !important; height: 34px !important; padding: 0 12px !important; background: #F2F2F2 !important; color: #151515 !important; font-size: 10.5px !important; white-space: nowrap !important; } @keyframes promoSummerTagsMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } #promo-slider .promo-slide--summer .promo-slide__actions { margin-top: 0 !important; } #promo-slider .promo-slide--summer .promo-slide__button { height: 50px !important; border-radius: 16px !important; } } @media (max-width: 480px) { #promo-slider .promo-slide--summer .promo-slide__photo { height: 190px !important; flex-basis: 190px !important; } #promo-slider .promo-slide--summer .promo-slide__badge { top: 14px !important; right: 16px !important; } #promo-slider .promo-slide--summer .promo-slide__content { padding: 17px 14px 42px !important; } #promo-slider .promo-slide--summer .promo-slide__title { font-size: clamp(26px, 8.2vw, 31px) !important; } #promo-slider .promo-slide--summer .promo-slide__tags--summer-marquee { width: calc(100% + 28px) !important; margin-left: -14px !important; margin-right: -14px !important; } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-slide--summer .promo-slide__tags--summer-marquee .promo-slide__tags-track { animation-play-state: paused !important; } } </style>
49<script> (function removeOldDirectionsHint() { const slider = document.querySelector("#promo-slider"); if (!slider) return; slider.querySelectorAll("*").forEach(function(el) { const ownText = Array.from(el.childNodes) .filter(function(node) { return node.nodeType === Node.TEXT_NODE; }) .map(function(node) { return node.textContent; }) .join(" ") .replace(/\s+/g, " ") .trim(); if (/^лиÑÑайÑе напÑавлениÑ$/i.test(ownText)) { const parent = el.parentElement; if (parent && parent.children.length <= 3) { parent.remove(); } else { el.remove(); } } }); })(); </script>
49
49<script> (function() { const slider = document.querySelector("#promo-slider"); if (!slider) return; const viewport = slider.querySelector(".promo-slider__viewport"); const track = slider.querySelector(".promo-slider__track"); const slides = Array.from(slider.querySelectorAll(".promo-slide")); const arrows = slider.querySelectorAll(".promo-slider__arrow"); const dots = slider.querySelectorAll(".promo-slider__dot"); let currentSlide = 0, touchStartX = 0, touchEndX = 0; const isMobile = () => window.innerWidth <= 768; function updateSliderHeight(){ if(!isMobile()){ viewport.style.height=""; return; } const a=slides[currentSlide]; if(a) viewport.style.height=a.scrollHeight+"px"; } function updateDots(){ dots.forEach((d,i)=>d.classList.toggle("is-active",i===currentSlide)); } function showSlide(index){ currentSlide=(index+slides.length)%slides.length; track.style.transform="translateX(-"+(currentSlide*(100/slides.length))+"%)"; slides.forEach((sl,i)=>sl.classList.toggle("is-active-slide",i===currentSlide)); updateDots(); requestAnimationFrame(updateSliderHeight); } arrows.forEach(button=>button.addEventListener("click",()=>{ const dir=button.classList.contains("promo-slider__arrow--next")?1:-1; showSlide(currentSlide+dir); })); viewport.addEventListener("touchstart",e=>{touchStartX=e.changedTouches[0].screenX;},{passive:true}); viewport.addEventListener("touchend",e=>{ touchEndX=e.changedTouches[0].screenX; const d=touchStartX-touchEndX; if(Math.abs(d)>=50) showSlide(currentSlide+(d>0?1:-1)); },{passive:true}); window.addEventListener("resize",()=>showSlide(currentSlide)); window.addEventListener("load",updateSliderHeight); slider.querySelectorAll("img").forEach(img=>{if(!img.complete) img.addEventListener("load",updateSliderHeight);}); showSlide(0); })(); </script>
49 <style> @media (max-width: 768px) { #promo-slider .promo-slide--year .promo-slide__photo, #promo-slider .promo-slide--summer .promo-slide__photo { aspect-ratio: auto !important; height: 290px !important; min-height: 290px !important; max-height: 290px !important; flex: 0 0 290px !important; } #promo-slider .promo-slide--year .promo-slide__photo picture, #promo-slider .promo-slide--year .promo-slide__photo img, #promo-slider .promo-slide--summer .promo-slide__photo img { width: 100% !important; height: 100% !important; } #promo-slider .promo-slide--year .promo-slide__photo img { object-fit: cover !important; object-position: center top !important; } } @media (max-width: 480px) { #promo-slider .promo-slide--year .promo-slide__photo, #promo-slider .promo-slide--summer .promo-slide__photo { aspect-ratio: auto !important; height: 270px !important; min-height: 270px !important; max-height: 270px !important; flex: 0 0 270px !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--year .promo-slide__photo img, #promo-slider .promo-slide--summer .promo-slide__photo img { object-fit: cover !important; } #promo-slider .promo-slide--year .promo-slide__photo img { object-position: center center !important; } #promo-slider .promo-slide--summer .promo-slide__photo img { object-position: center center !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--year .promo-slide__photo, #promo-slider .promo-slide--summer .promo-slide__photo { aspect-ratio: auto !important; height: 255px !important; min-height: 255px !important; max-height: 255px !important; flex: 0 0 255px !important; } #promo-slider .promo-slide--year .promo-slide__photo picture, #promo-slider .promo-slide--year .promo-slide__photo img, #promo-slider .promo-slide--summer .promo-slide__photo img { width: 100% !important; height: 100% !important; } #promo-slider .promo-slide--year .promo-slide__photo img { object-fit: cover !important; object-position: center center !important; } #promo-slider .promo-slider__arrow { top: 128px !important; width: 34px !important; height: 34px !important; } #promo-slider .promo-slider__arrow--prev { left: 12px !important; } #promo-slider .promo-slider__arrow--next { right: 12px !important; } } @media (max-width: 480px) { #promo-slider .promo-slide--year .promo-slide__photo, #promo-slider .promo-slide--summer .promo-slide__photo { height: 240px !important; min-height: 240px !important; max-height: 240px !important; flex: 0 0 240px !important; } #promo-slider .promo-slider__arrow { top: 120px !important; width: 32px !important; height: 32px !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide__button, #promo-slider .promo-slide__actions--summer .promo-slide__button { border-radius: 999px !important; } #promo-slider .promo-slide--year .promo-slide__actions .promo-slide__button:first-child { background: linear-gradient(135deg, #9A55A5 0%, #813F8E 52%, #6E337A 100%) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.14) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 8px 18px rgba(80,34,91,.20) !important; } #promo-slider .promo-slide--year .promo-slide__actions .promo-slide__button:first-child:hover, #promo-slider .promo-slide--year .promo-slide__actions .promo-slide__button:first-child:active { background: linear-gradient(135deg, #A35AAD 0%, #813F8E 52%, #673071 100%) !important; color: #fff !important; } #promo-slider .promo-slide__title, #promo-slider .promo-slide__title span { line-height: .96 !important; } #promo-slider .promo-slide--year .promo-slide__title, #promo-slider .promo-slide--summer .promo-slide__title { line-height: .96 !important; } #promo-slider .promo-slide--year .promo-slide__photo { position: relative !important; } #promo-slider .promo-slide--year .promo-slide__photo::before { content: "</>"; position: absolute; left: 22px; top: 22px; z-index: 5; display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 18px; background: linear-gradient(145deg, #FFFFFF 0%, #FBF8FC 58%, #EEE7F0 100%); border: 1px solid rgba(255,255,255,.82); color: #813F8E; font-family: 'TildaSans','TildaSans VF',Arial,sans-serif; font-size: 22px; font-weight: 900; line-height: 1; letter-spacing: -2px; box-shadow: 0 13px 25px rgba(55,18,64,.20), inset 0 2px 2px rgba(255,255,255,.95), inset 0 -3px 7px rgba(90,48,98,.08); transform: rotate(-7deg); pointer-events: none; } #promo-slider .promo-slide--year .promo-slide__photo::after { content: ""; position: absolute; left: 15px; top: 14px; z-index: 3; width: 82px; height: 82px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.17) 0%, rgba(255,255,255,0) 70%); filter: blur(2px); pointer-events: none; } #promo-slider .promo-slide--year .promo-slide__decor-cross--year, #promo-slider .promo-slide--year .promo-slide__decor-grid--year { display: none !important; } } @media (max-width: 480px) { #promo-slider .promo-slide--year .promo-slide__photo::before { left
49: 17px; top: 17px; width: 52px; height: 52px; border-radius: 16px; font-size: 20px; } #promo-slider .promo-slide--year .promo-slide__photo::after { left: 10px; top: 9px; width: 74px; height: 74px; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--year .promo-slide__photo::before, #promo-slider .promo-slide--year .promo-slide__photo::after { content: none !important; display: none !important; } #promo-slider .promo-slide--year .promo-slide__photo { position: relative !important; isolation: isolate; } #promo-slider .promo-mobile-decor { position: absolute; inset: 0; z-index: 7; pointer-events: none; overflow: hidden; } #promo-slider .promo-mobile-decor__tile { position: absolute; display: flex; align-items: center; justify-content: center; color: #813F8E; background: linear-gradient(145deg, #ffffff 0%, #fbf9fc 58%, #ece5ef 100%); border: 1px solid rgba(255,255,255,.88); box-shadow: 0 14px 28px rgba(55,18,64,.20), inset 0 2px 2px rgba(255,255,255,.95), inset 0 -4px 9px rgba(72,31,80,.08); text-shadow: 0 1px 0 rgba(255,255,255,.8); } #promo-slider .promo-mobile-decor__tile--code { top: 19px; left: 22px; width: 57px; height: 57px; border-radius: 18px; font-size: 21px; font-weight: 900; letter-spacing: -2px; transform: rotate(-8deg); } #promo-slider .promo-mobile-decor__tile--braces { top: 20px; right: 24px; width: 43px; height: 43px; border-radius: 14px; font-size: 16px; font-weight: 900; letter-spacing: -1px; color: rgba(129,63,142,.9); opacity: .78; transform: rotate(9deg); box-shadow: 0 11px 22px rgba(55,18,64,.16), inset 0 2px 2px rgba(255,255,255,.95), inset 0 -3px 7px rgba(72,31,80,.07); } #promo-slider .promo-mobile-decor__cube { position: absolute; left: 28px; top: auto; bottom: 28px; width: 22px; height: 22px; border-radius: 5px; background: linear-gradient(145deg, #ffffff 0%, #eadff0 55%, #c9a7d0 100%); border: 1px solid rgba(255,255,255,.78); box-shadow: 0 8px 14px rgba(55,18,64,.18), inset 0 1px 2px rgba(255,255,255,.9), inset -3px -3px 5px rgba(96,46,106,.10); opacity: .92; transform: rotate(16deg) skew(-2deg, -2deg); } #promo-slider .promo-mobile-decor__plus { position: absolute; right: 68px; top: auto; bottom: 66px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; color: #813F8E; font-size: 23px; font-weight: 900; line-height: 1; text-shadow: 0 1px 0 rgba(255,255,255,.55); filter: drop-shadow(0 6px 8px rgba(55,18,64,.17)); opacity: .72; transform: rotate(8deg); } #promo-slider .promo-slide__title, #promo-slider .promo-slide__title span, #promo-slider .promo-slide--year .promo-slide__title, #promo-slider .promo-slide--summer .promo-slide__title { line-height: 1.01 !important; } #promo-slider .promo-slide--year .promo-slide__title span { display: inline !important; margin: 0 !important; padding: 0 !important; line-height: inherit !important; } #promo-slider .promo-slide--year .promo-slide__actions .promo-slide__button:first-child { position: relative !important; justify-content: center !important; min-height: 54px !important; padding: 0 28px !important; border: 0 !important; border-radius: 999px !important; background: linear-gradient(180deg, #914B9D 0%, #813F8E 52%, #783784 100%) !important; color: #fff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 9px 19px rgba(82,37,91,.22) !important; overflow: hidden; } #promo-slider .promo-slide--year .promo-slide__actions .promo-slide__button:first-child::before { content: ""; position: absolute; inset: 1px 1px auto 1px; height: 48%; border-radius: 999px 999px 45% 45%; background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)); pointer-events: none; } #promo-slider .promo-slide--year .promo-slide__actions .promo-slide__button:first-child:hover, #promo-slider .promo-slide--year .promo-slide__actions .promo-slide__button:first-child:active { background: linear-gradient(180deg, #9650A2 0%, #813F8E 52%, #72327E 100%) !important; } #promo-slider .promo-slide--year .promo-slide__actions .promo-slide__button:nth-child(2) { border-radius: 999px !important; } } @media (max-width: 480px) { #promo-slider .promo-mobile-decor__tile--code { top: 15px; left: 16px; width: 51px; height: 51px; border-radius: 16px; font-size: 19px; } #promo-slider .promo-mobile-decor__tile--braces { top: 16px; right: 17px; width: 38px; height: 38px; border-radius: 12px; font-size: 14px; }
49 #promo-slider .promo-mobile-decor__cube { left: 22px; top: auto; bottom: 22px; width: 19px; height: 19px; border-radius: 4px; } #promo-slider .promo-mobile-decor__plus { right: 56px; top: auto; bottom: 55px; width: 22px; height: 22px; font-size: 20px; } #promo-slider .promo-slide--year .promo-slide__actions .promo-slide__button:first-child { min-height: 52px !important; padding-right: 24px !important; padding-left: 24px !important; } } </style> <style> @media (min-width: 769px) { #promo-slider .promo-slide--year .promo-slide__photo img { object-fit: cover !important; object-position: 62% center !important; } } </style> <style> @media (min-width: 769px) { #promo-slider .promo-slide--year .promo-slide__photo img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: right center !important; } } </style> <style> @media (min-width: 769px) { #promo-slider .promo-slide--year { background: #813F8E !important; } #promo-slider .promo-slide--year .promo-slide__content { background: #813F8E !important; } #promo-slider .promo-slide--year .promo-slide__title, #promo-slider .promo-slide--year .promo-slide__title span { color: #FFFFFF !important; } #promo-slider .promo-slide--year .promo-slide__subtitle { color: rgba(255,255,255,.86) !important; } #promo-slider .promo-slide--year .promo-slide__badge { background: #FFFFFF !important; color: #813F8E !important; border: 1px solid rgba(255,255,255,.35) !important; box-shadow: 0 6px 18px rgba(50,18,57,.12) !important; } #promo-slider .promo-slide--year .promo-slide__sale { background: #FEE500 !important; color: #151515 !important; box-shadow: 0 8px 22px rgba(42,15,49,.16) !important; } #promo-slider .promo-slide--year .promo-slide__sale-percent, #promo-slider .promo-slide--year .promo-slide__sale-text { color: #151515 !important; } #promo-slider .promo-slide--year .promo-slide__tag { background: rgba(255,255,255,.94) !important; color: #2A1830 !important; border: 1px solid rgba(255,255,255,.45) !important; box-shadow: 0 6px 16px rgba(46,18,52,.10) !important; } #promo-slider .promo-slide--year .promo-slide__button--yellow { background: linear-gradient(135deg, #FEE500 0%, #FFD900 100%) !important; color: #151515 !important; box-shadow: 0 9px 22px rgba(45,17,51,.18) !important; } #promo-slider .promo-slide--year .promo-slide__button--white { background: rgba(255,255,255,.10) !important; color: #FFFFFF !important; border: 1.5px solid rgba(255,255,255,.70) !important; box-shadow: none !important; } #promo-slider .promo-slide--year .promo-slide__decor-cross--year span { background: rgba(255,255,255,.18) !important; } #promo-slider .promo-slide--year .promo-slide__decor-grid--year span { background: rgba(255,255,255,.22) !important; } } </style> <style> @media (min-width: 769px) { #promo-slider .promo-slide--year .promo-slide__photo { background-image: url("https://lh3.googleusercontent.com/d/1LH-oAN-1H8FqD33peBMQ-_QX1mqCQijO") !important; background-size: cover !important; background-position: right center !important; background-repeat: no-repeat !important; } #promo-slider .promo-slide--year .promo-slide__photo img { opacity: 0 !important; } } </style> <style> @media (min-width: 769px) { #promo-slider .promo-slide--year .promo-slide__photo { position: relative !important; overflow: hidden !important; background-color: #813F8E !important; } #promo-slider .promo-slide--year .promo-slide__photo::after { content: ""; position: absolute; z-index: 4; top: 0; right: -1px; bottom: 0; width: 46px; pointer-events: none; background: linear-gradient( 90deg, rgba(129,63,142,0) 0%, rgba(129,63,142,.28) 38%, rgba(129,63,142,.72) 72%, #813F8E 100% ); } #promo-slider .promo-slide--year::before, #promo-slider .promo-slide--year::after { display: none !important; content: none !important; } #promo-slider .promo-slide--year .promo-slide__tags { gap: 7px !important; } #promo-slider .promo-slide--year .promo-slide__tag { height: 36px !important; padding: 0 11px !important; gap: 0 !important; border-radius: 999px !important; transition: transform .22s ease, box-shadow .22s ease, background .22s ease; } #promo-slider .promo-slide--year .promo-slide__tag span { margin-right: 6px !important; transition: transform .22s ease; } #promo-slider .promo-slide--year .promo-slide__tag:hover { transform: translateY(-3px); background: #fff !important; box-shadow: 0 10px 22px rgba(46,18,52,.16) !important; } #promo-slider .promo-slide--year .promo-slide__tag:hover span { transform: scale(1.12) rotate(-4deg); } #promo-slider .promo-slide--year .promo-slide__tag { animation: promoTagIn .55s cubic-bezier(.2,.75,.25,1) both; } #promo-slider .promo-slide--year .promo-slide__tag:nth-child(1) { animation-delay: .06s; } #promo-slider .promo-slide--year .promo-slide__tag:nth-child(2) { animation-delay: .11s; } #promo-slider .promo-slide--year .promo-slide__tag:nth-child(3) { animation-delay: .16s; } #promo-slider .promo-slide--year .promo-slide__tag:nth-child(4) { animation-delay: .21s; } #promo-slider .promo-slide--year .promo-slide__tag:nth-child(5) { animation-delay: .26s; } @keyframes promoTagIn { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } } #promo-slider .promo-slide--year .promo-slide__button { transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important; } #promo-slider .promo-slide--year .promo-slide__button:hover { transform: translateY(-3px); } #promo-slider .promo-slide--year .promo-slide__button--yellow:hover { filter: brightness(1.03); box-shadow: 0 12px 26px rgba(45,17,51,.22) !important; }
49 #promo-slider .promo-slide--year .promo-slide__button--white:hover { background: rgba(255,255,255,.16) !important; } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-slide--year .promo-slide__tag, #promo-slider .promo-slide--year .promo-slide__button { animation: none !important; transition: none !important; } } </style> <style> @media (min-width: 769px) { #promo-slider .promo-slide--year .promo-slide__tag { gap: 4px !important; padding-left: 11px !important; padding-right: 11px !important; } #promo-slider .promo-slide--year .promo-slide__tag span { margin: 0 !important; padding: 0 !important; } } </style> <style> @media (min-width: 769px) { #promo-slider .promo-slide--year .promo-slide__photo { isolation: isolate; } #promo-slider .promo-slide--year .promo-slide__photo > img, #promo-slider .promo-slide--year .promo-slide__photo > picture { position: relative; z-index: 2; } #promo-slider .promo-tech-decor { position: absolute; z-index: 5; display: flex; align-items: center; justify-content: center; background: linear-gradient(145deg, rgba(255,255,255,.99), rgba(245,239,247,.96)); color: #813F8E; border: 1px solid rgba(255,255,255,.82); box-shadow: 0 15px 30px rgba(46,17,53,.18), inset 0 1px 1px rgba(255,255,255,.95), inset 0 -5px 12px rgba(129,63,142,.06); font-family: Arial, sans-serif; font-weight: 800; pointer-events: none; will-change: transform; } #promo-slider .promo-tech-decor--code { top: 9%; left: 8%; width: 76px; height: 70px; border-radius: 22px; font-size: 28px; transform: rotate(-7deg); animation: promoCodeFloat 6.4s ease-in-out infinite; } #promo-slider .promo-tech-decor--braces { right: 6%; top: 22%; width: 62px; height: 58px; border-radius: 19px; font-size: 24px; opacity: .96; transform: rotate(7deg); animation: promoBracesFloat 7.2s ease-in-out infinite; } #promo-slider .promo-tech-orbit { position: absolute; z-index: 1; left: 7%; top: 14%; width: 79%; height: 67%; border: 1.5px dashed rgba(255,255,255,.28); border-radius: 48% 52% 46% 54% / 55% 43% 57% 45%; transform: rotate(-7deg); pointer-events: none; animation: promoOrbitBreath 8s ease-in-out infinite; } #promo-slider .promo-tech-orbit span { position: absolute; top: -4px; left: 18%; width: 8px; height: 8px; border-radius: 50%; background: #FEE500; box-shadow: 0 0 0 5px rgba(254,229,0,.12); animation: promoOrbitDot 7s ease-in-out infinite; } @keyframes promoCodeFloat { 0%,100% { transform: translate3d(0,0,0) rotate(-7deg); } 50% { transform: translate3d(0,-7px,0) rotate(-4deg); } } @keyframes promoBracesFloat { 0%,100% { transform: translate3d(0,0,0) rotate(7deg); } 50% { transform: translate3d(-4px,6px,0) rotate(4deg); } } @keyframes promoOrbitBreath { 0%,100% { opacity: .78; transform: rotate(-7deg) scale(1); } 50% { opacity: 1; transform: rotate(-5deg) scale(1.012); } } @keyframes promoOrbitDot { 0%,100% { transform: translateX(0) scale(.9); opacity: .7; } 50% { transform: translateX(34px) scale(1.08); opacity: 1; } } } @media (max-width: 768px) { #promo-slider .promo-tech-decor, #promo-slider .promo-tech-orbit { display: none !important; } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-tech-decor, #promo-slider .promo-tech-orbit, #promo-slider .promo-tech-orbit span { animation: none !important; } } </style> <style> #promo-slider .promo-tech-orbit, #promo-slider .promo-tech-orbit span { display: none !important; } </style> <style> @media (min-width: 769px) { #promo-slider .promo-slide--year .promo-slide__sale { transform-origin: center center; will-change: transform; animation: promoSaleFloat 5.8s ease-in-out infinite !important; } @keyframes promoSaleFloat { 0%, 100% { transform: translate3d(0,0,0) rotate(0deg); } 50% { transform: translate3d(0,-6px,0) rotate(-1.2deg); } } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-slide--year .promo-slide__sale { animation: none !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--year .promo-slide__tag { gap: 4px !important; padding-left: 10px !important; padding-right: 10px !important; transition: transform .22s ease, box-shadow .22s ease, background .22s ease !important; } #promo-slider .promo-slide--year .promo-slide__tag span { margin: 0 !important; padding: 0 !important; } #promo-slider .promo-slide--year .promo-slide__tag { animation: promoMobileTagIn .5s cubic-bezier(.2,.75,.25,1) both; } #promo-slider .promo-slide--year .promo-slide__tag:nth-child(1) { animation-delay: .04s; } #promo-slider .promo-slide--year .promo-slide__tag:nth-child(2) { animation-delay: .08s; } #promo-slider .promo-slide--year .promo-slide__tag:nth-child(3) { animation-delay: .12s; } #promo-slider .promo-slide--year .promo-slide__tag:nth-child(4) { animation-delay: .16s; } #promo-slider .promo-slide--year .promo-slide__tag:nth-child(5) { animation-delay: .20s; } @keyframes promoMobileTagIn { from { opacity: 0; transform: translateY(5px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } } #promo-slider .promo-slide--year .promo-slide__sale { transform-origin: center center !important; will-change: transform; animation: promoMobileSaleFloat 5.8s ease-in-out infinite !important; } @keyframes promoMobileSaleFloat { 0%, 100% { transform: translate3d(0,
490,0) rotate(-1deg); } 50% { transform: translate3d(0,-5px,0) rotate(-2deg); } } #promo-slider .promo-slide--year .promo-slide__photo { position: relative !important; isolation: isolate; } #promo-slider .promo-tech-orbit, #promo-slider .promo-tech-orbit span { display: none !important; } #promo-slider .promo-mobile-decor { position: absolute !important; inset: 0 !important; z-index: 8 !important; display: block !important; pointer-events: none !important; overflow: hidden !important; } #promo-slider .promo-mobile-decor__tile { position: absolute !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #ffffff 0%, #fbf9fc 58%, #ece5ef 100% ) !important; color: #813F8E !important; border: 1px solid rgba(255,255,255,.88) !important; box-shadow: 0 12px 24px rgba(55,18,64,.18), inset 0 2px 2px rgba(255,255,255,.96), inset 0 -4px 9px rgba(72,31,80,.08) !important; text-shadow: 0 1px 0 rgba(255,255,255,.82); will-change: transform; } #promo-slider .promo-mobile-decor__tile--code { top: 18px !important; left: 18px !important; right: auto !important; width: 54px !important; height: 54px !important; border-radius: 17px !important; font-size: 20px !important; font-weight: 900 !important; letter-spacing: -2px !important; animation: promoMobileCodeFloat 6.2s ease-in-out infinite !important; } #promo-slider .promo-mobile-decor__tile--braces { top: 20px !important; right: 18px !important; left: auto !important; width: 42px !important; height: 42px !important; border-radius: 14px !important; font-size: 15px !important; font-weight: 900 !important; letter-spacing: -1px !important; opacity: .9 !important; animation: promoMobileBracesFloat 7s ease-in-out infinite !important; } @keyframes promoMobileCodeFloat { 0%,100% { transform: translate3d(0,0,0) rotate(-7deg); } 50% { transform: translate3d(0,-6px,0) rotate(-4deg); } } @keyframes promoMobileBracesFloat { 0%,100% { transform: translate3d(0,0,0) rotate(7deg); } 50% { transform: translate3d(-3px,5px,0) rotate(4deg); } } #promo-slider .promo-slide--year .promo-slide__button { transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important; } #promo-slider .promo-slide--year .promo-slide__button:active { transform: scale(.985); } #promo-slider .promo-slide--year .promo-slide__title, #promo-slider .promo-slide--year .promo-slide__title span { line-height: .96 !important; } } @media (max-width: 480px) { #promo-slider .promo-mobile-decor__tile--code { top: 15px !important; left: 15px !important; width: 48px !important; height: 48px !important; border-radius: 15px !important; font-size: 18px !important; } #promo-slider .promo-mobile-decor__tile--braces { top: 16px !important; right: 14px !important; width: 38px !important; height: 38px !important; border-radius: 13px !important; font-size: 14px !important; } #promo-slider .promo-slide--year .promo-slide__tag { gap: 3px !important; padding-left: 9px !important; padding-right: 9px !important; } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-mobile-decor__tile, #promo-slider .promo-slide--year .promo-slide__sale, #promo-slider .promo-slide--year .promo-slide__tag { animation: none !important; } #promo-slider .promo-slide--year .promo-slide__button { transition: none !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--year .promo-slide__actions .promo-slide__button:first-child, #promo-slider .promo-slide--year .promo-slide__button--yellow { background: #813F8E !important; background-image: none !important; color: #FFFFFF !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--year { background: #FFFFFF !important; } #promo-slider .promo-slide--year .promo-slide__content { background: #FFFFFF !important; color: #171717 !important; } #promo-slider .promo-slide--year .promo-slide__title, #promo-slider .promo-slide--year .promo-slide__title span { color: #171717 !important; } #promo-slider .promo-slide--year .promo-slide__subtitle { color: #5E5E5E !important; } #promo-slider .promo-slide--year .promo-slide__badge { background: #F4EDF6 !important; color: #813F8E !important; border-color: rgba(129,63,142,.10) !important; } #promo-slider .promo-slide--year .promo-slide__tag { background: #F7F7F7 !important; color: #252525 !important; border: 1px solid rgba(0,0,0,.055) !important; box-shadow: none !important; } #promo-slider .promo-slide--year .promo-slide__actions .promo-slide__button:first-child, #promo-slider .promo-slide--year .promo-slide__button--yellow { background: #813F8E !important; background-image: none !important; color: #FFFFFF !important; } #promo-slider .promo-slide--year .promo-slide__actions .promo-slide__button:nth-child(2), #promo-slider .promo-slide--year .promo-slide__button--w
49hite { background: #F4F4F4 !important; color: #171717 !important; border: 1px solid rgba(0,0,0,.06) !important; } #promo-slider .promo-slide--trial .promo-slide__tags { gap: 6px !important; } #promo-slider .promo-slide--trial .promo-slide__tag { gap: 4px !important; padding-left: 10px !important; padding-right: 10px !important; } #promo-slider .promo-slide--trial .promo-slide__tag span { margin: 0 !important; padding: 0 !important; } #promo-slider .promo-slide--trial .promo-slide__photo { height: auto !important; min-height: 0 !important; background: #813F8E !important; overflow: hidden !important; } #promo-slider .promo-slide--trial .promo-slide__photo picture { display: block !important; width: 100% !important; height: auto !important; } #promo-slider .promo-slide--trial .promo-slide__photo img { display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; object-fit: contain !important; object-position: center center !important; } #promo-slider .promo-slide--trial .promo-slide__photo[style*="background"], #promo-slider .promo-slide--trial .promo-slide__photo { background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; } } @media (max-width: 480px) { #promo-slider .promo-slide--trial .promo-slide__tags { gap: 5px !important; } #promo-slider .promo-slide--trial .promo-slide__tag { gap: 3px !important; padding-left: 9px !important; padding-right: 9px !important; } } </style> <style> @media (max-width: 768px) { #promo-slider { padding: 12px 0 18px !important; } #promo-slider .promo-slider__wrap { width: calc(100% - 24px) !important; max-width: 520px !important; margin: 0 auto !important; } #promo-slider .promo-slider__viewport { position: relative !important; background: #FFFFFF !important; border: 1px solid rgba(20,20,20,.08) !important; border-radius: 30px !important; overflow: hidden !important; box-shadow: 0 14px 34px rgba(35,20,38,.10), 0 3px 10px rgba(35,20,38,.05) !important; } #promo-slider .promo-slide, #promo-slider .promo-slide--year, #promo-slider .promo-slide--summer { background: #FFFFFF !important; } #promo-slider .promo-slide__content, #promo-slider .promo-slide--year .promo-slide__content, #promo-slider .promo-slide--summer .promo-slide__content { background: #FFFFFF !important; } #promo-slider .promo-slide__photo { border-radius: 0 !important; } #promo-slider .promo-slider__arrow { z-index: 30 !important; background: rgba(255,255,255,.96) !important; border: 1px solid rgba(20,20,20,.08) !important; box-shadow: 0 8px 20px rgba(20,20,20,.12) !important; } #promo-slider .promo-slider__arrow--prev { left: 8px !important; } #promo-slider .promo-slider__arrow--next { right: 8px !important; } #promo-slider .promo-slider__dot { background: rgba(129,63,142,.22) !important; } #promo-slider .promo-slider__dot.is-active { background: #813F8E !important; } } @media (max-width: 480px) { #promo-slider .promo-slider__wrap { width: calc(100% - 18px) !important; } #promo-slider .promo-slider__viewport { border-radius: 26px !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--summer .promo-slide__photo { position: relative !important; height: 255px !important; min-height: 255px !important; max-height: 255px !important; flex: 0 0 255px !important; background: #813F8E !important; overflow: hidden !important; } #promo-slider .promo-slide--summer .promo-slide__photo img { position: absolute !important; width: 92% !important; height: auto !important; max-width: none !important; left: 50% !important; top: 50% !important; object-fit: contain !important; object-position: center center !important; transform: translate(-47%, -50%) scale(.94) !important; transform-origin: center center !important; } } @media (max-width: 480px) { #promo-slider .promo-slide--summer .promo-slide__photo { height: 240px !important; min-height: 240px !important; max-height: 240px !important; flex: 0 0 240px !important; } #promo-slider .promo-slide--summer .promo-slide__photo img { width: 96% !important; transform: translate(-46%, -50%) scale(.92) !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--summer .promo-slide__photo { position: relative !important; height: 255px !important; min-height: 255px !important; max-height: 255px !important; flex: 0 0 255px !important; background: #813F8E !important; overflow: hidden !important; } #promo-slider .promo-slide--summer .promo-slide__photo img { position: absolute !important; display: block !important; width: auto !important; height: 88% !important; max-width: none !important; left: 52% !important; top: 53% !important; object-fit: contain !important; object-position: center center !important; transform: translate(-50%, -50%) !important; } } @media (max-width: 480px) { #promo-slider .promo-slide--summer .promo-slide__photo { height: 240px !important; min-height: 240px !important; max-height: 240px !important; flex: 0 0 240px !important; } #promo-slider .promo-slide--summer .promo-slide__photo img { height: 86% !important; left: 53% !important; top: 54% !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--summer .promo-slide__photo { background-image: url("https://lh3.googleusercontent.com/d/1eQ4LsVvashJfpLbo2RVlugCcghELJdRB") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } #promo-slider .promo-slide--summer .promo-slide__photo picture, #promo-slider .promo-slide--summer .promo-slide__photo > img { opacity: 0 !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--summer .promo-slide__badge, #promo-slider .promo-slide--summer .promo-slide__date { position: absolute !important; z-index: 20 !important; top: 43% !important; right: 7% !important; left: auto !important; margin: 0 !important; transform-origin: center center; will-change: transform; animation: promoSummerDateFloat 5.4s ease-in-out infinite !important; } @keyframes promoSummerDateFloat { 0%, 100% { transform: translate3d(0,
490,0) rotate(0deg); } 50% { transform: translate3d(0,-4px,0) rotate(-1deg); } } } @media (max-width: 480px) { #promo-slider .promo-slide--summer .promo-slide__badge, #promo-slider .promo-slide--summer .promo-slide__date { top: 42% !important; right: 6% !important; } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-slide--summer .promo-slide__badge, #promo-slider .promo-slide--summer .promo-slide__date { animation: none !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--summer .promo-slide__badge { position: absolute !important; z-index: 25 !important; top: 150px !important; right: 30px !important; left: auto !important; margin: 0 !important; padding: 8px 14px !important; border-radius: 999px !important; background: #FEE500 !important; color: #151515 !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; box-shadow: 0 7px 18px rgba(56,36,0,.16) !important; transform-origin: center center !important; animation: promoSummerDateFloatFixed 5.4s ease-in-out infinite !important; } @keyframes promoSummerDateFloatFixed { 0%, 100% { transform: translate3d(0,0,0) rotate(0deg); } 50% { transform: translate3d(0,-4px,0) rotate(-1deg); } } #promo-slider .promo-slide--summer .promo-slide__content { position: relative !important; padding-top: 20px !important; } } @media (max-width: 480px) { #promo-slider .promo-slide--summer .promo-slide__badge { top: 142px !important; right: 22px !important; padding: 7px 12px !important; font-size: 9.5px !important; } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-slide--summer .promo-slide__badge { animation: none !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--summer .promo-slide__badge { position: absolute !important; z-index: 25 !important; top: 118px !important; right: 26px !important; left: auto !important; bottom: auto !important; margin: 0 !important; padding: 9px 15px !important; border-radius: 16px !important; background: #FEE500 !important; color: #151515 !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; box-shadow: 0 8px 18px rgba(56,36,0,.18) !important; transform: rotate(-4deg) !important; transform-origin: center center !important; animation: promoSummerDateFingerFloat 5.2s ease-in-out infinite !important; } @keyframes promoSummerDateFingerFloat { 0%, 100% { transform: translate3d(0,0,0) rotate(-4deg); } 50% { transform: translate3d(0,-4px,0) rotate(-2.5deg); } } } @media (max-width: 480px) { #promo-slider .promo-slide--summer .promo-slide__badge { top: 108px !important; right: 20px !important; padding: 8px 13px !important; } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-slide--summer .promo-slide__badge { animation: none !important; transform: rotate(-4deg) !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--summer { position: relative !important; } #promo-slider .promo-slide--summer .promo-slide__photo { position: relative !important; overflow: hidden !important; } #promo-slider .promo-slide--summer .promo-slide__badge { position: absolute !important; z-index: 30 !important; top: 72px !important; right: 48px !important; left: auto !important; bottom: auto !important; margin: 0 !important; padding: 10px 16px !important; background: #FEE500 !important; color: #151515 !important; border: 0 !important; border-radius: 16px !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; box-shadow: 0 10px 20px rgba(96,62,0,.20), 0 2px 6px rgba(96,62,0,.10) !important; transform: rotate(-6deg) !important; transform-origin: center center !important; animation: promoSummerDateRefFloat 5.5s ease-in-out infinite !important; } @keyframes promoSummerDateRefFloat { 0%,100% { transform: translate3d(0,0,0) rotate(-6deg); } 50% { transform: translate3d(0,-4px,0) rotate(-4deg); } } #promo-slider .promo-slide--summer .promo-slide__badge::before, #promo-slider .promo-slide--summer .promo-slide__badge::after { content: ""; position: absolute; left: -14px; background: rgba(255,255,255,.95); border-radius: 999px; transform-origin: right center; } #promo-slider .promo-slide--summer .promo-slide__badge::before { top: 13px; width: 10px; height: 2px; transform: rotate(18deg); } #promo-slider .promo-slide--summer .promo-slide__badge::after { top: 23px; width: 8px; height: 2px; transform: rotate(-8deg); } } @media (max-width: 480px) { #promo-slider .promo-slide--summer .promo-slide__badge { top: 68px !important; right: 34px !important; padding: 9px 14px !important; font-size: 10px !important; } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-slide--summer .promo-slide__badge { animation: none !important; transform: rotate(-6deg) !important; } } </style> <style> #promo-slider .promo-slide__photo-date { display: none; } @media (max-width: 768px) { #promo-slider .promo-slide--summer .promo-slide__content > .promo-slide__badge { display: none !important; } #promo-slider .promo-slide--summer .promo-slide__photo-date { position: absolute !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; z-index: 40 !important; top: 103px !important; right: 58px !important; min-width: 142px !important; min-height: 46px !important; padding: 11px 20px !important; margin: 0 !important; border: 1px solid rgba(21,21,21,.05) !important;
49 border-radius: 17px !important; background: #fff !important; color: #151515 !important; box-shadow: 0 10px 22px rgba(58,35,0,.18), 0 2px 5px rgba(58,35,0,.08) !important; font-family: "TildaSans", Arial, sans-serif !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .1px !important; white-space: nowrap !important; transform: rotate(5deg) !important; transform-origin: center center !important; animation: promoPhotoDateFloat 3.6s ease-in-out infinite !important; pointer-events: none !important; will-change: transform; } @keyframes promoPhotoDateFloat { 0%, 100% { transform: translate3d(0,0,0) rotate(5deg); } 50% { transform: translate3d(0,-5px,0) rotate(3.5deg); } } } @media (max-width: 480px) { #promo-slider .promo-slide--summer .promo-slide__photo-date { top: 96px !important; right: 43px !important; min-width: 132px !important; min-height: 43px !important; padding: 10px 17px !important; border-radius: 16px !important; font-size: 12px !important; } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-slide--summer .promo-slide__photo-date { animation: none !important; transform: rotate(5deg) !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--summer .promo-photo-date-badge { top: 38px !important; } } @media (max-width: 480px) { #promo-slider .promo-slide--summer .promo-photo-date-badge { top: 32px !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--summer .promo-slide__photo-date { top: 95px !important; } } @media (max-width: 480px) { #promo-slider .promo-slide--summer .promo-slide__photo-date { top: 88px !important; } } </style> <style>\n#promo-slider .promo-summer-photo-decor {\n display: none;\n}@media (max-width: 768px) {\n \n #promo-slider .promo-slide--summer .promo-slide__photo-date {\n top: 95px !important;\n right: 58px !important;\n min-width: 142px !important;\n min-height: 46px !important;\n padding: 11px 20px !important;\n background: #FEE500 !important;\n color: #151515 !important;\n border: 1px solid rgba(21,21,21,.06) !important;\n border-radius: 17px !important;\n box-shadow:\n 0 10px 22px rgba(88,60,0,.18),\n 0 2px 5px rgba(88,60,0,.09) !important;\n transform: rotate(5deg) !important;\n animation: promoPhotoDateYellowFloat 4.2s ease-in-out infinite !important;\n will-change: transform;\n } @keyframes promoPhotoDateYellowFloat {\n 0%,100% {\n transform: translate3d(0,0,0) rotate(5deg);\n }\n 50% {\n transform: translate3d(0,-4px,0) rotate(4deg);\n }\n } \n #promo-slider .promo-slide--summer .promo-summer-photo-decor {\n position: absolute;\n inset: 0;\n z-index: 14;\n display: block;\n overflow: hidden;\n pointer-events: none;\n } #promo-slider .promo-slide--summer .promo-summer-photo-decor__spark {\n position: absolute;\n top: 24px;\n right: 24px;\n color: rgba(255,255,255,.92);\n font-size: 24px;\n line-height: 1;\n text-shadow: 0 4px 12px rgba(90,50,0,.12);\n transform: rotate(12deg);\n animation: promoSummerSpark 5.2s ease-in-out infinite;\n } #promo-slider .promo-slide--summer .promo-summer-photo-decor__braces {\n position: absolute;\n left: 22px;\n bottom: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 42px;\n height: 42px;\n border-radius: 14px;\n background: rgba(255,255,255,.92);\n color: #813F8E;\n font-size: 14px;\n font-weight: 900;\n box-shadow: 0 8px 18px rgba(66,33,0,.14);\n transform: rotate(-7deg);\n animation: promoSummerBraces 6s ease-in-out infinite;\n } #promo-slider .promo-slide--summer .promo-summer-photo-decor__ring {\n position: absolute;\n right: 22px;\n bottom: 18px;\n width: 26px;\n height: 26px;\n border: 4px solid rgba(255,255,255,.70);\n border-radius: 50%;\n box-shadow: 0 4px 12px rgba(90,50,0,.08);\n animation: promoSummerRing 6.4s ease-in-out infinite;\n } @keyframes promoSummerSpark {\n 0%,100% { transform: translate3d(0,
490,0) rotate(12deg) scale(1); opacity:.9; }\n 50% { transform: translate3d(0,-3px,0) rotate(20deg) scale(1.08); opacity:1; }\n }\n @keyframes promoSummerBraces {\n 0%,100% { transform: translate3d(0,0,0) rotate(-7deg); }\n 50% { transform: translate3d(0,-4px,0) rotate(-3deg); }\n }\n @keyframes promoSummerRing {\n 0%,100% { transform: translate3d(0,0,0) scale(1); opacity:.72; }\n 50% { transform: translate3d(0,-3px,0) scale(1.08); opacity:1; }\n }\n}@media (max-width: 480px) {\n #promo-slider .promo-slide--summer .promo-slide__photo-date {\n top: 88px !important;\n right: 43px !important;\n min-width: 132px !important;\n min-height: 43px !important;\n padding: 10px 17px !important;\n font-size: 12px !important;\n } #promo-slider .promo-slide--summer .promo-summer-photo-decor__spark {\n top: 18px;\n right: 18px;\n font-size: 21px;\n } #promo-slider .promo-slide--summer .promo-summer-photo-decor__braces {\n left: 16px;\n bottom: 15px;\n width: 38px;\n height: 38px;\n border-radius: 12px;\n font-size: 13px;\n } #promo-slider .promo-slide--summer .promo-summer-photo-decor__ring {\n right: 17px;\n bottom: 15px;\n width: 23px;\n height: 23px;\n border-width: 3px;\n }\n}@media (prefers-reduced-motion: reduce) {\n #promo-slider .promo-slide--summer .promo-slide__photo-date,\n #promo-slider .promo-slide--summer .promo-summer-photo-decor__spark,\n #promo-slider .promo-slide--summer .promo-summer-photo-decor__braces,\n #promo-slider .promo-slide--summer .promo-summer-photo-decor__ring {\n animation: none !important;\n }\n}\n</style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--summer .promo-summer-photo-decor { display: none !important; } #promo-slider .promo-slide--summer .promo-slide__photo { position: relative !important; isolation: isolate; } #promo-slider .promo-slide--summer .promo-slide__photo::before { content: ""; position: absolute; top: 76px; right: 191px; z-index: 13; width: 7px; height: 7px; border-radius: 999px; background: #fff; box-shadow: -13px 7px 0 -1px #fff, -17px 20px 0 -2px #fff; transform: rotate(-18deg); opacity: .92; pointer-events: none; animation: promoSummerAccentPulse 4.6s ease-in-out infinite; } #promo-slider .promo-slide--summer .promo-slide__photo::after { content: ""; position: absolute; right: 26px; bottom: 23px; z-index: 6; width: 34px; height: 34px; opacity: .48; pointer-events: none; background-image: radial-gradient(circle, rgba(255,255,255,.95) 2px, transparent 2.3px); background-size: 11px 11px; transform: rotate(8deg); } #promo-slider .promo-slide--summer .promo-slide__photo-date { animation: promoPhotoDateSoftFloat 4.8s ease-in-out infinite !important; } @keyframes promoPhotoDateSoftFloat { 0%, 100% { transform: translate3d(0,0,0) rotate(5deg); } 50% { transform: translate3d(0,-3px,0) rotate(4.5deg); } } @keyframes promoSummerAccentPulse { 0%, 100% { opacity: .76; transform: rotate(-18deg) scale(.96); } 50% { opacity: 1; transform: rotate(-18deg) scale(1.06); } } } @media (max-width: 480px) { #promo-slider .promo-slide--summer .promo-slide__photo::before { top: 70px; right: 170px; } #promo-slider .promo-slide--summer .promo-slide__photo::after { right: 20px; bottom: 18px; width: 30px; height: 30px; background-size: 10px 10px; } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-slide--summer .promo-slide__photo-date, #promo-slider .promo-slide--summer .promo-slide__photo::before { animation: none !important; } } </style> <style> @media (max-width: 768px) { #promo-slider .promo-slide--year .promo-mobile-decor__tile--code { top: 42px !important; left: 34px !important; } } @media (max-width: 480px) { #promo-slider .promo-slide--year .promo-mobile-decor__tile--code { top: 38px !important; left: 30px !important; } } </style> <style> #promo-slider .promo-slide__title, #promo-slider .promo-slide__title span, #promo-slider .promo-slide--year .promo-slide__title, #promo-slider .promo-slide--summer .promo-slide__title { line-height: 1.05 !important; } #promo-slider .promo-slide--year .promo-slide__tag, #promo-slider .promo-slide--summer .promo-slide__tag { column-gap: 4px !important; } #promo-slider .promo-slide--year .promo-slide__tag span, #promo-slider .promo-slide--summer .promo-slide__tag span { margin: 0 !important; padding: 0 !important; } #promo-slider .promo-slide .promo-slide__badge, #promo-slider .promo-slide .promo-slide__title, #promo-slider .promo-slide .promo-slide__subtitle, #promo-slider .promo-slide .promo-slide__tags, #promo-slider .promo-slide .promo-slide__actions { opacity: 1; } #promo-slider .promo-slide.is-active-slide .promo-slide__badge, #promo-slider .promo-slide.is-active-slide .promo-slide__title, #promo-slider .promo-slide.is-active-slide .promo-slide__subtitle, #promo-slider .promo-slide.is-active-slide .promo-slide__tags, #promo-slider .promo-slide.is-active-slide .promo-slide__actions { animation: promoContentSoftIn .68s cubic-bezier(.22,.68,.28,1) both !important; } #promo-slider .promo-slide.is-active-slide .promo-slide__badge { animation-delay: .03s !important; } #promo-slider .promo-slide.is-active-slide .promo-slide__title { animation-delay: .07s !important; } #promo-slider .promo-slide.is-active-slide .promo-slide__subtitle { animation-delay: .11s !important; } #promo-slider .promo-slide.is-active-slide .promo-slide__tags { animation-delay: .15s !important; } #promo-slider .promo-slide.is-active-slide .promo-slide__actions { animation-delay: .19s !important; } @keyframes promoContentSoftIn { from { opacity: 0; transform: translateY(6px); filter: blur(1.5px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } #promo-slider .promo-slide__button { position: relative; overflow: hidden; isolation: isolate; transform: none !important; transition: filter .3s ease, box-shadow .3s ease, background-color .3s ease, border-color .3s ease !important; } #promo-slider .promo-slide.is-active-slide .promo-slide__button { animation: promoButtonSoftPulse 5.2s ease-in-out .8s infinite !important; } @keyframes promoButtonSoftPulse { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.035); } } #promo-slider .promo-slide__button::after { content: ""; position: absolute; top: -35%; left: -38%; width: 24%; height: 170%; pointer-events: none; background: linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent); transform: skewX(-18deg);
49 opacity: 0; } #promo-slider .promo-slide.is-active-slide .promo-slide__button::after { animation: promoButtonSoftShine 6.2s ease-in-out 1.4s infinite; } @keyframes promoButtonSoftShine { 0%, 68%, 100% { left: -38%; opacity: 0; } 73% { opacity: .45; } 86% { left: 118%; opacity: 0; } } #promo-slider .promo-slide--year .promo-slide__sale, #promo-slider .promo-slide--summer .promo-slide__photo-date { animation: promoAccentBreath 5.8s ease-in-out infinite !important; } @keyframes promoAccentBreath { 0%,100% { filter: brightness(1); } 50% { filter: brightness(1.045); } } @media (hover:hover) and (min-width:769px) { #promo-slider .promo-slide__button:hover { transform: none !important; filter: brightness(1.06) !important; } #promo-slider .promo-slide__tag:hover { transform: none !important; filter: brightness(1.025); } #promo-slider .promo-slide__tag:hover span { transform: none !important; } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-slide__badge, #promo-slider .promo-slide__title, #promo-slider .promo-slide__subtitle, #promo-slider .promo-slide__tags, #promo-slider .promo-slide__actions, #promo-slider .promo-slide__button, #promo-slider .promo-slide__button::after, #promo-slider .promo-slide__sale, #promo-slider .promo-slide__photo-date { animation: none !important; transition: none !important; } } </style> <style> @media (min-width: 769px) { #promo-slider .promo-slide--summer .promo-slide__tag { background: linear-gradient(180deg, #ffffff 0%, #fbf8fc 100%) !important; border: 1px solid rgba(117, 59, 150, .14) !important; color: #171717 !important; box-shadow: 0 5px 14px rgba(70, 35, 80, .07), inset 0 1px 0 rgba(255,255,255,.92) !important; } #promo-slider .promo-slide.is-active-slide .promo-slide__button { transform-origin: center center !important; will-change: transform, filter, box-shadow; animation: promoPcButtonAlive 4.6s cubic-bezier(.45,0,.55,1) infinite !important; } #promo-slider .promo-slide.is-active-slide .promo-slide__button:nth-child(2) { animation-delay: .55s !important; } @keyframes promoPcButtonAlive { 0%, 100% { transform: translateY(0) scale(1); filter: brightness(1); } 50% { transform: translateY(-3px) scale(1.012); filter: brightness(1.035); } } #promo-slider .promo-slide.is-active-slide .promo-slide__button::after { animation: promoPcButtonShine 5.8s ease-in-out 1s infinite !important; } @keyframes promoPcButtonShine { 0%, 62%, 100% { left: -38%; opacity: 0; } 68% { opacity: .42; } 84% { left: 118%; opacity: 0; } } #promo-slider .promo-slide__button:hover { animation-play-state: paused !important; transform: translateY(-4px) scale(1.015) !important; filter: brightness(1.05) !important; } #promo-slider .promo-slide__button:active { animation-play-state: paused !important; transform: translateY(-1px) scale(.99) !important; } } </style> <style> #promo-slider .promo-slide--year .promo-slide__sale-text{ font-size:13px !important; font-weight:1000 !important; line-height:.98 !important; letter-spacing:-.01em !important; padding-left:13px !important; } @media(max-width:768px){ #promo-slider .promo-slide--year .promo-slide__sale-text{ font-size:10px !important; line-height:1 !important; padding-left:9px !important; } } @media(max-width:480px){ #promo-slider .promo-slide--year .promo-slide__sale-text{ font-size:9.5px !important; } } </style> <style>@media(max-width:768px){#promo-slider .promo-mobile-decor__plus{display:none!important}#promo-slider .promo-slide--year .promo-mobile-decor::before,#promo-slider .promo-slide--year .promo-mobile-decor::after,#promo-slider .promo-slide--year .promo-slide__photo::before,#promo-slider .promo-slide--year .promo-slide__photo::after{content:none!important;display:none!important}#promo-slider .promo-mobile-decor__tile--code{transform:rotate(-7deg) scale(1.08)!important}#promo-slider .promo-mobile-decor__tile--braces{opacity:.9!important;transform:rotate(7deg) scale(1.05)!important}#promo-slider .promo-mobile-decor__cube{transform:rotate(14deg) scale(1.15)!important}}</style> <style> @media(max-width:768px){ #promo-slider .promo-slide--year .promo-slide__photo{position:relative!important;isolation:isolate;background:#9a4b91!important} #promo-slider .promo-mobile-scene{position:absolute;inset:0;z-index:6;overflow:hidden;pointer-events:none} #promo-slider .promo-mobile-scene__terminal{position:absolute;
49left:23px;top:38px;width:132px;height:118px;border:1px solid rgba(255,255,255,.34);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.08));box-shadow:0 18px 38px rgba(65,19,69,.16),inset 0 1px 0 rgba(255,255,255,.28);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transform:rotate(-5deg)} #promo-slider .promo-mobile-scene__terminal:before{content:"";position:absolute;left:17px;top:16px;width:7px;height:7px;border-radius:50%;background:#fff;opacity:.92;box-shadow:14px 0 0 rgba(255,255,255,.62),28px 0 0 rgba(255,255,255,.36)} #promo-slider .promo-mobile-scene__terminal:after{content:"</>";position:absolute;left:17px;right:17px;top:42px;height:56px;display:flex;align-items:flex-start;color:rgba(255,255,255,.95);font:900 29px/1 'TildaSans',Arial,sans-serif;letter-spacing:-3px;background:linear-gradient(rgba(255,255,255,.60),rgba(255,255,255,.60)) 48px 4px/46px 5px no-repeat,linear-gradient(rgba(255,255,255,.34),rgba(255,255,255,.34)) 48px 19px/61px 5px no-repeat,linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) 48px 34px/36px 5px no-repeat} #promo-slider .promo-mobile-scene__matrix{position:absolute;left:-12px;bottom:20px;width:118px;height:62px;opacity:.34;background-image:radial-gradient(circle,rgba(255,255,255,.9) 1.7px,transparent 2px);background-size:15px 15px;transform:rotate(8deg);mask-image:linear-gradient(90deg,#000 20%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 20%,transparent)} #promo-slider .promo-mobile-scene:after{content:"";position:absolute;left:82px;top:75px;width:155px;height:155px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 68%);filter:blur(2px)} } @media(max-width:480px){ #promo-slider .promo-mobile-scene__terminal{left:18px;top:31px;width:116px;height:104px;border-radius:22px} #promo-slider .promo-mobile-scene__terminal:after{font-size:25px;top:39px;background-size:40px 4px,53px 4px,32px 4px;background-position:43px 3px,43px 17px,43px 31px} #promo-slider .promo-mobile-scene__matrix{left:-18px;bottom:16px;width:105px;height:54px;background-size:14px 14px} } </style> <style> @media(max-width:768px){ #promo-slider .promo-mobile-scene:before{content:"";position:absolute;left:-34px;top:8px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(255,238,98,.20) 0%,rgba(255,255,255,.08) 38%,transparent 70%);filter:blur(4px);opacity:.9} #promo-slider .promo-mobile-scene__terminal{animation:promoTerminalFloat 5.5s ease-in-out infinite;transform-origin:center;box-shadow:0 22px 45px rgba(65,19,69,.20),inset 0 1px 0 rgba(255,255,255,.34)} #promo-slider .promo-mobile-scene__terminal:after{filter:drop-shadow(0 2px 5px rgba(77,28,84,.12))} #promo-slider .promo-mobile-scene__matrix{animation:promoMatrixDrift 7s ease-in-out infinite} @keyframes promoTerminalFloat{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3.8deg) translateY(-4px)}} @keyframes promoMatrixDrift{0%,100%{transform:rotate(8deg) translateX(0);opacity:.30}50%{transform:rotate(6deg) translateX(5px);opacity:.42}} } @media(max-width:480px){ } @media(prefers-reduced-motion:reduce){ #promo-slider .promo-mobile-scene__terminal,#promo-slider .promo-mobile-scene__matrix{animation:none!important} } </style> <style> #promo-slider .promo-slide__button, #promo-slider .promo-slide.is-active-slide .promo-slide__button, #promo-slider .promo-slide.is-active-slide .promo-slide__button:nth-child(1), #promo-slider .promo-slide.is-active-slide .promo-slide__button:nth-child(2){ animation:promoUnifiedButtonMotion 3.8s cubic-bezier(.45,0,.55,1) 0s infinite !important; transform-origin:center center !important; will-change:transform; } @keyframes promoUnifiedButtonMotion{ 0%,100%{transform:translate3d(0,0,0) scale(1);} 50%{transform:translate3d(0,-5px,0) scale(1.015);} } @media (hover:hover){ #promo-slider .promo-slide__button:hover{ animation:promoUnifiedButtonMotion 3.8s cubic-bezier(.45,0,.55,1) 0s infinite !important; filter:brightness(1.045) !important; box-shadow:0 12px 26px rgba(25,15,35,.15) !important; } #promo-slider .promo-slide__button:active{ animation:none !important; transform:translate3d(0,-1px,0) scale(.985) !important; } } @media (hover:none){ #promo-slider .promo-slide__button:active{ animation:none !important; transform:scale(.985) !important; } } @media (prefers-reduced-motion:reduce){ #promo-slider .promo-slide__button, #promo-slider .promo-slide.is-active-slide .promo-slide__button{ animation:none !important; transform:none !important; } } </style> <style> #promo-slider .promo-slide__button, #promo-slider .promo-slide__actions .promo-slide__button, #promo-slider .promo-slide__actions--summer .promo-slide__button { position: relative !important; overflow: hidden !important; isolation: isolate; transform: none !important; animation: none !important; will-change: auto !important; } #promo-slider .promo-slide__button::after, #promo-slider .promo-slide__actions .promo-slide__button::after, #promo-slider .promo-slide__actions--summer .promo-slide__button::after { content: ""; position: absolute; z-index: 2; top: -35%; left: -42%; width: 28%; height: 170%; pointer-events: none; border-radius: 999px; background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.14) 28%, rgba(255,255,255,.62) 50%, rgba(255,255,255,.14) 72%, rgba(255,255,255,0) 100% ); filter: blur(1px); transform: translateX(0) rotate(12deg); animation: promoButtonShine 3.9s ease-in-out infinite; }
49 #promo-slider .promo-slide__button--white::after { background: linear-gradient( 90deg, rgba(129,63,142,0) 0%, rgba(129,63,142,.05) 28%, rgba(129,63,142,.18) 50%, rgba(129,63,142,.05) 72%, rgba(129,63,142,0) 100% ); } @keyframes promoButtonShine { 0%, 18% { transform: translateX(0) rotate(12deg); opacity: 0; } 24% { opacity: 1; } 44% { transform: translateX(520%) rotate(12deg); opacity: 1; } 50%, 100% { transform: translateX(520%) rotate(12deg); opacity: 0; } } @media (hover:hover) { #promo-slider .promo-slide__button:hover, #promo-slider .promo-slide__actions .promo-slide__button:hover, #promo-slider .promo-slide__actions--summer .promo-slide__button:hover { transform: none !important; filter: brightness(1.035) !important; } #promo-slider .promo-slide__button:active, #promo-slider .promo-slide__actions .promo-slide__button:active, #promo-slider .promo-slide__actions--summer .promo-slide__button:active { transform: scale(.985) !important; } } @media (hover:none) { #promo-slider .promo-slide__button:active, #promo-slider .promo-slide__actions .promo-slide__button:active, #promo-slider .promo-slide__actions--summer .promo-slide__button:active { transform: scale(.985) !important; } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-slide__button::after, #promo-slider .promo-slide__actions .promo-slide__button::after, #promo-slider .promo-slide__actions--summer .promo-slide__button::after { animation: none !important; display: none !important; } } </style> <style> #promo-slider .promo-slide.is-active-slide .promo-slide__actions .promo-slide__button, #promo-slider .promo-slide.is-active-slide .promo-slide__actions--summer .promo-slide__button, #promo-slider .promo-slide .promo-slide__actions .promo-slide__button { position: relative !important; overflow: hidden !important; isolation: isolate !important; animation: none !important; transform: translate3d(0,0,0) !important; translate: none !important; scale: none !important; will-change: auto !important; } #promo-slider .promo-slide.is-active-slide .promo-slide__actions .promo-slide__button::after, #promo-slider .promo-slide.is-active-slide .promo-slide__actions--summer .promo-slide__button::after, #promo-slider .promo-slide .promo-slide__actions .promo-slide__button::after { content: "" !important; display: block !important; position: absolute !important; z-index: 5 !important; top: -45% !important; left: -55% !important; width: 34% !important; height: 190% !important; pointer-events: none !important; opacity: 0 !important; border-radius: 999px !important; background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.10) 22%, rgba(255,255,255,.72) 50%, rgba(255,255,255,.10) 78%, rgba(255,255,255,0) 100% ) !important; filter: blur(.4px) !important; transform: translate3d(0,0,0) skewX(-18deg) !important; animation: promoCtaShineFinal 4.2s cubic-bezier(.4,0,.2,1) infinite !important; } #promo-slider .promo-slide.is-active-slide .promo-slide__actions .promo-slide__button--white::after, #promo-slider .promo-slide .promo-slide__actions .promo-slide__button--white::after { background: linear-gradient( 90deg, rgba(129,63,142,0) 0%, rgba(129,63,142,.04) 22%, rgba(129,63,142,.22) 50%, rgba(129,63,142,.04) 78%, rgba(129,63,142,0) 100% ) !important; } @keyframes promoCtaShineFinal { 0%, 14% { left: -55%; opacity: 0; } 18% { opacity: 1; } 38% { left: 122%; opacity: .95; } 43%, 100% { left: 122%; opacity: 0; } } @media (hover:hover) { #promo-slider .promo-slide.is-active-slide .promo-slide__actions .promo-slide__button:hover, #promo-slider .promo-slide .promo-slide__actions .promo-slide__button:hover { animation: none !important; transform: translate3d(0,0,0) !important; translate: none !important; scale: none !important; filter: brightness(1.035) !important; } #promo-slider .promo-slide.is-active-slide .promo-slide__actions .promo-slide__button:active, #promo-slider .promo-slide .promo-slide__actions .promo-slide__button:active { animation: none !important; transform: scale(.985) !important; } } @media (hover:none) { #promo-slider .promo-slide.is-active-slide .promo-slide__actions .promo-slide__button:active, #promo-slider .promo-slide .promo-slide__actions .promo-slide__button:active { animation: none !important; transform: scale(.985) !important; } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-slide.is-active-slide .promo-slide__actions .promo-slide__button::after, #promo-slider .promo-slide .promo-slide__actions .promo-slide__button::after { animation: none !important; display: none !important; } } </style> <style> #promo-slider .promo-slide.is-active-slide .promo-slide__actions, #promo-slider .promo-slide.is-active-slide .promo-slide__actions--summer { animation: promoActionsFadeOnly .32s ease both !important; transform: none !important; } @keyframes promoActionsFadeOnly { from { opacity: 0; } to { opacity: 1; } } #promo-slider .promo-slide__button, #promo-slider .promo-slide.is-active-slide .promo-slide__button, #promo-slider .promo-slide.is-active-slide .promo-slide__button:nth-child(1), #promo-slider .promo-slide.is-active-slide .promo-slide__button:nth-child(2), #promo-slider .promo-slide__actions .promo-slide__button, #promo-slider .promo-slide__actions--summer .promo-slide__button { position: relative !important; overflow: hidden !important; animation: none !important; transform: none !important; translate: none !important; scale: none !important; } #promo-slider .promo-slide__button::before, #promo-slider .promo-slide__button::after { animation: none !important; } #promo-slider .promo-cta-shine { position: absolute !important; z-index: 20 !important; top: -55% !important; left: 0 !important; width: 46px !important; height: 210% !important; display: block !important; pointer-events: none !important; opacity: 0; border-radius: 50% !important; background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.18) 25%, rgba(255,255,255,.88) 50%, rgba(255,255,255,.18) 75%, rgba(255,255,255,0) 100% ) !important; filter: blur(.8px) !important; transform: translate3d(-90px,0,0) skewX(-18deg) !important; animation: promoDomShine 3.6s cubic-bezier(.4,0,.2,1) infinite !important; will-change: transform, opacity; }
49 #promo-slider .promo-slide__button--white .promo-cta-shine { background: linear-gradient( 90deg, rgba(129,63,142,0) 0%, rgba(129,63,142,.08) 25%, rgba(129,63,142,.34) 50%, rgba(129,63,142,.08) 75%, rgba(129,63,142,0) 100% ) !important; } @keyframes promoDomShine { 0%, 16% { transform: translate3d(-90px,0,0) skewX(-18deg); opacity: 0; } 20% { opacity: 1; } 42% { transform: translate3d(420px,0,0) skewX(-18deg); opacity: 1; } 47%, 100% { transform: translate3d(420px,0,0) skewX(-18deg); opacity: 0; } } @media (hover:hover) { #promo-slider .promo-slide__button:hover, #promo-slider .promo-slide__actions .promo-slide__button:hover, #promo-slider .promo-slide__actions--summer .promo-slide__button:hover { animation: none !important; transform: none !important; translate: none !important; scale: none !important; } } #promo-slider .promo-slide__button:active { animation: none !important; transform: scale(.985) !important; } </style>
49<script> (function () { var slider = document.querySelector('#promo-slider'); if (!slider) return; slider.querySelectorAll('.promo-slide__button').forEach(function (button) { if (button.querySelector('.promo-cta-shine')) return; var shine = document.createElement('span'); shine.className = 'promo-cta-shine'; shine.setAttribute('aria-hidden', 'true'); button.appendChild(shine); }); })(); </script>
49 <style> @media (max-width: 9999px) { #promo-slider .promo-slide__tags, #promo-slider .promo-slide__tags *, #promo-slider .promo-slide__tags-track, #promo-slider .promo-slide__tags-group, #promo-slider .promo-slide__tag { animation: none !important; transition: none !important; transform: none !important; } #promo-slider .promo-slide__actions, #promo-slider .promo-slide__actions--summer, #promo-slider .promo-slide__button { animation: none !important; transform: none !important; } #promo-slider .promo-slide__button { position: relative !important; overflow: hidden !important; isolation: isolate !important; transition: box-shadow .22s ease, filter .22s ease !important; } #promo-slider .promo-slide__button::before { content: "" !important; position: absolute !important; top: -35% !important; left: -42% !important; width: 28% !important; height: 170% !important; z-index: 2 !important; pointer-events: none !important; background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.15) 24%, rgba(255,255,255,.72) 50%, rgba(255,255,255,.15) 76%, rgba(255,255,255,0) 100% ) !important; filter: blur(1px) !important; transform: skewX(-18deg) translateX(0) !important; animation: promoButtonShineFresh 3.8s ease-in-out infinite !important; } #promo-slider .promo-slide__button--white::before { background: linear-gradient( 90deg, rgba(129,63,142,0) 0%, rgba(129,63,142,.05) 24%, rgba(129,63,142,.22) 50%, rgba(129,63,142,.05) 76%, rgba(129,63,142,0) 100% ) !important; } #promo-slider .promo-slide__button:hover { transform: none !important; filter: brightness(1.03) !important; box-shadow: 0 10px 24px rgba(0,0,0,.16) !important; } #promo-slider .promo-slide__button:active { transform: none !important; filter: brightness(.98) !important; } @keyframes promoButtonShineFresh { 0%, 18% { transform: skewX(-18deg) translateX(0); opacity: 0; } 24% { opacity: 1; } 48% { transform: skewX(-18deg) translateX(560%); opacity: 1; } 58%, 100% { transform: skewX(-18deg) translateX(560%); opacity: 0; } } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-slide__button::before { animation: none !important; opacity: 0 !important; } } </style> <style> #promo-slider .promo-slide__tags, #promo-slider .promo-slide__tags-track, #promo-slider .promo-slide__tags-group, #promo-slider .promo-slide__tags-group--clone, #promo-slider .promo-slide__tag, #promo-slider .promo-slide__tag span, #promo-slider .promo-slide.is-active-slide .promo-slide__tags, #promo-slider .promo-slide.is-active-slide .promo-slide__tags * { animation: none !important; transition: none !important; transform: none !important; translate: none !important; scale: none !important; will-change: auto !important; } @media (max-width: 768px) { #promo-slider .promo-slide__tags--marquee, #promo-slider .promo-slide__tags--summer-marquee { display: flex !important; flex-wrap: nowrap !important; gap: 7px !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; mask-image: none !important; -webkit-mask-image: none !important; } #promo-slider .promo-slide__tags--marquee::-webkit-scrollbar, #promo-slider .promo-slide__tags--summer-marquee::-webkit-scrollbar { display: none; } #promo-slider .promo-slide__tags-track { display: flex !important; width: max-content !important; } #promo-slider .promo-slide__tags-group { display: flex !important; flex-shrink: 0 !important; gap: 7px !important; } #promo-slider .promo-slide__tags-group--clone { display: none !important; } } #promo-slider .promo-slide__actions, #promo-slider .promo-slide__actions--summer, #promo-slider .promo-slide.is-active-slide .promo-slide__actions, #promo-slider .promo-slide.is-active-slide .promo-slide__actions--summer { animation: none !important; transform: none !important; translate: none !important; } #promo-slider .promo-slide__button, #promo-slider .promo-slide.is-active-slide .promo-slide__button, #promo-slider .promo-slide.is-active-slide .promo-slide__button:nth-child(1), #promo-slider .promo-slide.is-active-slide .promo-slide__button:nth-child(2) { position: relative !important; overflow: hidden !important; isolation: isolate !important; animation: none !important; transform: none !important; translate: none !important; scale: none !important; transition: filter .38s ease, box-shadow .38s ease, opacity .38s ease !important; will-change: auto !important; } #promo-slider .promo-slide__button::before, #promo-slider .promo-slide__button::after { animation: none !important; content: none !important; display: none !important; } #promo-slider .promo-slide__button .promo-cta-shine { position: absolute !important; z-index: 20 !important; top: -60% !important; left: 0 !important; width: 52px !important; height: 220% !important; display: block !important; pointer-events: none !important; opacity: 0; border-radius: 50% !important; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.10) 25%, rgba(255,255,255,.62) 50%, rgba(255,255,255,.10) 75%, rgba(255,255,255,0) 100%) !important; filter: blur(1.2px) !important; transform: translate3d(-100px,0,0) skewX(-18deg) !important; animation: promoSmoothButtonShine 5.2s cubic-bezier(.4,0,.2,1) infinite !important; will-change: transform, opacity !important; }
49 #promo-slider .promo-slide__button--white .promo-cta-shine { background: linear-gradient(90deg, rgba(129,63,142,0) 0%, rgba(129,63,142,.035) 25%, rgba(129,63,142,.18) 50%, rgba(129,63,142,.035) 75%, rgba(129,63,142,0) 100%) !important; } @keyframes promoSmoothButtonShine { 0%, 20% { transform: translate3d(-100px,0,0) skewX(-18deg); opacity: 0; } 27% { opacity: .85; } 52% { transform: translate3d(520px,0,0) skewX(-18deg); opacity: .85; } 60%, 100% { transform: translate3d(520px,0,0) skewX(-18deg); opacity: 0; } } @media (hover:hover) { #promo-slider .promo-slide__button:hover { transform: none !important; filter: brightness(1.035) !important; box-shadow: 0 10px 24px rgba(0,0,0,.14) !important; } #promo-slider .promo-slide__button:active { transform: none !important; filter: brightness(.98) !important; } } @media (hover:none) { #promo-slider .promo-slide__button:active { transform: none !important; filter: brightness(.98) !important; } } @media (prefers-reduced-motion: reduce) { #promo-slider .promo-slide__button .promo-cta-shine { animation: none !important; display: none !important; } } </style> <style> /* ===== ТÐÐЬÐÐ 3-РСÐÐÐÐ: ÐТ-ÐÐÐСТ ===== */ #promo-slider .promo-slide--quest{background:#FEE500!important} #promo-slider .promo-slide--quest .promo-slide__photo{width:42%!important;background:#813F8E!important} #promo-slider .promo-slide--quest .promo-slide__content{width:58%!important;padding:40px 60px!important;background:#FEE500!important} #promo-slider .promo-slide--quest .promo-slide__badge{background:#fff!important;color:#151515!important} #promo-slider .promo-slide--quest .promo-slide__title{margin:0 0 10px!important;color:#151515!important;font-size:54px!important;line-height:.94!important} #promo-slider .promo-slide--quest .promo-slide__subtitle{max-width:600px;margin:0 0 22px!important;color:#2d2d2d!important;font-size:16px!important;line-height:1.4!important} #promo-slider .promo-slide--quest .promo-slide__button{background:#813F8E!important;color:#fff!important;box-shadow:0 9px 22px rgba(77,32,87,.2)!important} #promo-slider .promo-quest-age{display:inline-flex;width:max-content;margin:0 0 15px;padding:8px 14px;border:1.5px solid #151515;border-radius:999px;color:#151515;font-size:12px;font-weight:900;line-height:1} #promo-slider .promo-quest-hero{position:relative!important;isolation:isolate;overflow:hidden!important;background:#813F8E!important} #promo-slider .promo-quest-hero:before{content:"";position:absolute;width:390px;height:390px;left:-155px;bottom:-215px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.02)} #promo-slider .promo-quest-bigdate{position:absolute;z-index:2;left:18px;top:62px;color:#FEE500;font-family:"pfagoraslabpro","PFAgoraSlabPro","TildaSans",Arial,sans-serif!important;font-size:235px;font-weight:900;line-height:.72;letter-spacing:-.10em;white-space:nowrap} #promo-slider .promo-quest-month{position:absolute;z-index:4;left:43px;top:250px;padding:8px 15px 7px;border-radius:999px;background:#fff;color:#813F8E;font-size:13px;font-weight:1000;line-height:1;letter-spacing:.11em} #promo-slider .promo-quest-caption{position:absolute;z-index:4;left:43px;bottom:38px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em} #promo-slider .promo-quest-mini{position:absolute;z-index:5;display:grid;place-items:center;font-weight:1000;line-height:1} #promo-slider .promo-quest-mini--code{right:38px;top:38px;width:64px;height:64px;border-radius:19px;background:#FEE500;color:#151515;font-size:21px;box-shadow:0 12px 25px rgba(48,17,55,.18);transform:rotate(7deg)} #promo-slider .promo-quest-mini--3d{right:47px;bottom:93px;width:48px;height:48px;border-radius:15px;background:#fff;color:#813F8E;font-size:16px;box-shadow:0 12px 25px rgba(48,17,55,.18);transform:rotate(-8deg)} #promo-slider .promo-quest-mini--robot{right:116px;bottom:45px;color:#FEE500;font-size:27px;opacity:.9;transform:rotate(12deg)} @media(max-width:768px){#promo-slider .promo-slide--quest{flex-direction:column!important}#promo-slider .promo-slide--quest .promo-slide__photo{width:100%!important;height:255px!important;min-height:255px!important;max-height:255px!important;flex:0 0 255px!important}#promo-slider .promo-slide--quest .promo-slide__content{width:100%!important;padding:18px 17px 42px!important}#promo-slider .promo-slide--quest .promo-slide__title{font-size:36px!important;margin-bottom:9px!important}#promo-slider .promo-slide--quest .promo-slide__subtitle{font-size:13.5px!important;line-height:1.38!important;margin-bottom:17px!important}#promo-slider .promo-quest-age{font-size:10px;padding:7px 11px;margin-bottom:12px}#promo-slider .promo-quest-bigdate{left:50%;
49top:39px;font-size:174px;transform:translateX(-54%)}#promo-slider .promo-quest-month{left:24px;top:183px;font-size:10px;padding:7px 11px}#promo-slider .promo-quest-caption{left:24px;bottom:20px;font-size:9px}#promo-slider .promo-quest-mini--code{right:23px;top:25px;width:50px;height:50px;border-radius:15px;font-size:17px}#promo-slider .promo-quest-mini--3d{right:29px;bottom:29px;width:40px;height:40px;border-radius:12px;font-size:13px}#promo-slider .promo-quest-mini--robot{right:83px;bottom:18px;font-size:22px}#promo-slider .promo-slide--quest .promo-slide__button{width:100%!important}} @media(max-width:480px){#promo-slider .promo-slide--quest .promo-slide__photo{height:240px!important;min-height:240px!important;max-height:240px!important;flex-basis:240px!important}#promo-slider .promo-slide--quest .promo-slide__content{padding:17px 14px 42px!important}#promo-slider .promo-slide--quest .promo-slide__title{font-size:34px!important}#promo-slider .promo-quest-bigdate{top:38px;font-size:158px}#promo-slider .promo-quest-month{left:20px;top:170px}#promo-slider .promo-quest-caption{left:20px;bottom:18px}} </style> <style> /* ===== ONLY 3RD SLIDE â HERO ADAPTED TO SLIDER ===== */ #promo-slider .promo-slide--quest{display:flex!important;background:#F7F4F7!important} #promo-slider .promo-slide--quest .promo-slide__photo{position:relative!important;width:42%!important;height:100%!important;overflow:hidden!important;background:#753B96!important} #promo-slider .promo-slide--quest .promo-slide__photo:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(135deg,#000 0 62%,transparent 95%)} #promo-slider .pq-date{position:absolute;z-index:2;left:34px;top:38px} #promo-slider .pq-date strong{display:block;color:#FEE500;font-family:"pfagoraslabpro","PFAgoraSlabPro","TildaSans",Arial,sans-serif;font-size:158px;font-weight:900;line-height:.68;letter-spacing:-.08em} #promo-slider .pq-date span{display:inline-flex;margin-top:13px;padding:8px 13px;border-radius:999px;background:#fff;color:#753B96;font-size:10px;font-weight:950;letter-spacing:.1em} #promo-slider .pq-route-card{position:absolute;z-index:4;right:28px;bottom:30px;width:58%;padding:17px 17px 14px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#5E2F72;box-shadow:0 20px 40px rgba(42,13,50,.24);color:#fff} #promo-slider .pq-route-top{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.14)} #promo-slider .pq-route-top small{display:block;color:rgba(255,255,255,.5);font-size:5px;font-weight:900;letter-spacing:.14em} #promo-slider .pq-route-top b{display:block;margin-top:4px;color:#FEE500;font-size:10px;font-weight:950} #promo-slider .pq-route-top em{color:rgba(255,255,255,.54);font:6px ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal} #promo-slider .pq-route-list{position:relative;padding-top:5px} #promo-slider .pq-route-list:before{content:"";position:absolute;left:14px;top:24px;bottom:24px;width:1px;background:rgba(254,229,0,.38)} #promo-slider .pq-route-item{position:relative;display:grid;grid-template-columns:29px 1fr 7px;align-items:center;gap:8px;min-height:51px;border-bottom:1px solid rgba(255,255,255,.08)} #promo-slider .pq-route-item:last-child{border:0} #promo-slider .pq-route-item i{z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#FEE500;color:#171717;font-size:7px;font-weight:950;font-style:normal;box-shadow:0 0 0 3px #5E2F72} #promo-slider .pq-route-item span{font-size:8.5px;font-weight:900;line-height:1.05} #promo-slider .pq-route-item b{width:6px;height:6px;border-radius:50%;background:#FEE500} #promo-slider .pq-decor{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;background:#fff;color:#753B96;font-weight:950;box-shadow:0 12px 25px rgba(45,13,54,.18)} #promo-slider .pq-decor-a{right:38px;top:34px;width:52px;height:52px;border-radius:16px;font-size:17px;transform:rotate(7deg)} #promo-slider .pq-decor-b{left:38px;bottom:34px;width:42px;height:42px;border-radius:13px;font-size:12px;transform:rotate(-8deg);background:#EDAC1A;color:#171717} #promo-slider .promo-slide--quest .promo-slide__content{position:relative!important;width:58%!important;padding:58px 60px 40px!important;background:#F7F4F7!important;justify-content:center!important} #promo-slider .promo-slide--quest .promo-quest-badge{background:#FEE500!important;color:#171717!important} #promo-slider .promo-slide--quest .pq-title{margin:16px 0 14px!important;color:#753B96!important;font-size:62px!important;line-height:.86!important;letter-spacing:-.04em!important}
49 #promo-slider .promo-slide--quest .pq-title span{display:block;margin-top:12px;color:#171717!important;font-size:.42em!important;line-height:1!important;letter-spacing:-.015em!important} #promo-slider .promo-slide--quest .promo-slide__subtitle{max-width:520px;margin:0 0 18px!important;color:#5E5B67!important;font-size:15px!important;line-height:1.44!important} #promo-slider .promo-slide--quest .promo-slide__subtitle b{color:#171717} #promo-slider .pq-facts{display:flex;gap:6px;margin-bottom:18px} #promo-slider .pq-facts span{padding:6px 9px;border:1px solid rgba(117,59,150,.13);border-radius:999px;background:#fff;color:#4E4A59;font-size:8px;font-weight:800} #promo-slider .promo-slide--quest .promo-slide__button{background:#753B96!important;color:#fff!important;box-shadow:0 9px 22px rgba(75,34,87,.18)!important} @media(max-width:768px){ #promo-slider .promo-slide--quest{flex-direction:column!important} #promo-slider .promo-slide--quest .promo-slide__photo{width:100%!important;height:240px!important;min-height:240px!important;max-height:240px!important;flex:0 0 240px!important} #promo-slider .pq-date{left:22px;top:28px} #promo-slider .pq-date strong{font-size:112px} #promo-slider .pq-date span{margin-top:8px;padding:6px 10px;font-size:8px} #promo-slider .pq-route-card{right:15px;bottom:15px;width:57%;padding:11px 11px 8px;border-radius:17px} #promo-slider .pq-route-top{padding-bottom:7px} #promo-slider .pq-route-top b{font-size:8px} #promo-slider .pq-route-item{grid-template-columns:23px 1fr 5px;gap:6px;min-height:37px} #promo-slider .pq-route-item i{width:22px;height:22px;font-size:6px;box-shadow:0 0 0 2px #5E2F72} #promo-slider .pq-route-item span{font-size:6.5px} #promo-slider .pq-route-item b{width:5px;height:5px} #promo-slider .pq-route-list:before{left:11px;top:18px;bottom:18px} #promo-slider .pq-decor-a{right:18px;top:17px;width:39px;height:39px;border-radius:12px;font-size:13px} #promo-slider .pq-decor-b{left:20px;bottom:18px;width:32px;height:32px;border-radius:10px;font-size:9px} #promo-slider .promo-slide--quest .promo-slide__content{width:100%!important;padding:48px 17px 42px!important} #promo-slider .promo-slide--quest .promo-quest-badge{background:#FEE500!important;color:#171717!important} #promo-slider .promo-slide--quest .pq-title{margin:0 0 12px!important;font-size:42px!important} #promo-slider .promo-slide--quest .pq-title span{margin-top:8px;font-size:.44em!important} #promo-slider .promo-slide--quest .promo-slide__subtitle{font-size:13.5px!important} #promo-slider .promo-slide--quest .promo-slide__button{width:100%!important} } </style> <style> /* ===== ÐÐÐРСÐÐÐÐ: ÑикÑиÑÑем полнÑÑ ÑиÑÐ¸Ð½Ñ Ð¸ ÑбиÑаем навигаÑÐ¸Ñ ===== */ #promo-slider .promo-slider__track{ width:100%!important; transform:none!important; } #promo-slider .promo-slide{ flex:0 0 100%!important; width:100%!important; } #promo-slider .promo-slider__arrow, #promo-slider .promo-slider__dots{ display:none!important; } </style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3096654401" 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 --> <section id="main-hero" class="custom-hero-block"> <div class="custom-hero-block__wrap"> <div class="custom-hero-block__left"> <h1 class="custom-hero-block__title"> 50 «ÐнжиниÑиÑм» â ÑÑаÑÑ<br> 51 к ÑÑпеÑÐ½Ð¾Ð¼Ñ Ð±ÑдÑÑемÑ<br> 52 ÑеÑез ÑвлекаÑелÑное Ñ Ð¾Ð±Ð±Ð¸! 53 </h1> <div class="custom-hero-block__future"> <div class="custom-hero-block__future-item"> <div class="custom-hero-block__future-label">СегоднÑ:</div> <div class="custom-hero-block__future-text"> 54 Ñебенок ÑÐ¾Ð·Ð´Ð°ÐµÑ Ð¿ÑоекÑÑ, Ð¾Ñ ÐºÐ¾ÑоÑÑÑ Ð³Ð¾ÑÑÑ Ð³Ð»Ð°Ð·Ð° 55 </div> </div> <div class="custom-hero-block__future-item"> <div class="custom-hero-block__future-label">ÐавÑÑа:</div> <div class="custom-hero-block__future-text"> 56 поÑÑÑÐ¿Ð°ÐµÑ Ð² пÑеÑÑижнÑй ÐУРблагодаÑÑ ÑеалÑнÑм навÑкам 57 </div> </div> <div class="custom-hero-block__future-item"> <div class="custom-hero-block__future-label">РбÑдÑÑем:</div> <div class="custom-hero-block__future-text"> 58 ÑÑÑÐ¾Ð¸Ñ ÐºÐ°ÑÑеÑÑ Ð² IT Ñ Ð´Ð¾Ñ Ð¾Ð´Ð¾Ð¼ Ð¾Ñ 200 000 ÑÑблей и вÑÑе 59 </div> </div> </div> <p class="custom-hero-block__text"> 60 ÐÑ Ñже помогли ÑоÑнÑм деÑей ÑаÑкÑÑÑÑ Ð¸Ñ ÑаланÑ. ÐÐ°Ñ â ÑледÑÑÑий! 61 </p> <a href="#lead-form" class="custom-hero-block__button"> 62 ÐÐÐÐСÐТЬСЯ 63 </a> </div> <div class="custom-hero-block__right"> <div class="custom-hero-block__image"> <img 64 src="https://lh3.googleusercontent.com/d/1yT-gasEUlWdye2buDR3aCCCwbE2wl8UX" 65 alt="ÐнжиниÑиÑм" 66 > </div> <div class="custom-hero-block__age"> <span class="custom-hero-block__age-icon">ð</span> <span class="custom-hero-block__age-text"> 67 ÐбÑазование Ð´Ð»Ñ Ð´ÐµÑей и подÑоÑÑков 68 <b>Ð¾Ñ 5 до 18 леÑ</b> </span> </div> </div> </div> </section> <style> 69#main-hero { 70 --hero-yellow: #fee500; 71 --hero-orange: #ffb51b; 72 --hero-black: #171717; 73 --hero-text: #1c1c1c; 74 --hero-muted: #696969; 75 --hero-border: rgba(23, 23, 23, 0.09); 76 77 position: relative; 78 display: block; 79 width: 100%; 80 max-width: 100%; 81 margin: 0; 82 padding: 64px 24px; 83 overflow: hidden; 84 box-sizing: border-box; 85 background: transparent; 86 color: var(--hero-text); 87 font-family: "TildaSans", Arial, sans-serif; 88} 89 90#main-hero *, 91#main-hero *::before, 92#main-hero *::after { 93 box-sizing: border-box; 94} 95 96#main-hero .custom-hero-block__wrap { 97 position: relative; 98 display: grid; 99 grid-template-columns: 100 minmax(0, 1.08fr) 101 minmax(390px, 0.92fr); 102 gap: 48px; 103 align-items: center; 104 width: min(1180px, 100%); 105 max-width: 100%; 106 min-width: 0; 107 margin: 0 auto; 108} 109 110#main-hero .custom-hero-block__left, 111#main-hero .custom-hero-block__right { 112 min-width: 0; 113} 114 115#main-hero .custom-hero-block__left { 116 position: relative; 117 z-index: 2; 118} 119 120#main-hero .custom-hero-block__title { 121 width: 100%; 122 max-width: 760px; 123 margin: 0; 124 color: var(--hero-black); 125 font-family: "TildaSans", Arial, sans-serif !important; 126 font-size: 46px; 127 font-weight: 800; 128 line-height: 1.05; 129 letter-spacing: -0.8px; 130 overflow-wrap: break-word; 131} 132 133#main-hero .custom-hero-block__future { 134 display: grid; 135 gap: 10px; 136 width: fit-content; 137 max-width: 100%; 138 min-width: 600px; 139 margin-top: 28px; 140 padding: 18px; 141 border: 1px solid var(--hero-border); 142 border-radius: 22px; 143 background: rgba(255, 255, 255, 0.84); 144 box-shadow: 0 16px 38px rgba(23, 23, 23, 0.06); 145 backdrop-filter: blur(12px); 146 -webkit-backdrop-filter: blur(12px); 147} 148 149#main-hero .custom-hero-block__future-item { 150 display: grid; 151 grid-template-columns: auto minmax(0, 1fr); 152 gap: 14px; 153 align-items: start; 154 width: 100%; 155 min-width: 0; 156 padding: 12px 14px; 157 border-radius: 14px; 158 white-space: nowrap; 159 transition: 160 transform 0.25s ease, 161 background-color 0.25s ease; 162} 163 164#main-hero .custom-hero-block__future-item:nth-child(1) { 165 background: rgba(254, 229, 0, 0.14); 166} 167 168#main-hero .custom-hero-block__future-item:nth-child(2) { 169 background: rgba(255, 181, 27, 0.14); 170} 171 172#main-hero .custom-hero-block__future-item:nth-child(3) { 173 background: rgba(254, 229, 0, 0.07); 174} 175 176#main-hero .custom-hero-block__future-label { 177 min-width: 0; 178 color: var(--hero-black); 179 font-size: 15px; 180 font-weight: 700; 181 line-height: 1.4; 182} 183 184#main-hero .custom-hero-block__future-text { 185 min-width: 0; 186 color: var(--hero-muted); 187 font-size: 16px; 188 font-weight: 400; 189 line-height: 1.4; 190} 191 192#main-hero .custom-hero-block__text { 193 width: 100%; 194 max-width: 620px; 195 margin: 22px 0 0; 196 color: var(--hero-muted); 197 font-size: 18px; 198 font-weight: 400; 199 line-height: 1.5; 200 overflow-wrap: break-word; 201} 202 203#main-hero .custom-hero-block__button { 204 display: inline-flex; 205 align-items: center; 206 justify-content: center; 207 height: 62px; 208 margin-top: 26px; 209 padding: 0 40px; 210 border: 1px solid var(--hero-yellow); 211 border-radius: 999px; 212 background: var(--hero-yellow); 213 color: var(--hero-black); 214 font-family: "pfagoraslabpro", "TildaSans", Arial, sans-serif; 215 font-size: 15px; 216 font-weight: 800; 217 line-height: 1; 218 text-transform: uppercase; 219 text-decoration: none; 220 transition: 221 transform 0.25s ease, 222 background-color 0.25s ease, 223 border-color 0.25s ease, 224 box-shadow 0.25s ease; 225} 226 227#main-hero .custom-hero-block__button:hover { 228 transform: translateY(-3px); 229 border-color: var(--hero-black); 230 background: var(--hero-black); 231 color: #ffffff; 232 box-shadow: 0 14px 30px rgba(23, 23, 23, 0.16); 233} 234 235#main-hero .custom-hero-block__right { 236 position: relative; 237} 238 239#main-hero .custom-hero-block__image { 240 position: relative; 241 z-index: 2; 242 width: 100%; 243 max-width: 100%; 244 overflow: hidden; 245 border: 1px solid var(--hero-border); 246 border-radius: 28px; 247 background: rgba(255, 255, 255, 0.86); 248 box-shadow: 0 20px 48px rgba(23, 23, 23, 0.09); 249} 250 251#main-hero .custom-hero-block__image img { 252 display: block; 253 width: 100%; 254 max-width: 100%; 255 height: auto; 256 object-fit: cover; 257} 258 259#main-hero .custom-hero-block__age { 260 position: relative; 261 z-index: 3; 262 display: flex; 263 align-items: center; 264 gap: 12px; 265 width: calc(100% - 44px); 266 max-width: calc(100% - 44px); 267 min-width: 0; 268 margin: -24px auto 0; 269 padding: 15px 18px; 270 border: 1px solid var(--hero-border); 271 border-radius: 18px; 272 background: rgba(255, 255, 255, 0.94); 273 box-shadow: 0 14px 32px rgba(23, 23, 23, 0.1); 274 backdrop-filter: blur(12px); 275 -webkit-backdrop-filter: blur(12px); 276} 277 278#main-hero .custom-hero-block__age-icon { 279 flex: 0 0 auto; 280} 281 282#main-hero .custom-hero-block__age-text { 283 min-width: 0; 284 line-height: 1.35; 285 overflow-wrap: break-word; 286} 287/* ÐланÑеÑÐ½Ð°Ñ Ð²ÐµÑÑÐ¸Ñ */ 288@media (max-width: 980px) { 289 #main-hero { 290 padding: 52px 24px; 291 } 292 293 #main-hero .custom-hero-block__wrap { 294 grid-template-columns: minmax(0, 1fr); 295 gap: 36px; 296 width: 100%; 297 max-width: 100%; 298 } 299 300 #main-hero .custom-hero-block__future { 301 width: 100%; 302 max-width: 100%; 303 min-width: 0; 304 } 305 306 #main-hero .custom-hero-block__future-item { 307 white-space: normal; 308 } 309 310 #main-hero .custom-hero-block__right { 311 width: min(620px, 100%); 312 margin: 0 auto; 313 } 314} 315 316/* ÐобилÑÐ½Ð°Ñ Ð²ÐµÑÑÐ¸Ñ */ 317@media (max-width: 640px) { 318 #main-hero { 319 width: 100%; 320 max-width: 100%; 321 margin: 0; 322 padding: 40px 24px; 323 overflow: hidden; 324 box-sizing: border-box; 325 } 326 327 #main-hero .custom-hero-block__wrap { 328 display: grid; 329 grid-template-columns: minmax(0, 1fr); 330 gap: 28px; 331 width: 100%; 332 max-width: 100%; 333 min-width: 0; 334 margin: 0 auto; 335 } 336 337 #main-hero .custom-hero-block__left, 338 #main-hero .custom-hero-block__right { 339 width: 100%; 340 max-width: 100%; 341 min-width: 0; 342 margin: 0; 343 } 344 345 #main-hero .custom-hero-block__title { 346 width: 100%; 347 max-width: 100%; 348 min-width: 0; 349 margin: 0; 350 font-size: clamp(29px, 8.6vw, 35px); 351 line-height: 1.05; 352 letter-spacing: -.02em; 353 font-weight: 900; 354 overflow-wrap: break-word; 355 word-break: normal; 356} 357 358 #main-hero .custom-hero-block__future { 359 width: 100%; 360 max-width: 100%; 361 min-width: 0; 362 gap: 8px; 363 margin-top: 22px; 364 padding: 12px; 365 border-radius: 18px; 366 } 367 368 #main-hero .custom-hero-block__future-item { 369 display: grid; 370 grid-template-columns: minmax(0, 1fr); 371 gap: 3px; 372 width: 100%; 373 max-width: 100%; 374 min-width: 0; 375 padding: 11px 12px; 376 border-radius: 12px; 377 white-space: normal; 378 } 379 380 #main-hero .custom-hero-block__future-label { 381 width: 100%; 382 max-width: 100%; 383 min-width: 0; 384 font-size: 14px; 385 line-height: 1.3; 386 } 387 388 #main-hero .custom-hero-block__future-text { 389 width: 100%; 390 max-width: 100%; 391 min-width: 0; 392 font-size: 15px; 393 line-height: 1.35; 394 overflow-wrap: break-word; 395 word-break: normal; 396 } 397 398 #main-hero .custom-hero-block__text { 399 width: 100%; 400 max-width: 100%; 401 margin-top: 18px; 402 font-size: 16px; 403 line-height: 1.45; 404 } 405 406 #main-hero .custom-hero-block__button { 407 width: 100%; 408 max-width: 100%; 409 height: 56px; 410 margin-top: 22px; 411 padding: 0 22px; 412 font-size: 14px; 413 } 414 415 #main-hero .custom-hero-block__image { 416 width: 100%; 417 max-width: 100%; 418 border-radius: 22px; 419 } 420 421 #main-hero .custom-hero-block__image img { 422 width: 100%; 423 max-width: 100%; 424 height: auto; 425 } 426 427 #main-hero .custom-hero-block__age { 428 gap: 10px; 429 width: calc(100% - 24px); 430 max-width: calc(100% - 24px); 431 min-width: 0; 432 margin: -18px auto 0; 433 padding: 13px 14px; 434 border-radius: 16px; 435 } 436 437 #main-hero .custom-hero-block__age-text { 438 flex: 1 1 auto; 439 width: auto; 440 max-width: 100%; 441 min-width: 0; 442 font-size: 14px; 443 overflow-wrap: break-word; 444 } 445} 446 447/* Узкие мобилÑнÑе ÑÑÑÑойÑÑва */ 448@media (max-width: 420px) { 449 #main-hero { 450 padding: 40px 20px; 451 } 452 453 #main-hero .custom-hero-block__title { 454 width: 100%; 455 max-width: 100%; 456 font-size: clamp(28px, 8.8vw, 33px); 457 line-height: 1.05; 458 } 459 460 #main-hero .custom-hero-block__future { 461 margin-top: 20px; 462 } 463 464 #main-hero .custom-hero-block__future-text { 465 font-size: 14px; 466 } 467 468 #main-hero .custom-hero-block__age { 469 width: calc(100% - 16px); 470 max-width: calc(100% - 16px); 471 padding: 12px; 472 } 473 474 #main-hero .custom-hero-block__age-text { 475 font-size: 13px; 476 } 477} 478/* ÐÑинÑдиÑелÑно PF Agora Slab Pro ÑолÑко Ð´Ð»Ñ Ð³Ð»Ð°Ð²Ð½Ð¾Ð³Ð¾ заголовка */ 479#allrecords #main-hero h1.custom-hero-block__title, 480#main-hero h1.custom-hero-block__title { 481 font-family: "TildaSans", Arial, sans-serif !important; 482} 483</style>
483<script> 484(function () { 485 var button = document.querySelector('#main-hero .custom-hero-block__button'); 486 if (!button) return; 487 488 button.addEventListener('click', function (e) { 489 var target = document.getElementById('lead-form'); 490 if (!target) return; 491 492 e.preventDefault(); 493 494 var y = target.getBoundingClientRect().top + window.pageYOffset - 20; 495 496 window.scrollTo({ 497 top: y, 498 behavior: 'smooth' 499 }); 500 501 if (history.replaceState) { 502 history.replaceState(null, '', '#lead-form'); 503 } 504 }); 505})(); 506</script>
506 <!-- nominify end --> </div> </div> </div> </div> <div id="rec3097027001" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="215"> <a name="about" style="font-size:0;"></a> </div> <div id="rec3096657001" 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 --> <section id="trust-section" class="trust-section"> <div class="trust-section__wrap"> <div class="trust-section__head"> <h2 class="trust-section__title"> 507 ÐоÑÐµÐ¼Ñ Ñже более 2000 ÑодиÑелей<br> 508 довеÑили нам ÑÐ²Ð¾Ð¸Ñ Ð´ÐµÑей? 509 </h2> <p class="trust-section__subtitle"> 510 «ÐнжиниÑиÑм ÐÐТУ им. Ð.Ð. ÐаÑмана» в ÐÑаÑнодаÑе â ÑÑо меÑÑо, 511 где деÑи знакомÑÑÑÑ Ñ Ð½Ð°Ñкой, ÑÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ñми и инженеÑнÑм мÑÑлением 512 ÑеÑез пÑакÑикÑ. 513 </p> </div> <div class="trust-section__panel"> <div class="trust-section__grid"> <article class="trust-card trust-card--yellow"> <div class="trust-card__head"> <h3> 514 ÐÑÑÑ Ð¿Ð¾Ð´Ð±Ð¸ÑаеÑÑÑ<br> 515 под ÑÑÐ¾Ð²ÐµÐ½Ñ Ñебенка 516 </h3> </div> <ul class="trust-card__list"> <li>ÑÑиÑÑваем возÑаÑÑ</li> <li>оÑениваем ÑекÑÑие навÑки</li> <li>опиÑаемÑÑ Ð½Ð° инÑеÑеÑÑ Ñебенка</li> </ul> </article> <article class="trust-card trust-card--white"> <div class="trust-card__head"> <h3> 517 ÐвÑоÑÑкие меÑодики<br> 518 и пÑогÑÐ°Ð¼Ð¼Ñ 519 </h3> </div> <div class="trust-card__text"> <p> 520 ÐÑÑÑÑ ÑазÑабоÑÐ°Ð½Ñ ÑпеÑиалиÑÑами ÐÐТУ им. Ð.Ð. ÐаÑмана â 521 ведÑÑего ÑÐµÑ Ð½Ð¸ÑеÑкого вÑза ÑÑÑанÑ. 522 </p> <p> <b> 523 ÐÑе маÑеÑÐ¸Ð°Ð»Ñ Ð°Ð´Ð°Ð¿ÑиÑÐ¾Ð²Ð°Ð½Ñ Ð¿Ð¾Ð´ деÑей, ÑÑÐ¾Ð±Ñ Ð¾Ð±ÑÑение бÑло 524 понÑÑнÑм, ÑвлекаÑелÑнÑм и ÑезÑлÑÑаÑивнÑм. 525 </b> </p> </div> </article> <article class="trust-card trust-card--white"> <div class="trust-card__head"> <h3> 526 ÐоÑÑепенное ÑазвиÑие<br> 527 навÑков 528 </h3> </div> <ul class="trust-card__list"> <li>ÑÑÑпени Ð´Ð»Ñ Ð¿Ð¾ÑледоваÑелÑного обÑÑениÑ</li> <li>ÑÑÐµÑ Ð²Ð¾Ð·ÑаÑÑнÑÑ Ð¾ÑобенноÑÑей</li> <li>комÑоÑÑнÑй Ñемп оÑÐ²Ð¾ÐµÐ½Ð¸Ñ Ð¼Ð°ÑеÑиала</li> </ul> </article> <article class="trust-card trust-card--lavender"> <div class="trust-card__head"> <h3> 529 Развиваем не ÑолÑко<br> 530 ÑÐµÑ Ð½Ð¸ÑеÑкие навÑки 531 </h3> </div> <ul class="trust-card__list"> <li>ÑабоÑа в команде</li> <li>Ñайм-менеджменÑ</li> <li>навÑки коммÑникаÑии</li> <li>ÑамоÑÑоÑÑелÑноÑÑÑ Ð¸ оÑвеÑÑÑвенноÑÑÑ</li> </ul> </article> </div> </div> </div> </section> <style> 532/* ===================================================== 533 ÐÐÐÐ ÐÐÐÐÐ ÐЯ 534===================================================== */ 535 536#trust-section { 537 --trust-yellow: #fee500; 538 --trust-orange: #ffb51b; 539 --trust-black: #171717; 540 --trust-muted: #646464; 541 --trust-border: rgba(23, 23, 23, 0.08); 542 543 position: relative; 544 display: block; 545 width: 100%; 546 max-width: 100%; 547 margin: 0; 548 padding: 64px 24px; 549 overflow: hidden; 550 box-sizing: border-box; 551 background: transparent; 552 color: var(--trust-black); 553 font-family: "TildaSans", Arial, sans-serif; 554} 555 556#trust-section *, 557#trust-section *::before, 558#trust-section *::after { 559 box-sizing: border-box; 560 font-family: "TildaSans", Arial, sans-serif; 561} 562 563#trust-section .trust-section__wrap { 564 width: min(1180px, 100%); 565 max-width: 100%; 566 min-width: 0; 567 margin: 0 auto; 568} 569 570/* ===================================================== 571 ÐÐÐÐÐÐÐÐÐ 572===================================================== */ 573 574#trust-section .trust-section__head { 575 width: 100%; 576 max-width: 860px; 577 min-width: 0; 578 margin-bottom: 34px; 579} 580 581#trust-section .trust-section__title { 582 width: 100%; 583 max-width: 900px; 584 min-width: 0; 585 margin: 0; 586 color: var(--trust-black); 587 font-size: 46px; 588 font-weight: 900; 589 line-height: 1.05; 590 letter-spacing: -0.8px; 591 overflow-wrap: break-word; 592} 593 594#trust-section .trust-section__subtitle { 595 width: 100%; 596 max-width: 760px; 597 min-width: 0; 598 margin: 18px 0 0; 599 color: var(--trust-muted); 600 font-size: 18px; 601 font-weight: 400; 602 line-height: 1.5; 603 overflow-wrap: break-word; 604} 605 606/* ===================================================== 607 ÐÐЩÐЯ ÐÐÐÐÐÐÐÐ 608===================================================== */ 609 610#trust-section .trust-section__panel { 611 width: 100%; 612 max-width: 100%; 613 min-width: 0; 614 padding: 18px; 615 border: 1px solid rgba(23, 23, 23, 0.07); 616 border-radius: 28px; 617 background: rgba(244, 245, 247, 0.82); 618} 619 620/* ===================================================== 621 СÐТÐÐ 622===================================================== */ 623 624#trust-section .trust-section__grid { 625 display: grid; 626 grid-template-columns: repeat(4, minmax(0, 1fr)); 627 gap: 14px; 628 align-items: stretch; 629 width: 100%; 630 max-width: 100%; 631 min-width: 0; 632} 633 634/* ===================================================== 635 ÐÐРТÐЧÐÐ 636===================================================== */ 637 638#trust-section .trust-card { 639 position: relative; 640 display: flex; 641 flex-direction: column; 642 width: 100%; 643 max-width: 100%; 644 min-width: 0; 645 min-height: 360px; 646 padding: 25px 22px; 647 border: 1px solid var(--trust-border); 648 border-radius: 22px; 649 background: #ffffff; 650 box-shadow: 0 10px 26px rgba(23, 23, 23, 0.04); 651 transition: 652 transform 0.24s ease, 653 box-shadow 0.24s ease, 654 border-color 0.24s ease; 655} 656 657#trust-section .trust-card:hover { 658 transform: translateY(-3px); 659 border-color: rgba(23, 23, 23, 0.13); 660 box-shadow: 0 16px 34px rgba(23, 23, 23, 0.07); 661} 662 663#trust-section .trust-card--yellow { 664 border-color: rgba(23, 23, 23, 0.06); 665 background: #fee500; 666} 667 668#trust-section .trust-card--white { 669 background: #ffffff; 670} 671 672#trust-section .trust-card--lavender { 673 border-color: rgba(255, 181, 27, 0.18); 674 background: linear-gradient( 675 145deg, 676 #ffffff 0%, 677 #fff6d6 100% 678 ); 679} 680 681/* ===================================================== 682 ÐÐÐÐÐÐÐÐÐ ÐÐРТÐЧÐÐ 683===================================================== */ 684 685#trust-section .trust-card__head { 686 display: block; 687 width: 100%; 688 max-width: 100%; 689 min-width: 0; 690} 691 692#trust-section .trust-card__head h3 { 693 width: 100%; 694 max-width: 100%; 695 min-width: 0; 696 margin: 0; 697 color: var(--trust-black); 698 font-size: 22px; 699 font-weight: 700; 700 line-height: 1.2; 701 letter-spacing: -0.025em; 702 overflow-wrap: break-word; 703} 704 705/* ===================================================== 706 ТÐÐСТ 707===================================================== */ 708 709#trust-section .trust-card__text { 710 width: 100%; 711 max-width: 100%; 712 min-width: 0; 713 margin-top: 24px; 714} 715 716#trust-section .trust-card__text p { 717 width: 100%; 718 max-width: 100%; 719 min-width: 0; 720 margin: 0; 721 color: var(--trust-muted); 722 font-size: 15px; 723 font-weight: 400; 724 line-height: 1.55; 725 overflow-wrap: break-word; 726} 727 728#trust-section .trust-card__text p + p { 729 margin-top: 18px; 730} 731 732#trust-section .trust-card__text b { 733 color: var(--trust-black); 734 font-weight: 700; 735} 736 737/* ===================================================== 738 СÐÐСÐÐ 739===================================================== */ 740 741#trust-section .trust-card__list { 742 display: grid; 743 gap: 11px; 744 width: 100%; 745 max-width: 100%; 746 min-width: 0; 747 margin: 24px 0 0; 748 padding: 0; 749 list-style: none; 750} 751 752#trust-section .trust-card__list li { 753 position: relative; 754 width: 100%; 755 max-width: 100%; 756 min-width: 0; 757 padding-left: 20px; 758 color: var(--trust-muted); 759 font-size: 15px; 760 font-weight: 400; 761 line-height: 1.45; 762 overflow-wrap: break-word; 763} 764 765#trust-section .trust-card__list li::before { 766 content: ""; 767 position: absolute; 768 top: 8px; 769 left: 1px; 770 width: 6px; 771 height: 6px; 772 border-radius: 50%; 773 background: var(--trust-black); 774} 775 776#trust-section .trust-card--yellow .trust-card__list li { 777 color: rgba(23, 23, 23, 0.75); 778} 779 780/* ===================================================== 781 ÐÐÐÐШÐТ 782===================================================== */ 783 784@media (max-width: 1050px) { 785 #trust-section { 786 padding: 52px 24px; 787 } 788 789 #trust-section .trust-section__grid { 790 grid-template-columns: repeat(2, minmax(0, 1fr)); 791 } 792 793 #trust-section .trust-card { 794 min-height: 310px; 795 } 796} 797 798@media (max-width: 760px) { 799 #trust-section { 800 width: 100%; 801 max-width: 100%; 802 padding: 52px 24px; 803 overflow: hidden; 804 box-sizing: border-box; 805 } 806 807 #trust-section .trust-section__wrap, 808 #trust-section .trust-section__head, 809 #trust-section .trust-section__panel, 810 #trust-section .trust-section__grid { 811 width: 100%; 812 max-width: 100%; 813 min-width: 0; 814 } 815 816 #trust-section .trust-section__panel { 817 padding: 14px; 818 border-radius: 24px; 819 } 820} 821 822/* ===================================================== 823 ÐÐÐÐÐЬÐЫР824===================================================== */ 825 826@media (max-width: 640px) { 827 #trust-section { 828 width: 100%; 829 max-width: 100%; 830 margin: 0; 831 padding: 40px 24px; 832 overflow: hidden; 833 box-sizing: border-box; 834 } 835 836 #trust-section .trust-section__wrap { 837 width: 100%; 838 max-width: 100%; 839 min-width: 0; 840 margin: 0 auto; 841 } 842 843 #trust-section .trust-section__head { 844 width: 100%; 845 max-width: 100%; 846 min-width: 0; 847 margin-bottom: 26px; 848 } 849 850 #trust-section .trust-section__title { 851 width: 100%; 852 max-width: 100%; 853 min-width: 0; 854 margin: 0; 855 font-size: clamp(29px, 8.6vw, 35px); 856 line-height: 1.05; 857 letter-spacing: -.02em; 858 overflow-wrap: break-word; 859 word-break: normal; 860 } 861 862 #trust-section .trust-section__title br { 863 display: none; 864 } 865 866 #trust-section .trust-section__subtitle { 867 width: 100%; 868 max-width: 100%; 869 min-width: 0; 870 margin-top: 16px; 871 font-size: 16px; 872 line-height: 1.45; 873 overflow-wrap: break-word; 874 } 875 876 #trust-section .trust-section__panel { 877 width: 100%; 878 max-width: 100%; 879 min-width: 0; 880 padding: 10px; 881 border-radius: 21px; 882 } 883 884 #trust-section .trust-section__grid { 885 grid-template-columns: minmax(0, 1fr); 886 gap: 10px; 887 width: 100%; 888 max-width: 100%; 889 min-width: 0; 890 } 891 892 #trust-section .trust-card { 893 width: 100%; 894 max-width: 100%; 895 min-width: 0; 896 min-height: 0; 897 padding: 21px 20px; 898 border-radius: 18px; 899 } 900 901 #trust-section .trust-card__head, 902 #trust-section .trust-card__text, 903 #trust-section .trust-card__list { 904 width: 100%; 905 max-width: 100%; 906 min-width: 0; 907 } 908 909 #trust-section .trust-card__head h3 { 910 width: 100%; 911 max-width: 100%; 912 min-width: 0; 913 font-size: 20px; 914 overflow-wrap: break-word; 915 } 916 917 #trust-section .trust-card__text, 918 #trust-section .trust-card__list { 919 margin-top: 17px; 920 } 921 922 #trust-section .trust-card__text p, 923 #trust-section .trust-card__list li { 924 width: 100%; 925 max-width: 100%; 926 min-width: 0; 927 font-size: 14px; 928 overflow-wrap: break-word; 929 word-break: normal; 930 } 931} 932 933/* ===================================================== 934 УÐÐÐÐ ÐÐÐÐÐЬÐЫРУСТРÐÐСТÐÐ 935===================================================== */ 936 937@media (max-width: 420px) { 938 #trust-section { 939 padding: 40px 20px; 940 } 941 942 #trust-section .trust-section__title { 943 font-size: clamp(28px, 8.8vw, 33px); 944 line-height: 1.05; 945 } 946 947 #trust-section .trust-section__panel { 948 padding: 9px; 949 } 950 951 #trust-section .trust-card { 952 padding: 20px 18px; 953 } 954} 955 956/* ===================================================== 957 ÐТÐÐЮЧÐÐÐÐ ÐÐÐÐÐЦÐÐ 958===================================================== */ 959 960@media (prefers-reduced-motion: reduce) { 961 #trust-section .trust-card { 962 transition: none; 963 } 964} 965</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3096659101" 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 --> <section id="photo-gallery" class="photo-gallery"> <div class="photo-gallery__wrap"> <div class="photo-gallery__head"> <div class="photo-gallery__eyebrow"> 966 Ðак пÑÐ¾Ñ Ð¾Ð´ÑÑ Ð·Ð°Ð½ÑÑÐ¸Ñ 967 </div> <h2 class="photo-gallery__title"> 968 ÐеÑи оÑваиваÑÑ ÑÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ð¸<br class="photo-gallery__desktop-break">ÑеÑез ÑеалÑнÑе задаÑи 969 </h2> <p class="photo-gallery__subtitle">
970 ÐÑогÑаммиÑование, ÑобоÑоÑÐµÑ Ð½Ð¸ÐºÐ°, 3D-моделиÑование и инженеÑнÑе 971 задаÑи â в живой обÑазоваÑелÑной ÑÑеде. 972 </p> </div> <div class="photo-gallery__grid"> <figure class="photo-gallery__item photo-gallery__item--a1"> <img 973 src="https://lh3.googleusercontent.com/d/1AbrUGShVQaFdd9mBBhcOORMNYsj087oA" 974 alt="РебÑнок Ñ Ð¿ÑоекÑом по ÑобоÑоÑÐµÑ Ð½Ð¸ÐºÐµ" 975 loading="lazy" 976 > </figure> <figure class="photo-gallery__item photo-gallery__item--a2"> <img 977 src="https://lh3.googleusercontent.com/d/1hr4c4iupeRyqhrcOUS5qcJ6TfGI6yY8A" 978 alt="УÑеники Ñ Ð¿ÑоекÑами" 979 loading="lazy" 980 > </figure> <figure class="photo-gallery__item photo-gallery__item--a3"> <img 981 src="https://lh3.googleusercontent.com/d/1aLNRantXOAzsD7I6DhH2y7NISoMHntCE" 982 alt="СбоÑка ÑобоÑоÑÐµÑ Ð½Ð¸ÑеÑкой модели" 983 loading="lazy" 984 > </figure> <figure class="photo-gallery__item photo-gallery__item--a4"> <img 985 src="https://lh3.googleusercontent.com/d/1ZVJHOViE9oHWKvOeXjkBRkQiWNJRscJg" 986 alt="РабоÑа над инженеÑнÑм пÑоекÑом" 987 loading="lazy" 988 > </figure> <figure class="photo-gallery__item photo-gallery__item--a5"> <img 989 src="https://lh3.googleusercontent.com/d/122PnmpXWUcUBJqVNsj9KovoLEp3ecRxx" 990 alt="УÑеник вÑполнÑÐµÑ Ð·Ð°Ð´Ð°Ð½Ð¸Ðµ" 991 loading="lazy" 992 > </figure> <figure class="photo-gallery__item photo-gallery__item--b1"> <img 993 src="https://lh3.googleusercontent.com/d/13ozRsH-mjtDZIep8eZHZ_1Cyk6i10p9A" 994 alt="ÐÐ¾Ð¼Ð°Ð½Ð´Ð½Ð°Ñ ÑабоÑа над пÑоекÑом" 995 loading="lazy" 996 > </figure> <figure class="photo-gallery__item photo-gallery__item--b2"> <img 997 src="https://lh3.googleusercontent.com/d/1phzRdh-AaeNg2Bulfvnm3hw-Il4nrdYQ" 998 alt="ÐанÑÑие по пÑогÑаммиÑованиÑ" 999 loading="lazy" 1000 > </figure> <figure class="photo-gallery__item photo-gallery__item--b3"> <img 1001 src="https://lh3.googleusercontent.com/d/1zx3d-9jn649nuDfZNqXgeXITaMrVVex3" 1002 alt="Создание пÑоекÑа за компÑÑÑеÑом" 1003 loading="lazy" 1004 > </figure> <figure class="photo-gallery__item photo-gallery__item--c1"> <img 1005 src="https://lh3.googleusercontent.com/d/1vzPWijt8lAh7-9GnMe0Xsr-kJTO82Gra" 1006 alt="УÑеник демонÑÑÑиÑÑÐµÑ Ð¿ÑоекÑ" 1007 loading="lazy" 1008 > </figure> <figure class="photo-gallery__item photo-gallery__item--c2"> <img 1009 src="https://lh3.googleusercontent.com/d/1bDhfyzW_WZ1QvtGL-m7ut0s42fUiaHfP" 1010 alt="РобоÑоÑÐµÑ Ð½Ð¸ÑеÑÐºÐ°Ñ Ð¼Ð¾Ð´ÐµÐ»Ñ" 1011 loading="lazy" 1012 > </figure> <figure class="photo-gallery__item photo-gallery__item--c3"> <img 1013 src="https://lh3.googleusercontent.com/d/1WBei7nJ2XXltiqOW8lLq7PH0r46Mp-KP" 1014 alt="Ðоманда ÑÑеников Ñ ÑобоÑами" 1015 loading="lazy" 1016 > </figure> <figure class="photo-gallery__item photo-gallery__item--c4"> <img 1017 src="https://lh3.googleusercontent.com/d/1__faWKXqRcfEquYLi-i_OyDeKTFiiEbB" 1018 alt="ÐÑакÑиÑеÑкое занÑÑие в ÐнжиниÑиÑм" 1019 loading="lazy" 1020 > </figure> </div> </div> </section> <style> 1021#photo-gallery { 1022 --gallery-yellow: #FEE500; 1023 --gallery-black: #171717; 1024 --gallery-muted: #696969; 1025 --gallery-border: rgba(23, 23, 23, 0.09); 1026 1027 position: relative; 1028 display: block; 1029 width: 100%; 1030 max-width: 100%; 1031 margin: 0; 1032 padding: 64px 24px; 1033 overflow: hidden; 1034 box-sizing: border-box; 1035 background: transparent; 1036 color: var(--gallery-black); 1037 font-family: "TildaSans", Arial, sans-serif; 1038} 1039 1040#photo-gallery *, 1041#photo-gallery *::before, 1042#photo-gallery *::after { 1043 box-sizing: border-box; 1044 font-family: "TildaSans", Arial, sans-serif; 1045} 1046 1047#photo-gallery .photo-gallery__wrap { 1048 width: min(1180px, 100%); 1049 max-width: 100%; 1050 min-width: 0; 1051 margin: 0 auto; 1052} 1053 1054/* Ðаголовок */ 1055 1056#photo-gallery .photo-gallery__head { 1057 width: 100%; 1058 max-width: 820px; 1059 min-width: 0; 1060 margin-bottom: 44px; 1061} 1062 1063#photo-gallery .photo-gallery__eyebrow { 1064 display: inline-flex; 1065 align-items: center; 1066 gap: 9px; 1067 max-width: 100%; 1068 min-height: 34px; 1069 margin-bottom: 17px; 1070 padding: 8px 13px; 1071 border: 1px solid var(--gallery-border); 1072 border-radius: 999px; 1073 background: rgba(254, 229, 0, 0.18); 1074 color: var(--gallery-black); 1075 font-size: 12px; 1076 font-weight: 700; 1077 line-height: 1; 1078 letter-spacing: 0.08em; 1079 text-transform: uppercase; 1080} 1081 1082#photo-gallery .photo-gallery__eyebrow::before { 1083 content: ""; 1084 width: 7px; 1085 height: 7px; 1086 flex: 0 0 auto; 1087 border-radius: 50%; 1088 background: var(--gallery-yellow); 1089 box-shadow: 0 0 0 4px rgba(254, 229, 0, 0.18); 1090} 1091 1092#photo-gallery .photo-gallery__title { 1093 width: 100%; 1094 max-width: 860px; 1095 min-width: 0; 1096 margin: 0; 1097 color: var(--gallery-black); 1098 font-size: 46px; 1099 font-weight: 900; 1100 line-height: 1.05; 1101 letter-spacing: -0.8px; 1102 overflow-wrap: break-word; 1103} 1104 1105#photo-gallery .photo-gallery__subtitle { 1106 width: 100%; 1107 max-width: 720px; 1108 min-width: 0; 1109 margin: 22px 0 0; 1110 color: var(--gallery-muted); 1111 font-size: 19px; 1112 font-weight: 400; 1113 line-height: 1.5; 1114 overflow-wrap: break-word; 1115} 1116 1117/* СеÑка */ 1118 1119#photo-gallery .photo-gallery__grid { 1120 display: grid; 1121 grid-template-columns: repeat(12, minmax(0, 1fr)); 1122 grid-template-rows: 1123 repeat(2, 210px) 1124 300px 1125 260px; 1126 gap: 18px; 1127 width: 100%; 1128 max-width: 100%; 1129 min-width: 0; 1130} 1131 1132/* ÐеÑвÑй блок */ 1133 1134#photo-gallery .photo-gallery__item--a1 { 1135 grid-column: 1 / span 4; 1136 grid-row: 1 / span 2; 1137} 1138 1139#photo-gallery .photo-gallery__item--a2 {
1140 grid-column: 5 / span 4; 1141 grid-row: 1; 1142} 1143 1144#photo-gallery .photo-gallery__item--a3 { 1145 grid-column: 9 / span 4; 1146 grid-row: 1; 1147} 1148 1149#photo-gallery .photo-gallery__item--a4 { 1150 grid-column: 5 / span 4; 1151 grid-row: 2; 1152} 1153 1154#photo-gallery .photo-gallery__item--a5 { 1155 grid-column: 9 / span 4; 1156 grid-row: 2; 1157} 1158 1159/* ÐÑоÑой блок */ 1160 1161#photo-gallery .photo-gallery__item--b1 { 1162 grid-column: 1 / span 6; 1163 grid-row: 3; 1164} 1165 1166#photo-gallery .photo-gallery__item--b2 { 1167 grid-column: 7 / span 3; 1168 grid-row: 3; 1169} 1170 1171#photo-gallery .photo-gallery__item--b3 { 1172 grid-column: 10 / span 3; 1173 grid-row: 3; 1174} 1175 1176/* ÐоÑледний ÑÑд */ 1177 1178#photo-gallery .photo-gallery__item--c1 { 1179 grid-column: 1 / span 3; 1180 grid-row: 4; 1181} 1182 1183#photo-gallery .photo-gallery__item--c2 { 1184 grid-column: 4 / span 3; 1185 grid-row: 4; 1186} 1187 1188#photo-gallery .photo-gallery__item--c3 { 1189 grid-column: 7 / span 3; 1190 grid-row: 4; 1191} 1192 1193#photo-gallery .photo-gallery__item--c4 { 1194 grid-column: 10 / span 3; 1195 grid-row: 4; 1196} 1197 1198/* ÐаÑÑоÑки */ 1199 1200#photo-gallery .photo-gallery__item { 1201 position: relative; 1202 width: 100%; 1203 max-width: 100%; 1204 min-width: 0; 1205 min-height: 0; 1206 margin: 0; 1207 overflow: hidden; 1208 border: 1px solid var(--gallery-border); 1209 border-radius: 24px; 1210 background: #ffffff; 1211 box-shadow: 0 14px 34px rgba(23, 23, 23, 0.06); 1212 transition: 1213 transform 0.3s ease, 1214 box-shadow 0.3s ease; 1215} 1216 1217#photo-gallery .photo-gallery__item:hover { 1218 transform: translateY(-4px); 1219 box-shadow: 0 20px 44px rgba(23, 23, 23, 0.1); 1220} 1221 1222#photo-gallery .photo-gallery__item img { 1223 display: block; 1224 width: 100%; 1225 height: 100%; 1226 max-width: none; 1227 object-fit: cover; 1228 transition: transform 0.45s ease; 1229} 1230 1231#photo-gallery .photo-gallery__item:hover img { 1232 transform: scale(1.025); 1233} 1234 1235/* ÐндивидÑалÑное кадÑиÑование */ 1236 1237#photo-gallery .photo-gallery__item--a1 img { 1238 object-position: 72% center; 1239 transform: scale(1.12); 1240} 1241 1242#photo-gallery .photo-gallery__item--a1:hover img { 1243 transform: scale(1.15); 1244} 1245 1246#photo-gallery .photo-gallery__item--a2 img { 1247 object-position: center 45%; 1248 transform: scale(1.1); 1249} 1250 1251#photo-gallery .photo-gallery__item--a2:hover img { 1252 transform: scale(1.13); 1253} 1254 1255#photo-gallery .photo-gallery__item--a3 img { 1256 object-position: center; 1257} 1258 1259#photo-gallery .photo-gallery__item--a4 img { 1260 object-position: center 45%; 1261 transform: scale(1.1); 1262} 1263 1264#photo-gallery .photo-gallery__item--a4:hover img { 1265 transform: scale(1.13); 1266} 1267 1268#photo-gallery .photo-gallery__item--a5 img { 1269 object-position: center 42%; 1270} 1271 1272#photo-gallery .photo-gallery__item--b1 img { 1273 object-position: center 42%; 1274 transform: scale(1.06); 1275} 1276 1277#photo-gallery .photo-gallery__item--b1:hover img { 1278 transform: scale(1.09); 1279} 1280 1281#photo-gallery .photo-gallery__item--b2 img { 1282 object-position: 60% center; 1283} 1284 1285#photo-gallery .photo-gallery__item--b3 img { 1286 object-position: 45% center; 1287} 1288 1289#photo-gallery .photo-gallery__item--c1 img { 1290 object-position: center 43%; 1291} 1292 1293#photo-gallery .photo-gallery__item--c2 img { 1294 object-position: center; 1295} 1296 1297#photo-gallery .photo-gallery__item--c3 img { 1298 object-position: center 42%; 1299} 1300 1301#photo-gallery .photo-gallery__item--c4 img { 1302 object-position: center 42%; 1303} 1304 1305/* ÐланÑÐµÑ */ 1306 1307@media (max-width: 980px) { 1308 #photo-gallery { 1309 padding: 52px 24px; 1310 } 1311 1312 #photo-gallery .photo-gallery__wrap, 1313 #photo-gallery .photo-gallery__head, 1314 #photo-gallery .photo-gallery__grid { 1315 width: 100%; 1316 max-width: 100%; 1317 min-width: 0; 1318 } 1319 1320 #photo-gallery .photo-gallery__grid { 1321 grid-template-columns: repeat(2, minmax(0, 1fr));
1322 grid-template-rows: none; 1323 grid-auto-rows: 260px; 1324 gap: 15px; 1325 } 1326 1327 #photo-gallery .photo-gallery__item { 1328 grid-column: auto; 1329 grid-row: auto; 1330 } 1331 1332 #photo-gallery .photo-gallery__item--a1 { 1333 grid-row: span 2; 1334 } 1335 1336 #photo-gallery .photo-gallery__item--b1 { 1337 grid-column: 1 / -1; 1338 height: 330px; 1339 } 1340} 1341 1342/* ÐобилÑнÑй */ 1343 1344@media (max-width: 640px) { 1345 #photo-gallery { 1346 width: 100%; 1347 max-width: 100%; 1348 margin: 0; 1349 padding: 40px 24px; 1350 overflow: hidden; 1351 box-sizing: border-box; 1352 } 1353 1354 #photo-gallery .photo-gallery__wrap { 1355 width: 100%; 1356 max-width: 100%; 1357 min-width: 0; 1358 margin: 0 auto; 1359 } 1360 1361 #photo-gallery .photo-gallery__head { 1362 width: 100%; 1363 max-width: 100%; 1364 min-width: 0; 1365 margin-bottom: 26px; 1366 } 1367 1368 #photo-gallery .photo-gallery__eyebrow { 1369 max-width: 100%; 1370 margin-bottom: 14px; 1371 padding: 7px 12px; 1372 font-size: 11px; 1373 } 1374 1375 #photo-gallery .photo-gallery__title { 1376 width: 100%; 1377 max-width: 100%; 1378 min-width: 0; 1379 margin: 0; 1380 font-size: clamp(29px, 8.6vw, 35px); 1381 line-height: 1.05; 1382 letter-spacing: -.02em; 1383 overflow-wrap: break-word; 1384 word-break: normal; 1385 } 1386 1387 #photo-gallery .photo-gallery__subtitle { 1388 width: 100%; 1389 max-width: 100%; 1390 min-width: 0; 1391 margin-top: 16px; 1392 font-size: 16px; 1393 line-height: 1.45; 1394 overflow-wrap: break-word; 1395 } 1396 1397 #photo-gallery .photo-gallery__grid { 1398 grid-template-columns: minmax(0, 1fr);
1399 grid-template-rows: none; 1400 grid-auto-rows: auto; 1401 gap: 10px; 1402 width: 100%; 1403 max-width: 100%; 1404 min-width: 0; 1405 } 1406 1407 #photo-gallery .photo-gallery__item, 1408 #photo-gallery .photo-gallery__item--a1, 1409 #photo-gallery .photo-gallery__item--a2, 1410 #photo-gallery .photo-gallery__item--a3, 1411 #photo-gallery .photo-gallery__item--a4, 1412 #photo-gallery .photo-gallery__item--a5, 1413 #photo-gallery .photo-gallery__item--b1, 1414 #photo-gallery .photo-gallery__item--b2, 1415 #photo-gallery .photo-gallery__item--b3, 1416 #photo-gallery .photo-gallery__item--c1, 1417 #photo-gallery .photo-gallery__item--c2, 1418 #photo-gallery .photo-gallery__item--c3, 1419 #photo-gallery .photo-gallery__item--c4 { 1420 grid-column: 1; 1421 grid-row: auto; 1422 width: 100%; 1423 max-width: 100%; 1424 min-width: 0; 1425 height: 220px; 1426 border-radius: 18px; 1427 } 1428 1429 #photo-gallery .photo-gallery__item--a1, 1430 #photo-gallery .photo-gallery__item--b2, 1431 #photo-gallery .photo-gallery__item--b3 { 1432 height: 290px; 1433 } 1434} 1435 1436/* Узкие мобилÑнÑе ÑÑÑÑойÑÑва */ 1437 1438@media (max-width: 420px) { 1439 #photo-gallery { 1440 padding: 40px 20px; 1441 } 1442 1443 #photo-gallery .photo-gallery__title { 1444 font-size: clamp(28px, 8.8vw, 33px); 1445 line-height: 1.05; 1446 } 1447 1448 #photo-gallery .photo-gallery__grid { 1449 gap: 10px; 1450 } 1451 1452 #photo-gallery .photo-gallery__item, 1453 #photo-gallery .photo-gallery__item--a1, 1454 #photo-gallery .photo-gallery__item--a2, 1455 #photo-gallery .photo-gallery__item--a3, 1456 #photo-gallery .photo-gallery__item--a4, 1457 #photo-gallery .photo-gallery__item--a5, 1458 #photo-gallery .photo-gallery__item--b1, 1459 #photo-gallery .photo-gallery__item--b2, 1460 #photo-gallery .photo-gallery__item--b3, 1461 #photo-gallery .photo-gallery__item--c1, 1462 #photo-gallery .photo-gallery__item--c2, 1463 #photo-gallery .photo-gallery__item--c3, 1464 #photo-gallery .photo-gallery__item--c4 { 1465 height: 210px; 1466 } 1467 1468 #photo-gallery .photo-gallery__item--a1, 1469 #photo-gallery .photo-gallery__item--b2, 1470 #photo-gallery .photo-gallery__item--b3 { 1471 height: 280px; 1472 } 1473} 1474 1475/* ÐÑклÑÑение анимаÑий */ 1476 1477@media (prefers-reduced-motion: reduce) { 1478 #photo-gallery .photo-gallery__item, 1479 #photo-gallery .photo-gallery__item img { 1480 transition: none; 1481 } 1482} 1483</style> <style> 1484@media (max-width: 640px) { 1485 #photo-gallery .photo-gallery__desktop-break { 1486 display: none; 1487 } 1488} 1489</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3096660001" 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 --> <section id="trial-price" class="trial-price"> <div class="trial-price__wrap"> <div class="trial-price__card"> <div class="trial-price__grid"> <div class="trial-price__left"> <div class="trial-price__eyebrow"> 1490 ваÑе пÑиглаÑение 1491 </div> <h2 class="trial-price__title"> <span class="trial-price__title-line">ÐÑобное занÑÑие</span> <span class="trial-price__title-line trial-price__title-line--brand">в «ÐнжиниÑиÑм ÐÐТУ</span> <span class="trial-price__title-line">им. Ð.Ð. ÐаÑмана»</span> </h2> <div class="trial-price__text"> 1492 Ðе ÑвеÑенÑ, Ð¿Ð¾Ð´Ð¾Ð¹Ð´ÐµÑ Ð»Ð¸ ÑÐµÐ±ÐµÐ½ÐºÑ Ð½Ð°Ð¿Ñавление? ÐÑÐ¸Ñ Ð¾Ð´Ð¸Ñе на пÑобное занÑÑие: 1493 познакомимÑÑ, покажем ÑоÑÐ¼Ð°Ñ Ð¾Ð±ÑÑÐµÐ½Ð¸Ñ Ð¸ подÑкажем, ÐºÐ°ÐºÐ°Ñ Ð¿ÑогÑамма подойдеÑ. 1494 </div> <div class="trial-price__features"> <div class="trial-price__feature"> <span class="trial-price__feature-check">â</span> <span>без оплаÑÑ</span> </div> <div class="trial-price__feature"> <span class="trial-price__feature-check">â</span> <span>без обÑзаÑелÑÑÑв</span> </div> <div class="trial-price__feature"> <span class="trial-price__feature-check">â</span> <span>подбеÑем напÑавление</span> </div> </div> </div> <div class="trial-price__right"> <div class="trial-price__price-card"> <div class="trial-price__price-label"> 1495 СÑоимоÑÑÑ Ð¿ÐµÑвого занÑÑÐ¸Ñ 1496 </div> <div class="trial-price__price"> 1497 0 â½ 1498 </div> <a href="#contactform" class="trial-price__button"> <span>ÐÐÐÐСÐТЬСЯ</span> <span class="trial-price__button-arrow">â</span> </a> </div> </div> </div> </div> </div> </section> <style> 1499#trial-price { 1500 --trial-yellow: #FEE500; 1501 --trial-yellow-dark: #E8A000; 1502 --trial-orange: #FFB51B; 1503 --trial-orange-dark: #E89A00; 1504 --trial-black: #171717; 1505 --trial-text: #1c1c1c; 1506 --trial-muted: #696969; 1507 --trial-border: rgba(23, 23, 23, 0.09); 1508 1509 position: relative; 1510 display: block; 1511 width: 100%; 1512 max-width: 100%; 1513 margin: 0; 1514 padding: 64px 24px; 1515 overflow: hidden; 1516 box-sizing: border-box; 1517 background: transparent; 1518 color: var(--trial-text); 1519 font-family: "TildaSans", Arial, sans-serif; 1520} 1521 1522#trial-price *, 1523#trial-price *::before, 1524#trial-price *::after { 1525 box-sizing: border-box; 1526} 1527 1528#trial-price .trial-price__wrap { 1529 position: relative; 1530 width: min(1180px, 100%); 1531 max-width: 100%; 1532 min-width: 0; 1533 margin: 0 auto; 1534} 1535 1536/* ÐÑÐ½Ð¾Ð²Ð½Ð°Ñ ÐºÐ°ÑÑоÑка */ 1537 1538#trial-price .trial-price__card { 1539 position: relative; 1540 isolation: isolate; 1541 width: 100%; 1542 max-width: 100%; 1543 min-width: 0; 1544 overflow: hidden; 1545 padding: 38px; 1546 border: 1px solid var(--trial-border); 1547 border-radius: 28px; 1548 background: 1549 radial-gradient( 1550 circle at 94% 4%, 1551 rgba(254, 229, 0, 0.2), 1552 transparent 27% 1553 ), 1554 radial-gradient(
1555 circle at 3% 96%, 1556 rgba(255, 181, 27, 0.10), 1557 transparent 25% 1558 ), 1559 rgba(255, 255, 255, 0.88); 1560 box-shadow: 0 20px 50px rgba(23, 23, 23, 0.07); 1561 backdrop-filter: blur(14px); 1562 -webkit-backdrop-filter: blur(14px); 1563 animation: trialFadeUp 0.65s ease both; 1564} 1565 1566#trial-price .trial-price__card::after { 1567 content: ""; 1568 position: absolute; 1569 z-index: -1; 1570 right: -110px; 1571 bottom: -135px; 1572 width: 290px; 1573 height: 290px; 1574 border: 1px solid rgba(23, 23, 23, 0.06); 1575 border-radius: 50%; 1576 pointer-events: none; 1577} 1578 1579/* СеÑка */ 1580 1581#trial-price .trial-price__grid { 1582 display: grid; 1583 grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr); 1584 gap: 44px; 1585 align-items: stretch; 1586 width: 100%; 1587 max-width: 100%; 1588 min-width: 0; 1589} 1590 1591#trial-price .trial-price__left, 1592#trial-price .trial-price__right { 1593 position: relative; 1594 z-index: 2; 1595 width: 100%; 1596 max-width: 100%; 1597 min-width: 0; 1598} 1599 1600/* ÐÐµÐ²Ð°Ñ ÑаÑÑÑ */ 1601 1602#trial-price .trial-price__left { 1603 align-self: center; 1604 max-width: 690px; 1605} 1606 1607#trial-price .trial-price__eyebrow { 1608 display: inline-flex; 1609 align-items: center; 1610 gap: 9px; 1611 max-width: 100%; 1612 min-height: 34px; 1613 margin-bottom: 17px; 1614 padding: 8px 13px; 1615 border: 1px solid rgba(23, 23, 23, 0.08); 1616 border-radius: 999px; 1617 background: rgba(254, 229, 0, 0.22); 1618 color: var(--trial-black); 1619 font-size: 12px; 1620 font-weight: 700; 1621 line-height: 1; 1622 letter-spacing: 0.08em; 1623 text-transform: uppercase; 1624} 1625 1626#trial-price .trial-price__eyebrow::before { 1627 content: ""; 1628 flex: 0 0 auto; 1629 width: 7px; 1630 height: 7px; 1631 border-radius: 50%; 1632 background: var(--trial-yellow); 1633 box-shadow: 0 0 0 4px rgba(254, 229, 0, 0.2); 1634} 1635 1636#trial-price .trial-price__title { 1637 width: 100%; 1638 max-width: 730px; 1639 min-width: 0; 1640 margin: 0; 1641 color: var(--trial-black); 1642 font-size: 46px; 1643 font-weight: 900; 1644 line-height: 1.05; 1645 letter-spacing: -0.8px; 1646 overflow-wrap: break-word; 1647} 1648 1649#trial-price .trial-price__text { 1650 width: 100%; 1651 max-width: 650px; 1652 min-width: 0; 1653 margin-top: 22px; 1654 color: var(--trial-muted); 1655 font-size: 19px; 1656 font-weight: 400; 1657 line-height: 1.5; 1658 overflow-wrap: break-word; 1659} 1660 1661/* ÐÑеимÑÑеÑÑва */ 1662 1663#trial-price .trial-price__features { 1664 display: flex; 1665 flex-wrap: wrap; 1666 gap: 10px; 1667 width: 100%; 1668 max-width: 100%; 1669 min-width: 0; 1670 margin-top: 28px; 1671} 1672 1673#trial-price .trial-price__feature { 1674 display: inline-flex; 1675 align-items: center; 1676 gap: 8px; 1677 max-width: 100%; 1678 min-width: 0; 1679 min-height: 40px; 1680 padding: 8px 13px 8px 9px; 1681 border: 1px solid var(--trial-border); 1682 border-radius: 13px; 1683 background: rgba(255, 255, 255, 0.76); 1684 color: var(--trial-black); 1685 font-size: 14px; 1686 font-weight: 600; 1687 line-height: 1.2; 1688} 1689 1690#trial-price .trial-price__feature:nth-child(2) { 1691 border-color: rgba(255, 181, 27, 0.16); 1692 background: rgba(255, 181, 27, 0.10); 1693} 1694 1695#trial-price .trial-price__feature:nth-child(3) { 1696 border-color: rgba(254, 229, 0, 0.5); 1697 background: rgba(254, 229, 0, 0.2); 1698} 1699 1700#trial-price .trial-price__feature-check { 1701 display: inline-flex; 1702 align-items: center; 1703 justify-content: center; 1704 flex: 0 0 auto; 1705 width: 23px; 1706 height: 23px; 1707 border-radius: 7px; 1708 background: var(--trial-yellow); 1709 color: var(--trial-black); 1710 font-size: 11px; 1711 font-weight: 800; 1712 line-height: 1; 1713} 1714 1715/* ÐÑÐ°Ð²Ð°Ñ ÑаÑÑÑ */ 1716 1717#trial-price .trial-price__right { 1718 display: flex; 1719} 1720 1721#trial-price .trial-price__price-card { 1722 position: relative; 1723 isolation: isolate; 1724 display: flex; 1725 flex-direction: column; 1726 align-items: flex-start; 1727 justify-content: center; 1728 width: 100%; 1729 max-width: 100%; 1730 min-width: 0; 1731 min-height: 370px; 1732 padding: 32px; 1733 overflow: hidden; 1734 border: 1px solid rgba(255, 181, 27, 0.18); 1735 border-radius: 24px; 1736 background: 1737 radial-gradient( 1738 circle at 90% 8%, 1739 rgba(255, 255, 255, 0.24), 1740 transparent 34% 1741 ), 1742 linear-gradient( 1743 145deg, 1744 var(--trial-yellow) 0%, 1745 var(--trial-yellow-dark) 100% 1746 ); 1747 color: var(--trial-black); 1748 text-align: left; 1749 transition: 1750 transform 0.3s ease, 1751 box-shadow 0.3s ease; 1752} 1753 1754#trial-price .trial-price__price-card::before { 1755 content: ""; 1756 position: absolute; 1757 z-index: -1; 1758 top: -58px; 1759 right: -48px; 1760 width: 178px; 1761 height: 178px; 1762 border: 1px solid rgba(255, 255, 255, 0.14); 1763 border-radius: 50%; 1764} 1765 1766#trial-price .trial-price__price-card::after {
1767 content: ""; 1768 position: absolute; 1769 z-index: -1; 1770 right: 34px; 1771 bottom: -74px; 1772 width: 150px; 1773 height: 150px; 1774 border-radius: 50%; 1775 background: rgba(254, 229, 0, 0.12); 1776} 1777 1778#trial-price .trial-price__price-card:hover { 1779 transform: translateY(-5px); 1780 box-shadow: 0 24px 48px rgba(23, 23, 23, 0.16); 1781} 1782 1783#trial-price .trial-price__price-label { 1784 max-width: 280px; 1785 color: rgba(23, 23, 23, 0.68); 1786 font-size: 12px; 1787 font-weight: 700; 1788 line-height: 1.25; 1789 letter-spacing: 0.08em; 1790 text-transform: uppercase; 1791} 1792 1793#trial-price .trial-price__price { 1794 margin: 18px 0 28px; 1795 color: var(--trial-black); 1796 font-size: clamp(78px, 9vw, 118px); 1797 font-weight: 800; 1798 line-height: 0.82; 1799 letter-spacing: -0.07em; 1800} 1801 1802/* Ðнопка */ 1803 1804#trial-price .trial-price__button { 1805 display: inline-flex; 1806 align-items: center; 1807 justify-content: center; 1808 gap: 14px; 1809 width: 100%; 1810 max-width: 100%; 1811 min-width: 0; 1812 min-height: 58px; 1813 padding: 0 18px 0 22px; 1814 border: 1px solid var(--trial-black); 1815 border-radius: 14px; 1816 background: var(--trial-black); 1817 color: #ffffff; 1818 font-size: 14px; 1819 font-weight: 800; 1820 line-height: 1; 1821 letter-spacing: 0.04em; 1822 text-decoration: none; 1823 text-transform: uppercase; 1824 transition: 1825 transform 0.25s ease, 1826 background-color 0.25s ease, 1827 border-color 0.25s ease; 1828} 1829 1830#trial-price .trial-price__button:hover { 1831 transform: translateY(-3px); 1832 border-color: #ffffff; 1833 background: #ffffff; 1834 color: var(--trial-black); 1835} 1836 1837#trial-price .trial-price__button-arrow { 1838 display: flex; 1839 align-items: center; 1840 justify-content: center; 1841 flex: 0 0 auto; 1842 width: 29px; 1843 height: 29px; 1844 border-radius: 9px; 1845 background: #ffffff; 1846 color: var(--trial-black); 1847 font-size: 16px; 1848 transition: transform 0.25s ease; 1849} 1850 1851#trial-price .trial-price__button:hover .trial-price__button-arrow { 1852 transform: translateX(3px); 1853} 1854 1855/* ÐнимаÑÐ¸Ñ */ 1856 1857@keyframes trialFadeUp { 1858 from { 1859 opacity: 0; 1860 transform: translateY(18px); 1861 } 1862 1863 to { 1864 opacity: 1; 1865 transform: translateY(0); 1866 } 1867} 1868 1869/* ÐланÑÐµÑ */ 1870 1871@media (max-width: 980px) { 1872 #trial-price { 1873 padding: 52px 24px; 1874 } 1875 1876 #trial-price .trial-price__wrap, 1877 #trial-price .trial-price__card, 1878 #trial-price .trial-price__grid, 1879 #trial-price .trial-price__left, 1880 #trial-price .trial-price__right { 1881 width: 100%; 1882 max-width: 100%; 1883 min-width: 0; 1884 } 1885 1886 #trial-price .trial-price__card { 1887 padding: 32px; 1888 } 1889 1890 #trial-price .trial-price__grid { 1891 grid-template-columns: minmax(0, 1fr); 1892 gap: 32px; 1893 } 1894 1895 #trial-price .trial-price__left { 1896 max-width: 760px; 1897 } 1898 1899 #trial-price .trial-price__price-card { 1900 min-height: 330px; 1901 } 1902} 1903 1904/* ÐобилÑÐ½Ð°Ñ Ð²ÐµÑÑÐ¸Ñ */ 1905 1906@media (max-width: 640px) { 1907 #trial-price { 1908 width: 100%; 1909 max-width: 100%; 1910 margin: 0; 1911 padding: 40px 24px; 1912 overflow: hidden; 1913 box-sizing: border-box; 1914 } 1915 1916 #trial-price .trial-price__wrap { 1917 width: 100%; 1918 max-width: 100%; 1919 min-width: 0; 1920 margin: 0 auto; 1921 } 1922 1923 #trial-price .trial-price__card { 1924 width: 100%; 1925 max-width: 100%; 1926 min-width: 0; 1927 padding: 22px; 1928 border-radius: 22px; 1929 } 1930 1931 #trial-price .trial-price__grid { 1932 grid-template-columns: minmax(0, 1fr); 1933 gap: 24px; 1934 width: 100%; 1935 max-width: 100%; 1936 min-width: 0; 1937 } 1938 1939 #trial-price .trial-price__left, 1940 #trial-price .trial-price__right { 1941 width: 100%; 1942 max-width: 100%; 1943 min-width: 0; 1944 } 1945 1946 #trial-price .trial-price__eyebrow { 1947 max-width: 100%; 1948 margin-bottom: 14px; 1949 padding: 7px 12px; 1950 font-size: 11px; 1951 } 1952 1953 #trial-price .trial-price__title { 1954 width: 100%; 1955 max-width: 100%; 1956 min-width: 0; 1957 margin: 0; 1958 font-size: clamp(29px, 8.6vw, 35px); 1959 line-height: 1.05; 1960 letter-spacing: -.02em; 1961 overflow-wrap: break-word; 1962 word-break: normal; 1963 } 1964 1965 #trial-price .trial-price__title br { 1966 display: none; 1967 } 1968 1969 #trial-price .trial-price__text { 1970 width: 100%; 1971 max-width: 100%; 1972 min-width: 0; 1973 margin-top: 16px; 1974 font-size: 16px; 1975 line-height: 1.45; 1976 overflow-wrap: break-word; 1977 } 1978 1979 #trial-price .trial-price__features { 1980 display: grid; 1981 grid-template-columns: minmax(0, 1fr); 1982 gap: 8px; 1983 width: 100%; 1984 max-width: 100%; 1985 min-width: 0; 1986 margin-top: 23px; 1987 } 1988 1989 #trial-price .trial-price__feature { 1990 width: 100%; 1991 max-width: 100%; 1992 min-width: 0; 1993 min-height: 44px; 1994 padding-right: 12px; 1995 font-size: 14px; 1996 } 1997 1998 #trial-price .trial-price__price-card { 1999 width: 100%; 2000 max-width: 100%; 2001 min-width: 0; 2002 min-height: auto; 2003 padding: 25px; 2004 border-radius: 20px; 2005 } 2006 2007 #trial-price .trial-price__price { 2008 margin: 16px 0 24px; 2009 font-size: 84px; 2010 } 2011 2012 #trial-price .trial-price__button { 2013 width: 100%; 2014 max-width: 100%; 2015 min-width: 0; 2016 min-height: 57px; 2017 } 2018} 2019 2020/* Узкие мобилÑнÑе ÑÑÑÑойÑÑва */ 2021 2022@media (max-width: 420px) { 2023 #trial-price { 2024 padding: 40px 20px; 2025 } 2026 2027 #trial-price .trial-price__card { 2028 padding: 18px; 2029 } 2030 2031 #trial-price .trial-price__title { 2032 font-size: clamp(28px, 8.8vw, 33px); 2033 line-height: 1.05; 2034 } 2035 2036 #trial-price .trial-price__price-card { 2037 padding: 22px; 2038 } 2039 2040 #trial-price .trial-price__price { 2041 font-size: 74px; 2042 } 2043} 2044 2045/* ÐÑклÑÑение анимаÑий */ 2046 2047@media (prefers-reduced-motion: reduce) { 2048 #trial-price .trial-price__card { 2049 animation: none; 2050 } 2051 2052 #trial-price .trial-price__price-card, 2053 #trial-price .trial-price__button, 2054 #trial-price .trial-price__button-arrow { 2055 transition: none; 2056 } 2057} 2058</style> <!-- FINAL MOBILE TITLE BALANCE --> <style> 2059#trial-price .trial-price__title-line { 2060 display: block; 2061} 2062 2063@media (max-width: 640px) { 2064 #trial-price .trial-price__title { 2065 font-size: clamp(30px, 8.4vw, 32px) !important; 2066 line-height: 1.05 !important; 2067 letter-spacing: -0.025em !important; 2068 max-width: 100% !important; 2069 } 2070 2071 #trial-price .trial-price__title-line { 2072 display: block; 2073 } 2074} 2075 2076@media (max-width: 420px) { 2077 #trial-price .trial-price__title { 2078 font-size: clamp(29px, 8.2vw, 31px) !important; 2079 line-height: 1.05 !important; 2080 } 2081} 2082</style> <!-- FINAL MOBILE TITLE: KEEP ÐÐТУ ON SECOND LINE --> <style> 2083@media (max-width: 640px) { 2084 #trial-price .trial-price__title {
2085 font-size: clamp(27px, 7.45vw, 30px) !important; 2086 line-height: 1.05 !important; 2087 letter-spacing: -0.03em !important; 2088 } 2089 2090 #trial-price .trial-price__title-line--brand { 2091 white-space: nowrap; 2092 } 2093} 2094 2095@media (max-width: 420px) { 2096 #trial-price .trial-price__title { 2097 font-size: clamp(26px, 7.25vw, 29px) !important; 2098 } 2099} 2100</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3097024201" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="215"> <a name="talant" style="font-size:0;"></a> </div> <div id="rec3096665501" class="r t-rec t-screenmin-640px" style=" " data-animationappear="off" data-record-type="131" data-screen-min="640px"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- ========================================================= 2101ÐÐРТРТÐÐÐÐТÐÐ â ÐÐÐÐЯ ÐÐТÐÐ ÐÐТÐÐÐÐЯ ÐÐРСÐЯ 2102ФиÑменнÑе ÑвеÑа: жÑлÑÑй + ÑиолеÑовÑй + ÑливовÑй 2103ФиÑменнÑе ÑÑиÑÑÑ: PFAgoraSlabPro + TildaSans
2104ÐÑÑавиÑÑ Ñеликом в Tilda â T123 / HTML-код 2105========================================================= --> <section id="talents-map-v2" class="tm-section"> <div class="tm-shell"> <header class="tm-head"> <div class="tm-head__main"> <div class="tm-eyebrow"> <span class="tm-eyebrow__dot" aria-hidden="true"></span> 2106 ÐÐРТРТÐÐÐÐТÐÐ 2107 </div> <h2>Ðакое напÑавление подойдÑÑ Ð²Ð°ÑÐµÐ¼Ñ ÑебÑнкÑ?</h2> </div> <div class="tm-head__aside"> <p>ÐÑбеÑиÑе инÑеÑеÑ, коÑоÑÑй болÑÑе вÑего Ð¿Ð¾Ñ Ð¾Ð¶ на ваÑего ÑебÑнка, â и поÑмоÑÑиÑе Ð¿Ð¾Ð´Ñ Ð¾Ð´ÑÑее ÐТ-напÑавление.</p> <div class="tm-head__meta"> <span>4 инÑеÑеÑа</span> <span>4 напÑавлениÑ</span> </div> </div> </header> <div class="tm-explorer"> <div class="tm-nav-wrap"> <div class="tm-nav-title">ЧÑо ÐµÐ¼Ñ Ð½ÑавиÑÑÑ?</div> <div class="tm-nav" role="tablist" aria-label="ÐнÑеÑеÑÑ ÑебÑнка"> <button class="tm-tab is-active" type="button" role="tab" 2108 id="tm-tab-robot" aria-selected="true" aria-controls="tm-panel-robot" 2109 data-panel="robot"> <span class="tm-tab__num">01</span> <span class="tm-tab__copy"> <strong>СобиÑаÑÑ Ð¸ ÑазбиÑаÑÑ</strong> <small>ÐонÑÑÑÑкÑоÑÑ Ð¸ Ð¼ÐµÑ Ð°Ð½Ð¸Ð·Ð¼Ñ</small> </span> <span class="tm-tab__arrow" aria-hidden="true">â</span> </button> <button class="tm-tab" type="button" role="tab" 2110 id="tm-tab-creative" aria-selected="false" aria-controls="tm-panel-creative" 2111 data-panel="creative" tabindex="-1"> <span class="tm-tab__num">02</span> <span class="tm-tab__copy"> <strong>РиÑоваÑÑ Ð¸ пÑидÑмÑваÑÑ</strong> <small>ÐеÑÑонажи, ÑоÑÐ¼Ñ Ð¸ миÑÑ</small> </span> <span class="tm-tab__arrow" aria-hidden="true">â</span> </button> <button class="tm-tab" type="button" role="tab" 2112 id="tm-tab-games" aria-selected="false" aria-controls="tm-panel-games" 2113 data-panel="games" tabindex="-1"> <span class="tm-tab__num">03</span> <span class="tm-tab__copy"> <strong>ÐгÑаÑÑ Ð¸ иÑÑледоваÑÑ</strong> <small>ÐгÑÑ Ð¸ ÑиÑÑовÑе миÑÑ</small> </span> <span class="tm-tab__arrow" aria-hidden="true">â</span> </button> <button class="tm-tab" type="button" role="tab" 2114 id="tm-tab-code" aria-selected="false" aria-controls="tm-panel-code" 2115 data-panel="code" tabindex="-1"> <span class="tm-tab__num">04</span> <span class="tm-tab__copy"> <strong>РеÑаÑÑ Ð¸ Ð½Ð°Ñ Ð¾Ð´Ð¸ÑÑ Ð»Ð¾Ð³Ð¸ÐºÑ</strong> <small>ÐадаÑи, алгоÑиÑÐ¼Ñ Ð¸ ÑÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ð¸</small> </span> <span class="tm-tab__arrow" aria-hidden="true">â</span> </button> </div> <div class="tm-nav-note"> <span class="tm-nav-note__mark" aria-hidden="true">?</span> <p>ÐнÑеÑеÑÑ Ð¼Ð¾Ð³ÑÑ Ð¿ÐµÑеÑекаÑÑÑÑ â ÑÑо ноÑмалÑно. Ðа пÑобном занÑÑии Ð¼Ñ Ð¿Ð¾Ð¼Ð¾Ð¶ÐµÐ¼ опÑеделиÑÑ ÑоÑнее.</p> </div> </div> <div class="tm-stage"> <article class="tm-panel tm-panel--robot is-active" role="tabpanel" 2116 id="tm-panel-robot" aria-labelledby="tm-tab-robot" data-panel="robot"> <div class="tm-panel__hero"> <div class="tm-panel__copy"> <div class="tm-label">УÐÐÐÐТÐ?</div> <h3>ÐÑÐ±Ð¸Ñ ÑобиÑаÑÑ ÐºÐ¾Ð½ÑÑÑÑкÑоÑÑ Ð¸Ð»Ð¸ ÑазбиÑаÑÑ ÑÑÑÑойÑÑва на запÑаÑÑи?</h3> </div> <div class="tm-symbol" aria-hidden="true"> <span class="tm-symbol__number">01</span> <span class="tm-symbol__code">ÐÐТÐÐ ÐС / 01</span> <strong class="tm-symbol__word">СÐÐÐÐ ÐТЬ</strong> <span class="tm-symbol__caption">ÐÐÐ¥ÐÐÐÐÐ<br>+ ÐÐÐÐÐÐ</span> <span class="tm-symbol__route"> <i class="is-active"></i><i></i><i></i><i></i> </span> </div> </div> <div class="tm-panel__answer"> <div class="tm-direction"> <div class="tm-direction__label">ÐÐÐÐÐÐÐТ ÐÐÐÐ ÐÐÐÐÐÐÐ</div> <h4>РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ°</h4> <p>РебÑнок наÑÑиÑÑÑ ÑобиÑаÑÑ Ð¸ пÑогÑаммиÑоваÑÑ ÑобоÑов, коÑоÑÑе двигаÑÑÑÑ, ÑеагиÑÑÑÑ Ð½Ð° ÐºÐ¾Ð¼Ð°Ð½Ð´Ñ Ð¸ вÑполнÑÑÑ Ð·Ð°Ð´Ð°Ñи.</p> </div> <div class="tm-future"> <div class="tm-future__label">ÐÐÐ ÐÐÐÐТ СТÐТЬ</div> <div class="tm-chips"> <span>
2116ÐнженеÑ-ÑобоÑоÑÐµÑ Ð½Ð¸Ðº</span> <span>РазÑабоÑÑик ÑмнÑÑ ÑÑÑÑойÑÑв</span> <span>СпеÑиалиÑÑ Ð¿Ð¾ авÑомаÑизаÑии</span> </div> </div> </div> </article> <article class="tm-panel tm-panel--creative" role="tabpanel" 2117 id="tm-panel-creative" aria-labelledby="tm-tab-creative" data-panel="creative" hidden> <div class="tm-panel__hero"> <div class="tm-panel__copy"> <div class="tm-label">УÐÐÐÐТÐ?</div> <h3>ТвоÑÑеÑкий, лÑÐ±Ð¸Ñ ÑиÑоваÑÑ Ð¸ пÑидÑмÑваÑÑ ÑÑо-Ñо необÑÑное?</h3> </div> <div class="tm-symbol" aria-hidden="true"> <span class="tm-symbol__number">02</span> <span class="tm-symbol__code">ÐÐТÐÐ ÐС / 02</span> <strong class="tm-symbol__word">СÐÐÐÐÐÐТЬ</strong> <span class="tm-symbol__caption">ФÐÐ ÐÐ<br>+ ФÐÐТÐÐÐЯ</span> <span class="tm-symbol__route"> <i></i><i class="is-active"></i><i></i><i></i> </span> </div> </div> <div class="tm-panel__answer"> <div class="tm-direction"> <div class="tm-direction__label">ÐÐÐÐÐÐÐТ ÐÐÐÐ ÐÐÐÐÐÐÐ</div> <h4>3D-моделиÑование и Ñоздание игÑ</h4> <p>РебÑнок оÑÐ²Ð¾Ð¸Ñ ÑабоÑÑ Ñ ÑоÑмой, пÑоÑÑÑанÑÑвом и визÑалÑнÑми обÑазами, наÑÑиÑÑÑ ÑоздаваÑÑ 3D-модели, анимаÑÐ¸Ñ Ð¸ игÑовÑе миÑÑ.</p> </div> <div class="tm-future"> <div class="tm-future__label">ÐÐÐ ÐÐÐÐТ СТÐТЬ</div> <div class="tm-chips"> <span>3D-дизайнеÑ</span> <span>ÐнимаÑоÑ</span> <span>Ð¥Ñдожник по компÑÑÑеÑной гÑаÑике</span> <span>РазÑабоÑÑик игÑовÑÑ Ð¼Ð¸Ñов</span> </div> </div> </div> </article> <article class="tm-panel tm-panel--games" role="tabpanel" 2118 id="tm-panel-games" aria-labelledby="tm-tab-games" data-panel="games" hidden> <div class="tm-panel__hero"> <div class="tm-panel__copy"> <div class="tm-label">УÐÐÐÐТÐ?</div> <h3>ÐÐ±Ð¾Ð¶Ð°ÐµÑ Ð²Ð¸Ð´ÐµÐ¾Ð¸Ð³ÑÑ Ð¸ Ñ Ð¾ÑÐµÑ Ð¿Ð¾Ð½Ð¸Ð¼Ð°ÑÑ, как они ÑÑÑÑоенÑ?</h3> </div> <div class="tm-symbol" aria-hidden="true"> <span class="tm-symbol__number">03</span> <span class="tm-symbol__code">ÐÐТÐÐ ÐС / 03</span> <strong class="tm-symbol__word">ÐССÐÐÐÐÐÐТЬ</strong> <span class="tm-symbol__caption">СЮÐÐТ<br>+ ÐÐÐ¥ÐÐÐÐÐ</span> <span class="tm-symbol__route"> <i></i><i></i><i class="is-active"></i><i></i> </span> </div> </div> <div class="tm-panel__answer"> <div class="tm-direction"> <div class="tm-direction__label">ÐÐÐÐÐÐÐТ ÐÐÐÐ ÐÐÐÐÐÐÐ</div> <h4>РазÑабоÑка игÑ</h4> <p>РебÑнок наÑÑиÑÑÑ ÑоздаваÑÑ Ð¿ÐµÑÑонажей, ÑÑовни, пÑавила и ÑелÑе игÑовÑе миÑÑ â Ð¾Ñ Ð¿ÐµÑвой идеи до ÑабоÑаÑÑего пÑоекÑа.</p> </div> <div class="tm-future"> <div class="tm-future__label">ÐÐÐ ÐÐÐÐТ СТÐТЬ</div> <div class="tm-chips"> <span>РазÑабоÑÑик игÑ</span> <span>Ðейм-дизайнеÑ</span> <span>ТеÑÑиÑовÑик игÑовÑÑ Ð¿ÑоекÑов</span> </div> </div> </div> </article> <article class="tm-panel tm-panel--code" role="tabpanel" 2119 id="tm-panel-code" aria-labelledby="tm-tab-code" data-panel="code" hidden> <div class="tm-panel__hero"> <div class="tm-panel__copy"> <div class="tm-label">УÐÐÐÐТÐ?</div> <h3>ÐÑбознаÑелÑнÑй и лÑÐ±Ð¸Ñ ÑеÑаÑÑ Ð»Ð¾Ð³Ð¸ÑеÑкие задаÑи?</h3> </div> <div class="tm-symbol" aria-hidden="true"> <span class="tm-symbol__number">04</span> <span class="tm-symbol__code">ÐÐТÐÐ ÐС / 04</span> <strong class="tm-symbol__word">Ð ÐШÐТЬ</strong> <span class="tm-symbol__caption">ÐÐÐÐÐ ÐТÐЫ<br>+ СÐСТÐÐÐ</span> <span class="tm-symbol__route"> <i></i><i></i><i></i><i class="is-active"></i> </span> </div> </div> <div class="tm-panel__answer"> <div class="tm-direction"> <div class="tm-direction__label">ÐÐÐÐÐÐÐТ ÐÐÐÐ ÐÐÐÐÐÐÐ</div> <h4>ÐÑогÑаммиÑование</h4> <p>РебÑнок оÑÐ²Ð¾Ð¸Ñ Ð°Ð»Ð³Ð¾ÑиÑÐ¼Ñ Ð¸ ÑзÑки пÑогÑаммиÑованиÑ, наÑÑиÑÑÑ ÑоздаваÑÑ ÑайÑÑ, пÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð¸ ÑпÑавлÑÑÑ ÑÐµÑ Ð½Ð¸ÐºÐ¾Ð¹ Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ ÐºÐ¾Ð´Ð°.</p> </div> <div class="tm-future"> <div class="tm-future__label">ÐÐÐ ÐÐÐÐТ СТÐТЬ</div> <div class="tm-chips"> <span>ÐÑогÑаммиÑÑ</span> <span>Ðеб-ÑазÑабоÑÑик</span> <span>СпеÑиалиÑÑ Ð¿Ð¾ ÐÐ</span> <span>РазÑабоÑÑик пÑиложений</span> </div> </div> </div> </article> </div> </div> </div> </section> <style> 2120#talents-map-v2{ 2121 --tm-yellow:#FEE500; 2122 --tm-purple:#813F8E; 2123 --tm-purple-bright:#6F42FF; 2124 --tm-berry:#6F3B63; 2125 --tm-pink:#CF2366; 2126 --tm-ink:#111111; 2127 --tm-paper:#FFFDF9; 2128 --tm-bg:#F4F1EF; 2129 --tm-muted:#6F6B75; 2130 --tm-line:rgba(17,17,17,.11); 2131 2132 width:100%; 2133 padding:74px 24px 84px; 2134 overflow:hidden; 2135 background: 2136 radial-gradient(circle at 91% 4%,rgba(129,63,142,.085),transparent 25%), 2137 radial-gradient(circle at 7% 94%,rgba(254,229,0,.13),transparent 23%), 2138 var(--tm-bg); 2139 color:var(--tm-ink); 2140 font-family:"TildaSans","TildaSans VF",Arial,sans-serif; 2141 box-sizing:border-box; 2142 -webkit-text-size-adjust:100%; 2143 text-size-adjust:100%; 2144} 2145 2146#talents-map-v2 *, 2147#talents-map-v2 *:before, 2148#talents-map-v2 *:after{ 2149 box-sizing:border-box; 2150} 2151 2152#talents-map-v2 button{ 2153 font:inherit; 2154} 2155 2156#talents-map-v2 [hidden]{ 2157 display:none!important; 2158} 2159 2160#talents-map-v2 .tm-shell{ 2161 width:min(1180px,100%); 2162 margin:0 auto; 2163} 2164 2165/* ---------- Ðаголовок ---------- */ 2166 2167#talents-map-v2 .tm-head{ 2168 display:grid; 2169 grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr); 2170 gap:56px; 2171 align-items:end; 2172 margin-bottom:38px; 2173} 2174 2175#talents-map-v2 .tm-eyebrow{ 2176 display:inline-flex; 2177 align-items:center; 2178 gap:9px; 2179 min-height:34px; 2180 margin-bottom:16px; 2181 padding:8px 13px; 2182 border:1px solid rgba(17,17,17,.08); 2183 border-radius:999px; 2184 background:rgba(255,255,255,.76); 2185 box-shadow:0 6px 20px rgba(0,0,0,.035); 2186 font-size:12px; 2187 font-weight:900; 2188 line-height:1; 2189 letter-spacing:.08em; 2190} 2191 2192#talents-map-v2 .tm-eyebrow__dot{ 2193 width:8px; 2194 height:8px; 2195 flex:0 0 auto; 2196 border-radius:50%; 2197 background:var(--tm-yellow); 2198 box-shadow:0 0 0 4px rgba(254,229,0,.18); 2199} 2200 2201#talents-map-v2 .tm-head h2{ 2202 max-width:770px; 2203 margin:0; 2204 font-family:"pfagoraslabpro","PFAgoraSlabPro","TildaSans",Arial,sans-serif; 2205 font-size:46px; 2206 font-weight:900; 2207 line-height:1.02; 2208 letter-spacing:-.7px; 2209 text-wrap:balance; 2210 font-synthesis:none; 2211} 2212 2213#talents-map-v2 .tm-head__aside{ 2214 padding-bottom:4px; 2215} 2216 2217#talents-map-v2 .tm-head__aside p{ 2218 margin:0 0 17px; 2219 color:var(--tm-muted); 2220 font-size:16px; 2221 line-height:1.45; 2222} 2223 2224#talents-map-v2 .tm-head__meta{ 2225 display:flex; 2226 flex-wrap:wrap; 2227 gap:8px; 2228} 2229 2230#talents-map-v2 .tm-head__meta span{ 2231 display:inline-flex; 2232 align-items:center; 2233 min-height:32px; 2234 padding:7px 11px; 2235 border:1px solid rgba(17,17,17,.07); 2236 border-radius:999px; 2237 background:rgba(255,255,255,.66); 2238 font-size:12px; 2239 font-weight:800; 2240} 2241 2242/* ---------- ÐбÑÐ°Ñ Ð¾Ð±Ð¾Ð»Ð¾Ñка ---------- */ 2243 2244#talents-map-v2 .tm-explorer{ 2245 display:grid; 2246 grid-template-columns:342px minmax(0,1fr); 2247 min-height:575px; 2248 overflow:hidden; 2249 border:1px solid rgba(17,17,17,.065); 2250 border-radius:30px; 2251 background:var(--tm-paper); 2252 box-shadow:0 22px 60px rgba(47,35,47,.095); 2253} 2254 2255/* ---------- ÐавигаÑÐ¸Ñ ---------- */ 2256 2257#talents-map-v2 .tm-nav-wrap{ 2258 display:flex; 2259 flex-direction:column; 2260 min-width:0; 2261 padding:31px 20px 22px; 2262 border-right:0; 2263 background: 2264 radial-gradient(circle at 18% 8%,rgba(255,255,255,.12),transparent 29%), 2265 linear-gradient(155deg,#774486 0%,#5B2F68 100%); 2266 color:#fff; 2267} 2268 2269#talents-map-v2 .tm-nav-title{ 2270 margin:0 10px 17px; 2271 color:rgba(255,255,255,.60); 2272 font-size:11px; 2273 font-weight:900; 2274 line-height:1; 2275 letter-spacing:.11em; 2276 text-transform:uppercase; 2277} 2278 2279#talents-map-v2 .tm-nav{ 2280 display:grid; 2281 gap:7px; 2282} 2283 2284#talents-map-v2 .tm-tab{
2285 --tm-tab-accent:var(--tm-purple); 2286 position:relative; 2287 display:grid; 2288 grid-template-columns:34px minmax(0,1fr) 24px; 2289 gap:10px; 2290 align-items:center; 2291 width:100%; 2292 min-height:83px; 2293 padding:13px 13px 13px 11px; 2294 border:1px solid rgba(255,255,255,.11); 2295 border-radius:16px; 2296 background:rgba(255,255,255,.055); 2297 color:#fff; 2298 text-align:left; 2299 cursor:pointer; 2300 transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease; 2301 -webkit-tap-highlight-color:transparent; 2302} 2303 2304#talents-map-v2 .tm-tab:hover{ 2305 border-color:rgba(255,255,255,.23); 2306 background:rgba(255,255,255,.10); 2307} 2308 2309#talents-map-v2 .tm-tab:before{ 2310 content:""; 2311 position:absolute; 2312 left:-1px; 2313 top:18px; 2314 bottom:18px; 2315 width:4px; 2316 border-radius:0 999px 999px 0; 2317 background:var(--tm-tab-accent); 2318 opacity:0; 2319 transform:scaleY(.55); 2320 transition:opacity .25s ease,transform .25s ease; 2321} 2322 2323#talents-map-v2 .tm-tab[data-panel="robot"]{--tm-tab-accent:var(--tm-yellow)} 2324#talents-map-v2 .tm-tab[data-panel="creative"]{--tm-tab-accent:var
2324(--tm-berry)} 2325#talents-map-v2 .tm-tab[data-panel="games"]{--tm-tab-accent:var(--tm-ink)} 2326#talents-map-v2 .tm-tab[data-panel="code"]{--tm-tab-accent:var(--tm-purple)} 2327 2328#talents-map-v2 .tm-tab:focus-visible{ 2329 outline:3px solid var(--tm-purple-bright); 2330 outline-offset:2px; 2331} 2332 2333#talents-map-v2 .tm-tab.is-active{ 2334 border-color:rgba(255,255,255,.78); 2335 background:rgba(255,255,255,.96); 2336 color:var(--tm-ink); 2337 box-shadow:0 10px 26px rgba(36,17,40,.17); 2338 transform:translateX(3px); 2339} 2340 2341#talents-map-v2 .tm-tab.is-active:before{ 2342 opacity:1; 2343 transform:scaleY(1); 2344} 2345 2346#talents-map-v2 .tm-tab__num{ 2347 align-self:start; 2348 padding-top:2px; 2349 color:rgba(255,255,255,.43); 2350 font-family:"pfagoraslabpro","PFAgoraSlabPro","TildaSans",Arial,sans-serif; 2351 font-size:15px; 2352 font-weight:900; 2353 line-height:1; 2354 font-synthesis:none; 2355} 2356 2357#talents-map-v2 .tm-tab.is-active .tm-tab__num{ 2358 color:rgba(17,17,17,.52); 2359} 2360 2361#talents-map-v2 .tm-tab__copy{ 2362 min-width:0; 2363} 2364 2365#talents-map-v2 .tm-tab__copy strong, 2366#talents-map-v2 .tm-tab__copy small{ 2367 display:block; 2368} 2369 2370#talents-map-v2 .tm-tab__copy strong{ 2371 font-size:15px; 2372 font-weight:800; 2373 line-height:1.18; 2374} 2375 2376#talents-map-v2 .tm-tab__copy small{ 2377 margin-top:5px; 2378 color:rgba(255,255,255,.56); 2379 font-size:12px; 2380 line-height:1.25; 2381} 2382 2383#talents-map-v2 .tm-tab.is-active .tm-tab__copy small{ 2384 color:rgba(17,17,17,.57); 2385} 2386 2387#talents-map-v2 .tm-tab__arrow{ 2388 display:grid; 2389 place-items:center; 2390 width:24px; 2391 height:24px; 2392 border:1px solid rgba(255,255,255,.16); 2393 border-radius:50%; 2394 color:rgba(255,255,255,.62); 2395 font-size:13px; 2396 line-height:1; 2397 transition:transform .25s ease; 2398} 2399 2400#talents-map-v2 .tm-tab.is-active .tm-tab__arrow{ 2401 border-color:var(--tm-purple); 2402 background:var(--tm-purple); 2403 color:#fff; 2404 transform:none; 2405} 2406 2407#talents-map-v2 .tm-nav-note{ 2408 display:grid; 2409 grid-template-columns:28px minmax(0,1fr); 2410 gap:10px; 2411 align-items:start; 2412 margin:18px 4px 0; 2413 padding:13px 12px; 2414 border:1px solid rgba(255,255,255,.10); 2415 border-radius:13px; 2416 background:rgba(255,255,255,.075); 2417 color:rgba(255,255,255,.66); 2418} 2419 2420#talents-map-v2 .tm-nav-note__mark{ 2421 display:grid; 2422 place-items:center; 2423 width:26px; 2424 height:26px; 2425 border:1px solid rgba(255,255,255,.20); 2426 border-radius:50%; 2427 font-size:12px; 2428 font-weight:900; 2429} 2430 2431#talents-map-v2 .tm-nav-note p{ 2432 margin:0; 2433 font-size:11.5px; 2434 line-height:1.4; 2435} 2436 2437/* ---------- ÐонÑÐµÐ½Ñ Ð²ÑбÑанного напÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ ---------- */ 2438 2439#talents-map-v2 .tm-stage{ 2440 position:relative; 2441 min-width:0; 2442 background:var(--tm-paper); 2443} 2444 2445#talents-map-v2 .tm-panel{
2446 --tm-accent:var(--tm-purple); 2447 --tm-accent-soft:rgba(129,63,142,.13); 2448 --tm-hero-bg:#EEE3F1; 2449 --tm-hero-glow:rgba(129,63,142,.14); 2450 --tm-graphic-a:#813F8E; 2451 --tm-graphic-b:#6F42FF; 2452 --tm-graphic-stripe:#FEE500; 2453 --tm-number-bg:#FEE500; 2454 --tm-number-fg:#111111; 2455 min-height:575px; 2456 background:var(--tm-paper); 2457} 2458 2459#talents-map-v2 .tm-panel--robot{ 2460 --tm-accent:#111111; 2461 --tm-accent-soft:rgba(254,229,0,.34); 2462 --tm-hero-bg:#FFF0A5; 2463 --tm-hero-glow:rgba(254,229,0,.34); 2464 --tm-graphic-a:#FEE500; 2465 --tm-graphic-b:#FFF09A; 2466 --tm-graphic-stripe:#813F8E; 2467 --tm-number-bg:#111111; 2468 --tm-number-fg:#ffffff; 2469} 2470 2471#talents-map-v2 .tm-panel--creative{ 2472 --tm-accent:var(--tm-berry); 2473 --tm-accent-soft:rgba(111,59,99,.14); 2474 --tm-hero-bg:#EEDCE8; 2475 --tm-hero-glow:rgba(207,35,102,.12); 2476 --tm-graphic-a:#CF2366; 2477 --tm-graphic-b:#813F8E; 2478 --tm-graphic-stripe:#FEE500; 2479} 2480 2481#talents-map-v2 .tm-panel--games{ 2482 --tm-accent:#111111; 2483 --tm-accent-soft:rgba(17,17,17,.105); 2484 --tm-hero-bg:#EAE6EB; 2485 --tm-hero-glow:rgba(129,63,142,.09); 2486 --tm-graphic-a:#171419; 2487 --tm-graphic-b:#5B2F68; 2488 --tm-graphic-stripe:#FEE500; 2489} 2490 2491#talents-map-v2 .tm-panel--code{
2492 --tm-accent:var(--tm-purple); 2493 --tm-accent-soft:rgba(129,63,142,.15); 2494 --tm-hero-bg:#E8DAED; 2495 --tm-hero-glow:rgba(129,63,142,.18); 2496 --tm-graphic-a:#813F8E; 2497 --tm-graphic-b:#6F42FF; 2498 --tm-graphic-stripe:#FEE500; 2499} 2500 2501#talents-map-v2 .tm-panel__hero{ 2502 position:relative; 2503 isolation:isolate; 2504 display:grid; 2505 grid-template-columns:minmax(0,1fr) 230px; 2506 gap:28px; 2507 align-items:center; 2508 min-height:330px; 2509 padding:48px 46px 43px; 2510 overflow:hidden; 2511 background: 2512 radial-gradient(circle at 88% 18%,var(--tm-hero-glow),transparent 31%), 2513 linear-gradient(135deg,var(--tm-hero-bg) 0%,#FFFDF9 82%); 2514 border-bottom:1px solid rgba(17,17,17,.055); 2515} 2516 2517#talents-map-v2 .tm-panel__hero:before{ 2518 content:""; 2519 position:absolute; 2520 z-index:-1; 2521 width:156px; 2522 height:156px; 2523 right:18px; 2524 top:20px; 2525 border:0; 2526 border-radius:0; 2527 background-image:radial-gradient(circle,rgba(17,17,17,.18) 1.3px,transparent 1.5px); 2528 background-size:14px 14px; 2529 opacity:.30; 2530} 2531 2532#talents-map-v2 .tm-panel__copy{ 2533 position:relative; 2534 z-index:2; 2535 min-width:0; 2536} 2537 2538#talents-map-v2 .tm-label, 2539#talents-map-v2 .tm-direction__label, 2540#talents-map-v2 .tm-future__label{ 2541 font-size:11px; 2542 font-weight:900; 2543 line-height:1; 2544 letter-spacing:.09em; 2545} 2546 2547#talents-map-v2 .tm-label{ 2548 display:inline-flex; 2549 align-items:center; 2550 min-height:31px; 2551 margin-bottom:18px; 2552 padding:8px 11px; 2553 border:1px solid rgba(17,17,17,.095); 2554 border-radius:999px; 2555 background:rgba(255,255,255,.66); 2556} 2557 2558#talents-map-v2 .tm-panel h3{ 2559 max-width:560px; 2560 margin:0; 2561 font-family:"pfagoraslabpro","PFAgoraSlabPro","TildaSans",Arial,sans-serif; 2562 font-size:38px; 2563 font-weight:900; 2564 line-height:1.025; 2565 letter-spacing:-.65px; 2566 text-wrap:balance; 2567 font-synthesis:none; 2568} 2569 2570#talents-map-v2 .tm-symbol{ 2571 --tm-symbol-ink:#ffffff; 2572 --tm-symbol-line:rgba(255,255,255,.28); 2573 --tm-word-bg:#FEE500; 2574 --tm-word-fg:#111111; 2575 position:relative; 2576 isolation:isolate; 2577 width:224px; 2578 height:210px; 2579 justify-self:end; 2580 overflow:hidden; 2581 border:1px solid rgba(255,255,255,.26); 2582 border-radius:30px; 2583 background: 2584 linear-gradient(var(--tm-symbol-line) 1px,transparent 1px), 2585 linear-gradient(90deg,var(--tm-symbol-line) 1px,transparent 1px), 2586 linear-gradient(145deg,var(--tm-graphic-a),var(--tm-graphic-b)); 2587 background-size:26px 26px,26px 26px,100% 100%; 2588 box-shadow:0 20px 42px rgba(53,34,57,.16); 2589 color:var(--tm-symbol-ink); 2590 transform:rotate(2deg); 2591} 2592 2593#talents-map-v2 .tm-panel--robot .tm-symbol{ 2594 --tm-symbol-ink:#111111; 2595 --tm-symbol-line:rgba(17,17,17,.13); 2596 --tm-word-bg:#111111; 2597 --tm-word-fg:#ffffff; 2598} 2599 2600#talents-map-v2 .tm-symbol:before{ 2601 content:""; 2602 position:absolute; 2603 z-index:-1; 2604 width:126px; 2605 height:126px; 2606 right:-45px; 2607 bottom:-48px; 2608 border:24px solid var(--tm-graphic-stripe); 2609 border-radius:50%; 2610 opacity:.92; 2611} 2612 2613#talents-map-v2 .tm-symbol:after{ 2614 content:""; 2615 position:absolute; 2616 z-index:0; 2617 left:24px; 2618 right:24px; 2619 top:55px; 2620 height:1px; 2621 background:var(--tm-symbol-line); 2622} 2623 2624#talents-map-v2 .tm-symbol__number{ 2625 position:absolute; 2626 z-index:1; 2627 right:16px; 2628 top:8px; 2629 color:currentColor; 2630 font-family:"pfagoraslabpro","PFAgoraSlabPro","TildaSans",Arial,sans-serif; 2631 font-size:61px; 2632 font-weight:900; 2633 line-height:1; 2634 letter-spacing:-.065em; 2635 opacity:.20; 2636 font-synthesis:none; 2637} 2638 2639#talents-map-v2 .tm-symbol__code{ 2640 position:absolute; 2641 z-index:2; 2642 left:24px; 2643 top:25px; 2644 font-size:9px; 2645 font-weight:900; 2646 line-height:1; 2647 letter-spacing:.13em; 2648 opacity:.76; 2649} 2650 2651#talents-map-v2 .tm-symbol__word{ 2652 position:absolute; 2653 z-index:3; 2654 left:18px; 2655 top:82px; 2656 display:inline-flex; 2657 align-items:center; 2658 min-height:42px; 2659 padding:9px 15px 8px; 2660 border-radius:10px; 2661 background:var(--tm-word-bg); 2662 color:var(--tm-word-fg); 2663 box-shadow:0 9px 20px rgba(28,18,30,.16); 2664 font-family:"pfagoraslabpro","PFAgoraSlabPro","TildaSans",Arial,sans-serif; 2665 font-size:18px; 2666 font-weight:900; 2667 line-height:1; 2668 letter-spacing:-.025em; 2669 transform:rotate(-4deg); 2670 font-synthesis:none; 2671} 2672 2673#talents-map-v2 .tm-symbol__caption{ 2674 position:absolute; 2675 z-index:2; 2676 left:24px; 2677 bottom:22px; 2678 font-size:9px; 2679 font-weight:900; 2680 line-height:1.25; 2681 letter-spacing:.10em; 2682 opacity:.82; 2683} 2684 2685#talents-map-v2 .tm-symbol__route{ 2686 position:absolute; 2687 z-index:3; 2688 right:20px; 2689 bottom:26px; 2690 display:flex; 2691 align-items:center; 2692 gap:8px; 2693} 2694 2695#talents-map-v2 .tm-symbol__route:before{ 2696 content:""; 2697 position:absolute; 2698 left:4px; 2699 right:4px; 2700 top:50%; 2701 height:1px; 2702 background:currentColor; 2703 opacity:.38; 2704} 2705 2706#talents-map-v2 .tm-symbol__route i{ 2707 position:relative; 2708 z-index:1; 2709 width:7px; 2710 height:7px; 2711 border:1px solid currentColor; 2712 border-radius:50%; 2713 background:var(--tm-graphic-a); 2714} 2715 2716#talents-map-v2 .tm-symbol__route i.is-active{ 2717 width:11px; 2718 height:11px; 2719 border:3px solid var(--tm-word-bg); 2720 background:var(--tm-word-fg); 2721 box-shadow:0 0 0 2px currentColor; 2722} 2723 2724#talents-map-v2 .tm-panel__answer{ 2725 display:grid; 2726 grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr); 2727 gap:38px; 2728 min-height:245px; 2729 padding:34px 46px 36px; 2730 background:linear-gradient(180deg,#FFFDF9 0%,#FCFAF7 100%); 2731} 2732 2733#talents-map-v2 .tm-direction__label, 2734#talents-map-v2 .tm-future__label{ 2735 margin-bottom:11px; 2736 color:var(--tm-accent); 2737 opacity:.72; 2738} 2739 2740#talents-map-v2 .tm-direction h4{ 2741 margin:0 0 10px; 2742 color:var(--tm-accent); 2743 font-family:"pfagoraslabpro","PFAgoraSlabPro","TildaSans",Arial,sans-serif; 2744 font-size:31px; 2745 font-weight:900; 2746 line-height:1.02; 2747 letter-spacing:-.4px; 2748 font-synthesis:none; 2749} 2750 2751#talents-map-v2 .tm-direction p{ 2752 max-width:560px; 2753 margin:0; 2754 color:var(--tm-muted); 2755 font-size:16px; 2756 line-height:1.48; 2757} 2758 2759#talents-map-v2 .tm-future{ 2760 padding-left:36px; 2761 border-left:1px solid rgba(17,17,17,.075); 2762} 2763 2764#talents-map-v2 .tm-chips{ 2765 display:flex; 2766 flex-wrap:wrap; 2767 gap:7px; 2768} 2769 2770#talents-map-v2 .tm-chips span{ 2771 display:inline-flex; 2772 align-items:center; 2773 min-height:34px; 2774 padding:7px 10px; 2775 border:1px solid rgba(17,17,17,.085); 2776 border-radius:999px; 2777 background:var(--tm-accent-soft); 2778 color:var(--tm-ink); 2779 box-shadow:0 3px 9px rgba(32,25,32,.025); 2780 font-size:13px; 2781 font-weight:700; 2782 line-height:1.2; 2783} 2784 2785/* ---------- Смена вкладок ---------- */ 2786 2787#talents-map-v2.tm-js .tm-panel.is-entering .tm-panel__copy, 2788#talents-map-v2.tm-js .tm-panel.is-entering .tm-symbol, 2789#talents-map-v2.tm-js .tm-panel.is-entering .tm-panel__answer{ 2790 animation:tm-enter .42s cubic-bezier(.2,.75,.2,1) both; 2791} 2792 2793#talents-map-v2.tm-js .tm-panel.is-entering .tm-symbol{
2794 animation-delay:.04s; 2795} 2796 2797#talents-map-v2.tm-js .tm-panel.is-entering .tm-panel__answer{ 2798 animation-delay:.07s; 2799} 2800 2801@keyframes tm-enter{ 2802 from{opacity:0;transform:translateY(10px)} 2803 to{opacity:1;transform:none} 2804} 2805 2806/* ---------- ÐланÑÐµÑ ---------- */ 2807 2808@media(max-width:980px){ 2809 #talents-map-v2{ 2810 padding:58px 22px 68px; 2811 } 2812 2813 #talents-map-v2 .tm-head{ 2814 grid-template-columns:1fr; 2815 gap:18px; 2816 margin-bottom:30px; 2817 } 2818 2819 #talents-map-v2 .tm-head__aside{ 2820 max-width:660px; 2821 } 2822 2823 #talents-map-v2 .tm-explorer{ 2824 grid-template-columns:292px minmax(0,1fr); 2825 } 2826 2827 #talents-map-v2 .tm-tab{ 2828 grid-template-columns:30px minmax(0,1fr) 22px; 2829 min-height:82px; 2830 } 2831 2832 #talents-map-v2 .tm-panel__hero{ 2833 grid-template-columns:minmax(0,1fr) 178px; 2834 min-height:330px; 2835 padding:40px 34px 36px; 2836 } 2837 2838 #talents-map-v2 .tm-panel h3{ 2839 font-size:35px; 2840 } 2841 2842 #talents-map-v2 .tm-symbol{ 2843 width:174px; 2844 height:166px; 2845 border-radius:24px; 2846 } 2847 2848 #talents-map-v2 .tm-symbol__number{ 2849 right:12px; 2850 top:7px; 2851 font-size:47px; 2852 } 2853 2854 #talents-map-v2 .tm-symbol__code{ 2855 left:18px; 2856 top:20px; 2857 font-size:7.5px; 2858 } 2859 2860 #talents-map-v2 .tm-symbol__word{ 2861 left:13px; 2862 top:64px; 2863 min-height:35px; 2864 padding:8px 11px 7px; 2865 border-radius:8px; 2866 font-size:14px; 2867 } 2868 2869 #talents-map-v2 .tm-symbol__caption{ 2870 left:18px; 2871 bottom:16px; 2872 font-size:7px; 2873 } 2874 2875 #talents-map-v2 .tm-symbol__route{ 2876 right:13px; 2877 bottom:19px; 2878 gap:6px; 2879 } 2880 2881 #talents-map-v2 .tm-symbol__route i{ 2882 width:6px; 2883 height:6px; 2884 } 2885 2886 #talents-map-v2 .tm-symbol__route i.is-active{ 2887 width:9px; 2888 height:9px; 2889 border-width:2px; 2890 } 2891 2892 #talents-map-v2 .tm-symbol:before{ 2893 width:96px; 2894 height:96px; 2895 right:-36px; 2896 bottom:-38px; 2897 border-width:18px; 2898 } 2899 2900 #talents-map-v2 .tm-symbol:after{ 2901 left:18px; 2902 right:18px; 2903 top:44px; 2904 width:auto; 2905 height:1px; 2906 border:0; 2907 } 2908 2909 #talents-map-v2 .tm-panel__answer{ 2910 grid-template-columns:1fr; 2911 gap:24px; 2912 padding:30px 34px 34px; 2913 } 2914 2915 #talents-map-v2 .tm-future{ 2916 padding:22px 0 0; 2917 border-left:0; 2918 border-top:1px solid var(--tm-line); 2919 } 2920} 2921 2922/* ---------- ÐобилÑÐ½Ð°Ñ Ð²ÐµÑÑÐ¸Ñ ---------- */ 2923 2924@media(max-width:700px){ 2925 #talents-map-v2{ 2926 padding:42px 16px 52px; 2927 } 2928 2929 #talents-map-v2 .tm-head{ 2930 gap:15px; 2931 margin-bottom:24px; 2932 } 2933 2934 #talents-map-v2 .tm-eyebrow{ 2935 min-height:31px; 2936 margin-bottom:13px; 2937 padding:7px 11px; 2938 font-size:10.5px; 2939 } 2940 2941 #talents-map-v2 .tm-head h2{ 2942 max-width:100%; 2943 font-size:30px; 2944 line-height:1.04; 2945 letter-spacing:-.45px; 2946 } 2947 2948 #talents-map-v2 .tm-head__aside p{ 2949 margin-bottom:13px; 2950 font-size:15px; 2951 line-height:1.42; 2952 } 2953 2954 #talents-map-v2 .tm-head__meta span{ 2955 min-height:29px; 2956 padding:6px 9px; 2957 font-size:11px; 2958 } 2959 2960 #talents-map-v2 .tm-explorer{ 2961 display:block; 2962 min-height:0; 2963 overflow:visible; 2964 border:0; 2965 border-radius:0; 2966 background:transparent; 2967 box-shadow:none; 2968 } 2969 2970 #talents-map-v2 .tm-nav-wrap{ 2971 display:block; 2972 margin:0 0 12px; 2973 padding:18px 0 17px; 2974 border:1px solid rgba(91,47,104,.18); 2975 border-radius:20px; 2976 background: 2977 radial-gradient(circle at 12% 0%,rgba(255,255,255,.13),transparent 30%), 2978 linear-gradient(145deg,#774486 0%,#5B2F68 100%); 2979 } 2980 2981 #talents-map-v2 .tm-nav-title{ 2982 margin:0 16px 12px; 2983 } 2984 2985 #talents-map-v2 .tm-nav{ 2986 display:flex; 2987 gap:8px; 2988 padding:0 16px 5px; 2989 overflow-x:auto; 2990 scroll-snap-type:x proximity; 2991 scrollbar-width:none; 2992 } 2993 2994 #talents-map-v2 .tm-nav::-webkit-scrollbar{ 2995 display:none; 2996 } 2997 2998 #talents-map-v2 .tm-tab{ 2999 display:grid; 3000 grid-template-columns:24px minmax(0,1fr); 3001 flex:0 0 215px; 3002 min-height:72px; 3003 padding:12px; 3004 scroll-snap-align:start; 3005 border-radius:14px; 3006 } 3007 3008 #talents-map-v2 .tm-tab.is-active{ 3009 transform:none; 3010 } 3011 3012 #talents-map-v2 .tm-tab__arrow, 3013 #talents-map-v2 .tm-tab__copy small{ 3014 display:none; 3015 } 3016 3017 #talents-map-v2 .tm-tab__copy strong{ 3018 font-size:14px; 3019 line-height:1.18; 3020 } 3021 3022 #talents-map-v2 .tm-nav-note{ 3023 display:none; 3024 } 3025 3026 #talents-map-v2 .tm-stage{ 3027 border:1px solid rgba(17,17,17,.065); 3028 border-radius:23px; 3029 overflow:hidden; 3030 box-shadow:0 14px 36px rgba(47,35,47,.07); 3031 } 3032 3033 #talents-map-v2 .tm-panel{ 3034 min-height:0; 3035 } 3036 3037 #talents-map-v2 .tm-panel__hero{ 3038 display:block; 3039 min-height:370px; 3040 padding:29px 22px 24px; 3041 } 3042 3043 #talents-map-v2 .tm-panel__hero:before{ 3044 width:112px; 3045 height:112px; 3046 right:18px; 3047 top:24px; 3048 background-size:13px 13px; 3049 } 3050 3051 #talents-map-v2 .tm-label{ 3052 min-height:28px; 3053 margin-bottom:14px; 3054 padding:7px 9px; 3055 font-size:10px; 3056 } 3057 3058 #talents-map-v2 .tm-panel h3{ 3059 max-width:100%; 3060 font-size:29px; 3061 line-height:1.01; 3062 letter-spacing:-.5px; 3063 } 3064 3065 #talents-map-v2 .tm-symbol{ 3066 position:absolute; 3067 right:17px; 3068 bottom:14px; 3069 width:150px; 3070 height:142px; 3071 border-radius:21px; 3072 } 3073 3074 #talents-map-v2 .tm-symbol__number{ 3075 right:10px; 3076 top:6px; 3077 font-size:41px; 3078 } 3079
3080 #talents-map-v2 .tm-symbol__code{ 3081 left:15px; 3082 top:17px; 3083 font-size:6.5px; 3084 } 3085 3086 #talents-map-v2 .tm-symbol__word{ 3087 left:11px; 3088 top:55px; 3089 min-height:32px; 3090 padding:7px 9px 6px; 3091 border-radius:7px; 3092 font-size:12.5px; 3093 } 3094 3095 #talents-map-v2 .tm-symbol__caption{ 3096 left:15px; 3097 bottom:14px; 3098 font-size:6.5px; 3099 } 3100 3101 #talents-map-v2 .tm-symbol__route{ 3102 right:11px; 3103 bottom:17px; 3104 gap:5px; 3105 } 3106 3107 #talents-map-v2 .tm-symbol:before{ 3108 width:84px; 3109 height:84px; 3110 right:-31px; 3111 bottom:-32px; 3112 border-width:15px; 3113 } 3114 3115 #talents-map-v2 .tm-symbol:after{ 3116 left:15px; 3117 right:15px; 3118 top:39px; 3119 width:auto; 3120 height:1px; 3121 border:0; 3122 } 3123 3124 #talents-map-v2 .tm-panel__answer{ 3125 display:block; 3126 min-height:0; 3127 padding:25px 22px 27px; 3128 } 3129 3130 #talents-map-v2 .tm-direction__label, 3131 #talents-map-v2 .tm-future__label{ 3132 margin-bottom:9px; 3133 font-size:10px; 3134 } 3135 3136 #talents-map-v2 .tm-direction h4{ 3137 margin-bottom:9px; 3138 font-size:27px; 3139 line-height:1.02; 3140 } 3141 3142 #talents-map-v2 .tm-direction p{ 3143 font-size:15px; 3144 line-height:1.46; 3145 } 3146 3147 #talents-map-v2 .tm-future{ 3148 margin-top:22px; 3149 padding-top:20px; 3150 } 3151 3152 #talents-map-v2 .tm-chips{ 3153 gap:6px; 3154 } 3155 3156 #talents-map-v2 .tm-chips span{ 3157 min-height:32px; 3158 padding:7px 9px; 3159 font-size:12.5px; 3160 } 3161} 3162 3163@media(max-width:390px){ 3164 #talents-map-v2 .tm-head h2{ 3165 font-size:28px; 3166 } 3167 3168 #talents-map-v2 .tm-tab{ 3169 flex-basis:202px; 3170 } 3171 3172 #talents-map-v2 .tm-panel__hero{ 3173 min-height:360px; 3174 padding-left:20px; 3175 padding-right:20px; 3176 } 3177 3178 #talents-map-v2 .tm-panel h3{ 3179 font-size:27px; 3180 } 3181 3182 #talents-map-v2 .tm-panel__answer{ 3183 padding-left:20px; 3184 padding-right:20px; 3185 } 3186} 3187 3188@media(prefers-reduced-motion:reduce){ 3189 #talents-map-v2 .tm-tab, 3190 #talents-map-v2 .tm-tab__arrow{ 3191 transition:none!important; 3192 } 3193 3194 #talents-map-v2.tm-js .tm-panel.is-entering .tm-panel__copy, 3195 #talents-map-v2.tm-js .tm-panel.is-entering .tm-symbol, 3196 #talents-map-v2.tm-js .tm-panel.is-entering .tm-panel__answer{ 3197 animation:none!important; 3198 } 3199} 3200</style>
3200<script> 3201(function(){ 3202 const root=document.getElementById('talents-map-v2'); 3203 if(!root || root.dataset.initialized==='true')return; 3204 3205 root.dataset.initialized='true'; 3206 root.classList.add('tm-js'); 3207 3208 const tabs=[...root.querySelectorAll('.tm-tab')]; 3209 const panels=[...root.querySelectorAll('.tm-panel')]; 3210 3211 function activate(name,moveFocus){ 3212 tabs.forEach((tab)=>{ 3213 const active=tab.dataset.panel===name; 3214 tab.classList.toggle('is-active',active); 3215 tab.setAttribute('aria-selected',active?'true':'false'); 3216 tab.tabIndex=active?0:-1; 3217 if(active && moveFocus)tab.focus({preventScroll:true}); 3218 if(active && window.innerWidth<=700){ 3219 tab.scrollIntoView({behavior:'smooth',block:'nearest',inline:'center'}); 3220 } 3221 }); 3222 3223 panels.forEach((panel)=>{ 3224 const active=panel.dataset.panel===name; 3225 panel.hidden=!active; 3226 panel.classList.toggle('is-active',active); 3227 3228 if(active){ 3229 panel.classList.remove('is-entering'); 3230 void panel.offsetWidth; 3231 panel.classList.add('is-entering'); 3232 } 3233 }); 3234 } 3235
3236 tabs.forEach((tab,index)=>{ 3237 tab.addEventListener('click',()=>activate(tab.dataset.panel,false)); 3238 3239 tab.addEventListener('keydown',(event)=>{ 3240 const nextKeys=['ArrowRight','ArrowDown']; 3241 const prevKeys=['ArrowLeft','ArrowUp']; 3242 let nextIndex=null; 3243 3244 if(nextKeys.includes(event.key))nextIndex=(index+1)%tabs.length; 3245 if(prevKeys.includes(event.key))nextIndex=(index-1+tabs.length)%tabs.length; 3246 if(event.key==='Home')nextIndex=0; 3247 if(event.key==='End')nextIndex=tabs.length-1; 3248 3249 if(nextIndex!==null){ 3250 event.preventDefault(); 3251 activate(tabs[nextIndex].dataset.panel,true); 3252 } 3253 }); 3254 }); 3255})(); 3256</script>
3256 <!-- nominify end --> </div> </div> </div> </div> <div id="rec3096667801" class="r t-rec" style=" " data-record-type="215"> <a name="kurs" style="font-size:0;"></a> </div> <div id="rec3096668801" 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 --> <section id="course-picker" class="course-picker"> <div class="course-picker__wrap"> <div class="course-picker__head"> <div class="course-picker__eyebrow">вÑÐ±Ð¾Ñ Ð½Ð°Ð¿ÑавлениÑ</div> <h2 class="course-picker__title"> 3257 ÐÑбиÑайÑе Ð¿Ð¾Ð´Ñ Ð¾Ð´ÑÑий кÑÑÑ <span class="course-picker__desktop-break"><br></span>Ð´Ð»Ñ Ñвоего Ñебенка 3258 </h2> <p class="course-picker__subtitle"> 3259 УкажиÑе возÑаÑÑ â покажем напÑавлениÑ, коÑоÑÑе Ð¿Ð¾Ð´Ñ Ð¾Ð´ÑÑ ÑÐµÐ±ÐµÐ½ÐºÑ ÑейÑÐ°Ñ Ð¸Ð»Ð¸ поÑле базовой подгоÑовки. 3260 </p> </div> <div class="age-slider"> <div class="age-slider__top"> <div> <div class="age-slider__label">ÐозÑаÑÑ Ñебенка</div> <div class="age-slider__hint"> 3261 ÐеÑедвигайÑе ползÑнок или вÑбеÑиÑе возÑаÑÑ Ð²ÑÑÑнÑÑ 3262 </div> </div> <div class="age-slider__value" id="ageValue"> 3263 ÐоÑколÑники 3264 </div> </div> <input 3265 id="ageRange" 3266 class="age-slider__input" 3267 type="range" 3268 min="0" 3269 max="3" 3270 step="1" 3271 value="0" 3272 > <div class="age-slider__marks"> <button type="button" data-age-index="0" class="is-active"> 3273 ÐоÑколÑники 3274 </button> <button type="button" data-age-index="1"> 3275 1â4 клаÑÑ 3276 </button> <button type="button" data-age-index="2"> 3277 5â8 клаÑÑ 3278 </button> <button type="button" data-age-index="3"> 3279 9â11 клаÑÑ 3280 </button> </div> </div> <div class="course-picker__grid" id="courseGrid"></div> </div> </section> <style> 3281/* ===================================================== 3282 ÐЫÐÐÐ ÐÐÐÐ ÐÐÐÐÐÐЯ 3283===================================================== */ 3284 3285#course-picker { 3286 --cp-yellow: #FEE500; 3287 --cp-yellow-soft: #FFF36A; 3288 --cp-yellow-deep: #E8A000; 3289 --cp-accent: #FFB51B; 3290 --cp-accent-dark: #E89A00; 3291 --cp-black: #171717; 3292 --cp-text: #1c1c1c; 3293 --cp-muted: #696969; 3294 --cp-border: rgba(23, 23, 23, 0.09); 3295 --cp-white: #ffffff; 3296 3297 position: relative; 3298 display: block; 3299 width: 100%; 3300 max-width: 100%; 3301 margin: 0; 3302 padding: 64px 24px; 3303 overflow: hidden; 3304 box-sizing: border-box; 3305 background: 3306 radial-gradient( 3307 circle at 10% 8%, 3308 rgba(255, 255, 255, 0.34), 3309 transparent 28% 3310 ), 3311 radial-gradient( 3312 circle at 88% 84%, 3313 rgba(255, 181, 27, 0.12), 3314 transparent 30% 3315 ), 3316 linear-gradient( 3317 135deg, 3318 #fff13d 0%, 3319 var(--cp-yellow) 48%, 3320 var(--cp-yellow-deep) 100% 3321 ); 3322 color: var(--cp-text); 3323 font-family: "TildaSans", Arial, sans-serif; 3324} 3325 3326#course-picker *, 3327#course-picker *::before, 3328#course-picker *::after { 3329 box-sizing: border-box; 3330 font-family: "TildaSans", Arial, sans-serif; 3331} 3332 3333#course-picker::before { 3334 content: ""; 3335 position: absolute; 3336 top: -130px; 3337 right: 8%; 3338 width: 280px; 3339 height: 280px; 3340 border: 1px solid rgba(23, 23, 23, 0.07); 3341 border-radius: 50%; 3342 pointer-events: none; 3343} 3344 3345#course-picker::after { 3346 content: ""; 3347 position: absolute; 3348 left: -110px; 3349 bottom: -130px; 3350 width: 260px; 3351 height: 260px; 3352 border: 1px solid rgba(255, 181, 27, 0.12); 3353 border-radius: 50%; 3354 pointer-events: none; 3355} 3356 3357#course-picker .course-picker__wrap { 3358 position: relative; 3359 z-index: 2; 3360 width: min(1180px, 100%); 3361 max-width: 100%; 3362 min-width: 0; 3363 margin: 0 auto; 3364} 3365 3366/* ===================================================== 3367 ÐÐÐÐÐÐÐÐÐ 3368===================================================== */ 3369 3370#course-picker .course-picker__head { 3371 width: 100%; 3372 max-width: 900px; 3373 min-width: 0; 3374 margin: 0 0 44px; 3375 text-align: left; 3376} 3377 3378#course-picker .course-picker__eyebrow { 3379 display: inline-flex; 3380 align-items: center; 3381 gap: 9px; 3382 max-width: 100%; 3383 min-height: 34px; 3384 margin-bottom: 17px; 3385 padding: 8px 13px; 3386 border: 1px solid rgba(23, 23, 23, 0.08); 3387 border-radius: 999px; 3388 background: rgba(255, 255, 255, 0.36); 3389 color: var(--cp-black); 3390 font-size: 12px; 3391 font-weight: 700; 3392 line-height: 1; 3393 letter-spacing: 0.08em; 3394 text-transform: uppercase; 3395} 3396 3397#course-picker .course-picker__eyebrow::before { 3398 content: ""; 3399 width: 7px; 3400 height: 7px; 3401 flex: 0 0 auto; 3402 border-radius: 50%; 3403 background: var(--cp-black); 3404 box-shadow: 0 0 0 4px rgba(255, 181, 27, 0.12); 3405} 3406 3407#course-picker .course-picker__title { 3408 width: 100%; 3409 max-width: 900px; 3410 min-width: 0; 3411 margin: 0; 3412 color: var(--cp-black); 3413 font-size: 46px; 3414 font-weight: 900; 3415 line-height: 1.05; 3416 letter-spacing: -0.8px; 3417 overflow-wrap: break-word; 3418 word-break: normal; 3419} 3420 3421#course-picker .course-picker__subtitle { 3422 width: 100%; 3423 max-width: 760px; 3424 min-width: 0; 3425 margin: 22px 0 0; 3426 color: rgba(23, 23, 23, 0.68); 3427 font-size: 19px; 3428 font-weight: 500; 3429 line-height: 1.5; 3430 overflow-wrap: break-word; 3431} 3432 3433/* ===================================================== 3434 ÐЫÐÐÐ ÐÐÐÐ ÐСТР3435===================================================== */ 3436 3437#course-picker .age-slider { 3438 width: 100%; 3439 max-width: 100%; 3440 min-width: 0; 3441 margin: 0 0 24px; 3442 padding: 24px; 3443 border: 1px solid rgba(23, 23, 23, 0.08); 3444 border-radius: 26px; 3445 background: rgba(255, 255, 255, 0.88); 3446 box-shadow: 0 18px 42px rgba(23, 23, 23, 0.10); 3447 backdrop-filter: blur(14px); 3448 -webkit-backdrop-filter: blur(14px); 3449} 3450 3451#course-picker .age-slider__top { 3452 display: flex; 3453 align-items: flex-start; 3454 justify-content: space-between; 3455 gap: 18px; 3456 width: 100%; 3457 max-width: 100%; 3458 min-width: 0; 3459 margin-bottom: 22px; 3460} 3461 3462#course-picker .age-slider__top > div:first-child { 3463 max-width: 100%; 3464 min-width: 0; 3465} 3466 3467#course-picker .age-slider__label { 3468 color: var(--cp-black); 3469 font-size: 13px; 3470 font-weight: 700; 3471 line-height: 1.2; 3472 letter-spacing: 0.06em; 3473 text-transform: uppercase; 3474} 3475 3476#course-picker .age-slider__hint { 3477 max-width: 100%; 3478 min-width: 0; 3479 margin-top: 7px; 3480 color: var(--cp-muted); 3481 font-size: 14px; 3482 font-weight: 400; 3483 line-height: 1.4; 3484 overflow-wrap: break-word; 3485} 3486 3487#course-picker .age-slider__value { 3488 flex: 0 0 auto; 3489 max-width: 100%; 3490 padding: 11px 16px; 3491 border: 1px solid rgba(23, 23, 23, 0.10); 3492 border-radius: 13px; 3493 background: var(--cp-yellow); 3494 color: var(--cp-black); 3495 font-size: 14px; 3496 font-weight: 700; 3497 line-height: 1; 3498 white-space: nowrap; 3499 box-shadow: 0 10px 24px rgba(23, 23, 23, 0.16); 3500} 3501 3502#course-picker .age-slider__input { 3503 display: block; 3504 width: 100%; 3505 max-width: 100%; 3506 height: 8px; 3507 appearance: none; 3508 -webkit-appearance: none; 3509 border-radius: 999px; 3510 outline: none; 3511 background: 3512 linear-gradient( 3513 90deg, 3514 var(--cp-black) 0%, 3515 var(--cp-black) 0%, 3516 rgba(23, 23, 23, 0.12) 0%, 3517 rgba(23, 23, 23, 0.12) 100% 3518 ); 3519 cursor: pointer; 3520} 3521
3522#course-picker .age-slider__input::-webkit-slider-thumb { 3523 width: 28px; 3524 height: 28px; 3525 appearance: none; 3526 -webkit-appearance: none; 3527 border: 7px solid var(--cp-black); 3528 border-radius: 50%; 3529 background: #ffffff; 3530 cursor: pointer; 3531 box-shadow: 0 8px 20px rgba(23, 23, 23, 0.18); 3532} 3533 3534#course-picker .age-slider__input::-moz-range-thumb { 3535 width: 16px; 3536 height: 16px; 3537 border: 6px solid var(--cp-black); 3538 border-radius: 50%; 3539 background: #ffffff; 3540 cursor: pointer; 3541 box-shadow: 0 8px 20px rgba(23, 23, 23, 0.18); 3542} 3543 3544#course-picker .age-slider__marks { 3545 display: grid; 3546 grid-template-columns: repeat(4, minmax(0, 1fr)); 3547 gap: 8px; 3548 width: 100%; 3549 max-width: 100%; 3550 min-width: 0; 3551 margin-top: 17px; 3552} 3553 3554#course-picker .age-slider__marks button { 3555 width: 100%; 3556 max-width: 100%; 3557 min-width: 0; 3558 min-height: 42px; 3559 padding: 10px 8px; 3560 border: 1px solid transparent; 3561 border-radius: 12px; 3562 background: transparent; 3563 color: rgba(23, 23, 23, 0.58); 3564 font-size: 13px; 3565 font-weight: 600; 3566 line-height: 1.2; 3567 cursor: pointer; 3568 overflow-wrap: break-word; 3569 transition: 3570 transform 0.22s ease, 3571 background-color 0.22s ease, 3572 border-color 0.22s ease, 3573 color 0.22s ease; 3574} 3575 3576#course-picker .age-slider__marks button:hover { 3577 transform: translateY(-2px); 3578 background: rgba(255, 181, 27, 0.10); 3579 color: var(--cp-black); 3580} 3581 3582#course-picker .age-slider__marks button.is-active { 3583 border-color: rgba(255, 181, 27, 0.14); 3584 background: rgba(255, 181, 27, 0.14); 3585 color: var(--cp-black); 3586} 3587 3588/* ===================================================== 3589 СÐТÐÐ ÐУРСÐÐ 3590===================================================== */ 3591 3592#course-picker .course-picker__grid { 3593 display: grid; 3594 grid-template-columns: repeat(3, minmax(0, 1fr)); 3595 gap: 20px; 3596 align-items: stretch; 3597 width: 100%; 3598 max-width: 100%; 3599 min-width: 0; 3600} 3601 3602/* ===================================================== 3603 ÐÐРТÐЧÐÐ ÐУРСР3604===================================================== */ 3605 3606#course-picker .course-card { 3607 position: relative; 3608 isolation: isolate; 3609 display: flex; 3610 flex-direction: column; 3611 width: 100%; 3612 max-width: 100%; 3613 min-width: 0; 3614 min-height: 390px; 3615 padding: 26px; 3616 overflow: hidden; 3617 border: 1px solid rgba(23, 23, 23, 0.08); 3618 border-radius: 24px; 3619 background: rgba(255, 255, 255, 0.94); 3620 box-shadow: 0 16px 38px rgba(23, 23, 23, 0.09); 3621 animation: courseIn 0.42s ease both; 3622 transition: 3623 transform 0.28s ease, 3624 box-shadow 0.28s ease, 3625 border-color 0.28s ease; 3626} 3627 3628#course-picker .course-card::after { 3629 content: ""; 3630 position: absolute; 3631 z-index: -1; 3632 right: -70px; 3633 bottom: -90px; 3634 width: 180px; 3635 height: 180px; 3636 border-radius: 50%; 3637 background: rgba(254, 229, 0, 0.13); 3638 pointer-events: none; 3639} 3640 3641#course-picker .course-card:hover { 3642 transform: translateY(-5px); 3643 border-color: rgba(255, 181, 27, 0.18); 3644 box-shadow: 0 22px 48px rgba(23, 23, 23, 0.12); 3645} 3646 3647#course-picker .course-card__category { 3648 display: inline-flex; 3649 align-items: center; 3650 width: fit-content; 3651 max-width: 100%; 3652 min-height: 30px; 3653 margin-bottom: 16px; 3654 padding: 7px 10px; 3655 border: 1px solid rgba(255, 181, 27, 0.20); 3656 border-radius: 999px; 3657 background: rgba(255, 181, 27, 0.14); 3658 color: var(--cp-black); 3659 font-size: 10px; 3660 font-weight: 700; 3661 line-height: 1; 3662 letter-spacing: 0.07em; 3663 text-transform: uppercase; 3664} 3665 3666#course-picker .course-card__title { 3667 max-width: 100%; 3668 min-width: 0; 3669 margin: 0; 3670 color: var(--cp-black); 3671 font-size: 26px; 3672 font-weight: 700; 3673 line-height: 1.08; 3674 letter-spacing: -0.03em; 3675 overflow-wrap: break-word; 3676} 3677 3678#course-picker .course-card__text { 3679 max-width: 100%; 3680 min-width: 0; 3681 margin: 14px 0 0; 3682 color: var(--cp-muted); 3683 font-size: 15px; 3684 font-weight: 400; 3685 line-height: 1.5; 3686 overflow-wrap: break-word; 3687} 3688 3689#course-picker .course-card__meta { 3690 display: flex; 3691 flex-wrap: wrap; 3692 gap: 7px; 3693 max-width: 100%; 3694 min-width: 0; 3695 margin-top: 18px; 3696} 3697 3698#course-picker .course-card__meta span { 3699 display: inline-flex; 3700 align-items: center; 3701 max-width: 100%; 3702 min-height: 32px; 3703 padding: 7px 10px; 3704 border: 1px solid rgba(23, 23, 23, 0.07); 3705 border-radius: 10px; 3706 background: #f6f6f4;
3707 color: rgba(23, 23, 23, 0.68); 3708 font-size: 12px; 3709 font-weight: 600; 3710 line-height: 1; 3711 overflow-wrap: break-word; 3712} 3713 3714#course-picker .course-card__steps { 3715 max-width: 100%; 3716 min-width: 0; 3717 margin-top: 20px; 3718 padding-top: 17px; 3719 border-top: 1px solid rgba(23, 23, 23, 0.08); 3720} 3721 3722#course-picker .course-card__steps-title { 3723 margin-bottom: 10px; 3724 color: rgba(23, 23, 23, 0.48); 3725 font-size: 10px; 3726 font-weight: 700; 3727 line-height: 1; 3728 letter-spacing: 0.07em; 3729 text-transform: uppercase; 3730} 3731 3732#course-picker .course-card__steps-list { 3733 display: flex; 3734 flex-wrap: wrap; 3735 gap: 7px; 3736 max-width: 100%; 3737 min-width: 0; 3738} 3739 3740#course-picker .course-card__steps-list span { 3741 display: inline-flex; 3742 align-items: center; 3743 max-width: 100%; 3744 min-height: 31px; 3745 padding: 7px 9px; 3746 border-radius: 10px; 3747 background: rgba(254, 229, 0, 0.19); 3748 color: var(--cp-black); 3749 font-size: 12px; 3750 font-weight: 600; 3751 line-height: 1; 3752 overflow-wrap: break-word; 3753} 3754 3755/* ===================================================== 3756 ÐÐÐÐÐÐ 3757===================================================== */ 3758 3759#course-picker .course-card__actions { 3760 display: flex; 3761 gap: 9px; 3762 width: 100%; 3763 max-width: 100%; 3764 min-width: 0; 3765 margin-top: auto; 3766 padding-top: 24px; 3767} 3768 3769#course-picker .course-card__btn { 3770 display: inline-flex; 3771 align-items: center; 3772 justify-content: center; 3773 flex: 1 1 0; 3774 min-width: 0; 3775 min-height: 48px; 3776 padding: 12px 15px; 3777 border-radius: 13px; 3778 font-size: 14px; 3779 font-weight: 700; 3780 line-height: 1; 3781 text-align: center; 3782 text-decoration: none; 3783 transition: 3784 transform 0.22s ease, 3785 background-color 0.22s ease, 3786 color 0.22s ease, 3787 border-color 0.22s ease, 3788 box-shadow 0.22s ease; 3789} 3790 3791#course-picker .course-card__btn--primary { 3792 border: 1px solid var(--cp-black); 3793 background: var(--cp-black); 3794 color: #ffffff; 3795} 3796 3797#course-picker .course-card__btn--primary:hover { 3798 background: var(--cp-yellow); 3799 border-color: var(--cp-yellow); 3800 color: var(--cp-black); 3801 box-shadow: 0 10px 22px rgba(23, 23, 23, 0.12); 3802} 3803 3804#course-picker .course-card__btn--secondary { 3805 border: 1px solid rgba(23, 23, 23, 0.14); 3806 background: #ffffff; 3807 color: var(--cp-black); 3808} 3809 3810#course-picker .course-card__btn--secondary:hover { 3811 border-color: var(--cp-yellow); 3812 background: var(--cp-yellow); 3813} 3814 3815#course-picker .course-card__btn:hover { 3816 transform: translateY(-2px); 3817} 3818 3819/* ===================================================== 3820 ÐÐÐÐÐЦÐЯ 3821===================================================== */ 3822 3823@keyframes courseIn { 3824 from { 3825 opacity: 0; 3826 transform: translateY(14px); 3827 } 3828 3829 to { 3830 opacity: 1; 3831 transform: translateY(0); 3832 } 3833} 3834 3835/* ===================================================== 3836 ÐÐÐÐШÐТ 3837===================================================== */ 3838 3839@media (max-width: 980px) { 3840 #course-picker { 3841 padding: 52px 24px; 3842 } 3843 3844 #course-picker .course-picker__wrap, 3845 #course-picker .course-picker__head, 3846 #course-picker .age-slider, 3847 #course-picker .course-picker__grid { 3848 width: 100%; 3849 max-width: 100%; 3850 min-width: 0; 3851 } 3852 3853 #course-picker .course-picker__grid { 3854 grid-template-columns: repeat(2, minmax(0, 1fr)); 3855 } 3856} 3857 3858/* ===================================================== 3859 ÐÐÐÐÐЬÐЫР3860===================================================== */ 3861 3862@media (max-width: 640px) { 3863 #course-picker { 3864 width: 100%; 3865 max-width: 100%; 3866 margin: 0; 3867 padding: 40px 24px; 3868 overflow: hidden; 3869 box-sizing: border-box; 3870 } 3871 3872 #course-picker .course-picker__wrap, 3873 #course-picker .course-picker__head, 3874 #course-picker .age-slider, 3875 #course-picker .course-picker__grid { 3876 width: 100%; 3877 max-width: 100%; 3878 min-width: 0; 3879 } 3880 3881 #course-picker .course-picker__wrap { 3882 margin: 0 auto; 3883 } 3884 3885 #course-picker .course-picker__head { 3886 margin-bottom: 26px; 3887 } 3888 3889 #course-picker .course-picker__eyebrow { 3890 max-width: 100%; 3891 margin-bottom: 14px; 3892 padding: 7px 12px; 3893 font-size: 11px; 3894 } 3895 3896 #course-picker .course-picker__title { 3897 width: 100%; 3898 max-width: 100%; 3899 min-width: 0; 3900 margin: 0;
3901 font-size: clamp(27px, 7.45vw, 30px); 3902 font-weight: 900; 3903 line-height: 1.05; 3904 letter-spacing: -0.03em; 3905 overflow-wrap: break-word; 3906 word-break: normal; 3907 } 3908 3909 #course-picker .course-picker__subtitle { 3910 width: 100%; 3911 max-width: 100%; 3912 min-width: 0; 3913 margin-top: 16px; 3914 font-size: 16px; 3915 line-height: 1.45; 3916 overflow-wrap: break-word; 3917 } 3918 3919 #course-picker .age-slider { 3920 padding: 20px; 3921 border-radius: 22px; 3922 } 3923 3924 #course-picker .age-slider__top { 3925 flex-direction: column; 3926 gap: 16px; 3927 width: 100%; 3928 max-width: 100%; 3929 min-width: 0; 3930 margin-bottom: 20px; 3931 } 3932 3933 #course-picker .age-slider__value { 3934 width: fit-content; 3935 max-width: 100%; 3936 white-space: normal; 3937 } 3938 3939 #course-picker .age-slider__marks { 3940 grid-template-columns: repeat(2, minmax(0, 1fr)); 3941 width: 100%; 3942 max-width: 100%; 3943 min-width: 0; 3944 } 3945 3946 #course-picker .course-picker__grid { 3947 grid-template-columns: minmax(0, 1fr); 3948 gap: 14px; 3949 } 3950 3951 #course-picker .course-card { 3952 width: 100%; 3953 max-width: 100%; 3954 min-width: 0; 3955 min-height: 0; 3956 padding: 22px; 3957 border-radius: 18px; 3958 } 3959 3960 #course-picker .course-card__title { 3961 font-size: 24px; 3962 } 3963 3964 #course-picker .course-card__actions { 3965 flex-direction: column; 3966 width: 100%; 3967 max-width: 100%; 3968 min-width: 0; 3969 } 3970 3971 #course-picker .course-card__btn { 3972 width: 100%; 3973 max-width: 100%; 3974 flex: none; 3975 } 3976} 3977 3978/* ===================================================== 3979 УÐÐÐÐ ÐÐÐÐÐЬÐЫРУСТРÐÐСТÐÐ 3980===================================================== */ 3981 3982@media (max-width: 420px) { 3983 #course-picker { 3984 padding: 40px 20px; 3985 } 3986 3987 #course-picker .course-picker__title { 3988 font-size: clamp(26px, 7.25vw, 29px); 3989 line-height: 1.05; 3990 } 3991 3992 #course-picker .age-slider { 3993 padding: 18px; 3994 } 3995 3996 #course-picker .course-card { 3997 padding: 18px; 3998 } 3999} 4000 4001/* ===================================================== 4002 ÐТÐÐЮЧÐÐÐÐ ÐÐÐÐÐЦÐÐ 4003===================================================== */ 4004 4005@media (prefers-reduced-motion: reduce) { 4006 #course-picker *, 4007 #course-picker *::before, 4008 #course-picker *::after { 4009 animation: none !important; 4010 transition: none !important; 4011 } 4012} 4013</style>
4013<script> 4014(function() { 4015 const ageGroups = [ 4016 'ÐоÑколÑники', 4017 '1â4 клаÑÑ', 4018 '5â8 клаÑÑ', 4019 '9â11 клаÑÑ' 4020 ]; 4021 4022 const courses = [ 4023 { 4024 title: 'РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° на набоÑÐ°Ñ Lego WeDo', 4025 label: 'РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ°', 4026 link: 'https://inginirium.pro/wedo_2026', 4027 ages: ['ÐоÑколÑники', '1â4 клаÑÑ'], 4028 steps: ['Ð¾Ñ Ð½Ð°ÑалÑного до пÑодвинÑÑого'], 4029 badge: 'Ð¥ÐТ', 4030 text: 'Ребенок ÑобиÑÐ°ÐµÑ ÑабоÑаÑÑие Ð¼ÐµÑ Ð°Ð½Ð¸Ð·Ð¼Ñ, пÑогÑаммиÑÑÐµÑ Ð¸Ñ Ð¿Ð¾Ð²ÐµÐ´ÐµÐ½Ð¸Ðµ и поÑÑепенно оÑÐ²Ð°Ð¸Ð²Ð°ÐµÑ Ð¸Ð½Ð¶ÐµÐ½ÐµÑное мÑÑление.' 4031 }, 4032 { 4033 title: 'РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° на набоÑÐ°Ñ Lego EV3', 4034 label: 'РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ°', 4035 link: 'https://inginirium.pro/ev3_2026', 4036 ages: ['5â8 клаÑÑ', '9â11 клаÑÑ'], 4037 steps: ['Ð¾Ñ Ð½Ð°ÑалÑного до пÑодвинÑÑого'], 4038 text: 'Ребенок конÑÑÑÑиÑÑÐµÑ Ð¸ пÑогÑаммиÑÑÐµÑ Ð°Ð²ÑономнÑÑ ÑобоÑов, ÑабоÑÐ°ÐµÑ Ñ Ð¼Ð¾ÑоÑами и даÑÑиками и ÑеÑÐ°ÐµÑ Ð¸Ð½Ð¶ÐµÐ½ÐµÑнÑе задаÑи.' 4039 }, 4040 { 4041 title: 'РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° Arduino', 4042 label: 'РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ°', 4043 link: 'https://inginirium.pro/arduino_2026', 4044 ages: ['5â8 клаÑÑ', '9â11 клаÑÑ'], 4045 steps: ['пÑодвинÑÑÑй ÑÑовенÑ'], 4046 text: 'Ребенок ÑобиÑÐ°ÐµÑ ÑлекÑÑоннÑе ÑÑ ÐµÐ¼Ñ, пÑогÑаммиÑÑÐµÑ Arduino на C++ и ÑÐ¾Ð·Ð´Ð°ÐµÑ ÑобÑÑвеннÑе ÑÑÑÑойÑÑва.' 4047 }, 4048 { 4049 title: 'ÐÑогÑаммиÑование в ÑÑеде Scratch', 4050 label: 'ÐÑогÑаммиÑование', 4051 link: 'https://inginirium.pro/scratch_2026', 4052 ages: ['1â4 клаÑÑ'], 4053 steps: ['наÑалÑнÑй ÑÑовенÑ'], 4054 badge: 'Ð¥ÐТ', 4055 text: 'Ребенок знакомиÑÑÑ Ñ Ð¿ÑогÑаммиÑованием ÑеÑез Ñоздание ÑобÑÑвеннÑÑ Ð¸Ð³Ñ, мÑлÑÑÑилÑмов и инÑеÑакÑивнÑÑ Ð¿ÑоекÑов.' 4056 }, 4057 { 4058 title: 'РазÑабоÑÑик игÑ', 4059 label: 'ÐÑогÑаммиÑование', 4060 link: 'https://inginirium.pro/game_2026', 4061 ages: ['1â4 клаÑÑ'], 4062 steps: ['наÑалÑнÑй ÑÑовенÑ'], 4063 badge: 'ÐÐÐÐÐÐÐ', 4064 text: 'Ребенок ÑÐ¾Ð·Ð´Ð°ÐµÑ ÑобÑÑвеннÑе компÑÑÑеÑнÑе игÑÑ Ð² Construct 3 и GDevelop: Ð¾Ñ Ð¸Ð´ÐµÐ¸ и ÑÑовней до игÑовÑÑ Ð¼ÐµÑ Ð°Ð½Ð¸Ðº и гоÑового пÑоекÑа.' 4065 }, 4066 { 4067 title: 'РазÑабоÑÑик Ð¸Ð³Ñ Ð² Roblox', 4068 label: 'ÐÑогÑаммиÑование', 4069 link: 'https://inginirium.pro/roblox_2026', 4070 ages: ['5â8 клаÑÑ'], 4071 steps: ['наÑалÑнÑй ÑÑовенÑ'], 4072 text: 'Ребенок ÑÐ¾Ð·Ð´Ð°ÐµÑ ÑобÑÑвеннÑе игÑÑ Ð² Roblox Studio, пÑоекÑиÑÑÐµÑ 3D-миÑÑ, игÑовÑе Ð¼ÐµÑ Ð°Ð½Ð¸ÐºÐ¸ и пÑогÑаммиÑÑÐµÑ Ð½Ð° ÑзÑке Lua.' 4073 }, 4074 { 4075 title: 'РазÑабоÑка мобилÑнÑÑ Ð¿Ñиложений', 4076 label: 'ÐÑогÑаммиÑование', 4077 link: 'https://inginirium.pro/mobil_2026', 4078 ages: ['5â8 клаÑÑ', '9â11 клаÑÑ'], 4079 steps: ['наÑалÑнÑй ÑÑовенÑ'], 4080 badge: 'ÐÐÐÐÐÐÐ', 4081 text: 'Ребенок пÑÐ¾Ñ Ð¾Ð´Ð¸Ñ Ð¿ÑÑÑ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ Ð¼Ð¾Ð±Ð¸Ð»Ñного пÑиложениÑ: Ð¾Ñ Ð¸Ð´ÐµÐ¸ и дизайна ÑкÑанов до логики, ÑеÑÑиÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¸ гоÑового пÑодÑкÑа.' 4082 }, 4083 { 4084 title: 'ÐÑогÑаммиÑование на ÑзÑке Python', 4085 label: 'ÐÑогÑаммиÑование', 4086 link: 'https://inginirium.pro/python_2026', 4087 ages: ['5â8 клаÑÑ', '9â11 клаÑÑ'], 4088 steps: ['Ð¾Ñ Ð½Ð°ÑалÑного до пÑодвинÑÑого'], 4089 badge: 'Ð¥ÐТ', 4090 text: 'Ребенок изÑÑÐ°ÐµÑ Python Ð¾Ñ Ð¿ÐµÑвÑÑ ÑÑÑок кода до ÑамоÑÑоÑÑелÑнÑÑ Ð¿ÑоекÑов, алгоÑиÑмов и ÑеÑÐµÐ½Ð¸Ñ Ð¿ÑакÑиÑеÑÐºÐ¸Ñ Ð·Ð°Ð´Ð°Ñ.' 4091 }, 4092 { 4093 title: 'WEB-пÑогÑаммиÑование', 4094 label: 'ÐÑогÑаммиÑование', 4095 link: 'https://inginirium.pro/web_2026', 4096 ages: ['5â8 клаÑÑ', '9â11 клаÑÑ'], 4097 steps: ['наÑалÑнÑй ÑÑовенÑ'], 4098 text: 'Ребенок Ñ Ð½ÑÐ»Ñ ÑÐ¾Ð·Ð´Ð°ÐµÑ ÑовÑеменнÑе ÑайÑÑ: пÑоекÑиÑÑÐµÑ ÑÑÑÑкÑÑÑÑ Ð¸ дизайн, добавлÑÐµÑ Ð¸Ð½ÑеÑакÑивнÑе ÑлеменÑÑ Ð¸ пÑбликÑÐµÑ Ð³Ð¾ÑовÑй пÑоекÑ.' 4099 }, 4100 { 4101 title: 'Ðеймдизайн', 4102 label: 'РазÑабоÑка игÑ', 4103 link: 'https://inginirium.pro/unity_2026', 4104 ages: ['5â8 клаÑÑ', '9â11 клаÑÑ'], 4105 steps: ['пÑодвинÑÑÑй ÑÑовенÑ'], 4106 badge: 'ÐÐÐÐÐÐÐ', 4107 text: 'Ребенок ÑÐ¾Ð·Ð´Ð°ÐµÑ Ð¿Ð¾Ð»Ð½Ð¾ÑеннÑе компÑÑÑеÑнÑе игÑÑ Ð² Unity, пÑогÑаммиÑÑÐµÑ Ð½Ð° C# и ÑабоÑÐ°ÐµÑ Ñ Ð¸Ð³ÑовÑми Ð¼ÐµÑ Ð°Ð½Ð¸ÐºÐ°Ð¼Ð¸, 2D- и 3D-пÑоекÑами.' 4108 }, 4109 { 4110 title: '3D-моделиÑование в веб-ÑеÑвиÑе Tinkercad', 4111 label: '3D-моделиÑование', 4112 link: 'https://inginirium.pro/tinkercad_2026', 4113 ages: ['ÐоÑколÑники', '1â4 клаÑÑ'], 4114 steps: ['Ð¾Ñ Ð½Ð°ÑалÑного до пÑодвинÑÑого'], 4115 text: 'Ребенок ÑÐ¾Ð·Ð´Ð°ÐµÑ ÑÑÐµÑ Ð¼ÐµÑнÑе модели, ÑабоÑÐ°ÐµÑ Ñ ÑоÑмой, ÑазмеÑами и пÑопоÑÑиÑми и пÑевÑаÑÐ°ÐµÑ Ð¸Ð´ÐµÐ¸ в гоÑовÑе 3D-пÑоекÑÑ.' 4116 }, 4117 { 4118 title: '3D-моделиÑование в гÑаÑиÑеÑком ÑедакÑоÑе Blender', 4119 label: '3D-моделиÑование', 4120 link: 'https://inginirium.pro/blender_2026', 4121 ages: ['5â8 клаÑÑ', '9â11 клаÑÑ'], 4122 steps: ['Ð¾Ñ Ð½Ð°ÑалÑного до пÑодвинÑÑого'], 4123 text: 'Ребенок ÑÐ¾Ð·Ð´Ð°ÐµÑ ÑобÑÑвеннÑе 3D-модели, пеÑÑонажей и ÑиÑÑовÑе ÑÑÐµÐ½Ñ Ð² пÑоÑеÑÑионалÑной пÑогÑамме Blender.' 4124 }, 4125 { 4126 title: 'ÐÑаÑиÑеÑкий дизайн', 4127 label: 'ÐÑаÑиÑеÑкий дизайн', 4128 link: 'https://inginirium.pro/design_2026', 4129 ages: ['5â8 клаÑÑ', '9â11 клаÑÑ'], 4130 steps: ['Ð¾Ñ Ð½Ð°ÑалÑного до пÑодвинÑÑого'], 4131 text: 'Ребенок ÑÐ¾Ð·Ð´Ð°ÐµÑ ÑовÑеменнÑе визÑалÑнÑе пÑоекÑÑ Ð¸ оÑÐ²Ð°Ð¸Ð²Ð°ÐµÑ ÑабоÑÑ Ð² Figma, Photoshop и Illustrator.' 4132 }, 4133 { 4134 title: 'ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ', 4135 label: 'ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ', 4136 link: 'https://inginirium.pro/basic_2026', 4137 ages: ['1â4 клаÑÑ', '5â8 клаÑÑ', '9â11 клаÑÑ'], 4138 steps: ['Ð¾Ñ Ð½Ð°ÑалÑного до пÑодвинÑÑого'], 4139 text: 'Ребенок ÑвеÑенно оÑÐ²Ð°Ð¸Ð²Ð°ÐµÑ ÐºÐ¾Ð¼Ð¿ÑÑÑеÑ, ÑабоÑÑ Ñ Ñайлами, докÑменÑами, пÑезенÑаÑиÑми, ÑаблиÑами и ÑиÑÑовÑми ÑеÑвиÑами.' 4140 } 4141 ]; 4142 4143 const ageRange = document.getElementById('ageRange'); 4144 const ageValue = document.getElementById('ageValue'); 4145 const courseGrid = document.getElementById('courseGrid'); 4146 const markButtons = document.querySelectorAll('[data-age-index]'); 4147 4148 function esc(str) { 4149 return String(str || '').replace(/[&<>"]/g, function(symbol) { 4150 return { 4151 '&': '&', 4152 '<': '<', 4153 '>': '>', 4154 '"': '"' 4155 }[symbol]; 4156 }); 4157 } 4158 4159 function updateSliderFill(index) { 4160 const percent = (index / 3) * 100; 4161 4162 ageRange.style.background = 4163 `linear-gradient( 4164 90deg, 4165 #171717 0%, 4166 #171717 ${percent}%, 4167 rgba(23,23,23,.12) ${percent}%, 4168 rgba(23,23,23,.12) 100% 4169 )`; 4170 } 4171 4172 4173 const desktopTitleLines = {
4174 'РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° на набоÑÐ°Ñ Lego WeDo': ['РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ°', 'на набоÑÐ°Ñ Lego WeDo'], 4175 '3D-моделиÑование в веб-ÑеÑвиÑе Tinkercad': ['3D-моделиÑование', 'в веб-ÑеÑвиÑе Tinkercad'], 4176 'ÐÑогÑаммиÑование в ÑÑеде Scratch': ['ÐÑогÑаммиÑование', 'в ÑÑеде Scratch'], 4177 'РазÑабоÑÑик игÑ': ['РазÑабоÑÑик', 'игÑ'], 4178 'ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ': ['ÐомпÑÑÑеÑнаÑ', 'гÑамоÑноÑÑÑ'], 4179 'РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° на набоÑÐ°Ñ Lego EV3': ['РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ°', 'на набоÑÐ°Ñ Lego EV3'], 4180 'РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° Arduino': ['РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ°', 'Arduino'], 4181 'РазÑабоÑÑик Ð¸Ð³Ñ Ð² Roblox': ['РазÑабоÑÑик игÑ', 'в Roblox'], 4182 'РазÑабоÑка мобилÑнÑÑ Ð¿Ñиложений': ['РазÑабоÑка', 'мобилÑнÑÑ Ð¿Ñиложений'], 4183 'ÐÑогÑаммиÑование на ÑзÑке Python': ['ÐÑогÑаммиÑование', 'на ÑзÑке Python'], 4184 '3D-моделиÑование в гÑаÑиÑеÑком ÑедакÑоÑе Blender': ['3D-моделиÑование', 'в гÑаÑиÑеÑком ÑедакÑоÑе Blender'], 4185 'ÐÑаÑиÑеÑкий дизайн': ['ÐÑаÑиÑеÑкий', 'дизайн'] 4186 }; 4187 4188 function formatCourseTitle(title) { 4189 const lines = desktopTitleLines[title]; 4190 if (!lines) return esc(title); 4191 4192 return esc(lines[0]) + 4193 '<span class="desktop-title-break"><br></span>' + 4194 esc(lines[1]); 4195 } 4196 4197 function equalizeCourseCardParts() { 4198 const cards = Array.from(courseGrid.querySelectorAll('.course-card')); 4199 if (!cards.length) return; 4200 4201 const selectors = [ 4202 '.course-card__category', 4203 '.course-card__title', 4204 '.course-card__text', 4205 '.course-card__meta', 4206 '.course-card__steps' 4207 ]; 4208 4209 /* Ðа мобилÑной каÑÑоÑки идÑÑ Ð¿Ð¾ одной â иÑкÑÑÑÑвенное вÑÑавнивание не нÑжно. */ 4210 if (window.matchMedia('(max-width: 640px)').matches) { 4211 selectors.forEach(function(selector) { 4212 cards.forEach(function(card) { 4213 const el = card.querySelector(selector); 4214 if (el) el.style.minHeight = ''; 4215 }); 4216 }); 4217 return; 4218 } 4219 4220 /* СнаÑала ÑбÑаÑÑваем ÑÑаÑÑе знаÑениÑ, заÑем измеÑÑем ÑеалÑнÑе вÑÑоÑÑ. */ 4221 selectors.forEach(function(selector) { 4222 cards.forEach(function(card) { 4223 const el = card.querySelector(selector); 4224 if (el) el.style.minHeight = ''; 4225 }); 4226 4227 let maxHeight = 0; 4228 4229 cards.forEach(function(card) { 4230 const el = card.querySelector(selector); 4231 if (!el) return; 4232 maxHeight = Math.max(maxHeight, Math.ceil(el.getBoundingClientRect().height)); 4233 }); 4234 4235 cards.forEach(function(card) { 4236 const el = card.querySelector(selector); 4237 if (el) el.style.minHeight = maxHeight + 'px'; 4238 }); 4239 }); 4240 } 4241 4242 let equalizeTimer = null; 4243 4244 function scheduleEqualizeCourseCards() { 4245 clearTimeout(equalizeTimer); 4246 equalizeTimer = setTimeout(function() { 4247 requestAnimationFrame(equalizeCourseCardParts); 4248 }, 40); 4249 } 4250 4251 function renderCourses() { 4252 const ageIndex = Number(ageRange.value); 4253 const selectedAge = ageGroups[ageIndex]; 4254 4255 ageValue.textContent = selectedAge; 4256 updateSliderFill(ageIndex); 4257 4258 markButtons.forEach(function(button) { 4259 button.classList.toggle( 4260 'is-active', 4261 Number(button.dataset.ageIndex) === ageIndex 4262 ); 4263 }); 4264 4265 const visibleCourses = courses.filter(function(course) { 4266 return course.ages.includes(selectedAge); 4267 }); 4268 4269 courseGrid.innerHTML = visibleCourses.map(function(course) { 4270 return ` 4271 <article class="course-card"> <div class="course-card__topline"> <div class="course-card__category"> 4272 ${esc(course.label)} 4273 </div> 4274 4275 ${course.badge ? `<div class="course-card__badge course-card__badge--${course.badge === 'Ð¥ÐТ' ? 'hit' : 'new'}">${esc(course.badge)}</div>` : ''} 4276 </div> <h3 class="course-card__title"> 4277 ${formatCourseTitle(course.title)} 4278 </h3> <p class="course-card__text"> 4279 ${esc(course.text)} 4280 </p> <div class="course-card__meta"> 4281 ${course.ages.map(function(age) { 4282 return `<span>${esc(age)}</span>`;
4283 }).join('')} 4284 </div> <div class="course-card__steps"> <div class="course-card__steps-title"> 4285 УÑÐ¾Ð²ÐµÐ½Ñ 4286 </div> <div class="course-card__steps-list"> 4287 ${course.steps.map(function(step) { 4288 return `<span>${esc(step)}</span>`; 4289 }).join('')} 4290 </div> </div> <div class="course-card__actions"> <a 4291 class="course-card__btn course-card__btn--primary" 4292 href="#lead-form" 4293 > 4294 ÐапиÑаÑÑÑÑ 4295 </a> <a 4296 class="course-card__btn course-card__btn--secondary" 4297 href="${esc(course.link)}" 4298 target="_blank" 4299 rel="noopener noreferrer" 4300 > 4301 ÐодÑобнее 4302 </a> </div> </article> 4303 `; 4304 }).join(''); 4305 4306 scheduleEqualizeCourseCards(); 4307 } 4308 4309 ageRange.addEventListener('input', renderCourses); 4310 4311 markButtons.forEach(function(button) { 4312 button.addEventListener('click', function() { 4313 ageRange.value = button.dataset.ageIndex; 4314 renderCourses(); 4315 }); 4316 }); 4317 4318 window.addEventListener('resize', scheduleEqualizeCourseCards); 4319 4320 renderCourses(); 4321})(); 4322</script>
4322 <style> 4323/* ===== FIX: кликабелÑноÑÑÑ ÐºÐ½Ð¾Ð¿Ð¾Ðº каÑÑоÑек ===== */ 4324#course-picker .course-card__actions { 4325 position: relative; 4326 z-index: 20; 4327} 4328 4329#course-picker .course-card__btn { 4330 position: relative; 4331 z-index: 21; 4332 pointer-events: auto !important; 4333 cursor: pointer; 4334} 4335 4336#course-picker .course-card::before, 4337#course-picker .course-card::after { 4338 pointer-events: none !important; 4339} 4340</style> <style> 4341/* ===== CLEAN CARD DESIGN: ÑбиÑаем декоÑаÑивнÑе жÑлÑÑе кÑÑги ===== */ 4342#course-picker .course-card::before, 4343#course-picker .course-card::after { 4344 content: none !important; 4345 display: none !important; 4346} 4347 4348/* ÐеÑеноÑÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ¾Ð² задаÑÑÑÑ ÑолÑко на ÐÐ */ 4349#course-picker .course-card__title .desktop-title-break { 4350 display: inline; 4351} 4352 4353@media (max-width: 640px) { 4354 #course-picker .course-card__title .desktop-title-break { 4355 display: none; 4356 } 4357} 4358</style> <style> 4359/* ===== ÐлаÑки Ð¥ÐТ / ÐÐÐÐÐÐÐ ===== */ 4360#course-picker .course-card__topline { 4361 display: flex; 4362 align-items: flex-start; 4363 justify-content: space-between; 4364 gap: 10px; 4365 width: 100%; 4366 min-height: 30px; 4367 margin-bottom: 16px; 4368} 4369 4370#course-picker .course-card__topline .course-card__category { 4371 margin-bottom: 0; 4372} 4373 4374#course-picker .course-card__badge { 4375 display: inline-flex; 4376 align-items: center; 4377 justify-content: center; 4378 flex: 0 0 auto; 4379 min-height: 30px; 4380 padding: 7px 11px; 4381 border-radius: 999px; 4382 font-size: 10px; 4383 font-weight: 800; 4384 line-height: 1; 4385 letter-spacing: .07em; 4386 text-transform: uppercase; 4387 box-shadow: 0 7px 18px rgba(23,23,23,.08); 4388} 4389 4390#course-picker .course-card__badge--hit { 4391 border: 1px solid rgba(23,23,23,.10); 4392 background: #FEE500; 4393 color: #171717; 4394} 4395 4396#course-picker .course-card__badge--new { 4397 border: 1px solid rgba(117,59,150,.16); 4398 background: linear-gradient(135deg, #753B96 0%, #9150A4 100%); 4399 color: #fff; 4400} 4401 4402@media (max-width: 640px) { 4403 #course-picker .course-card__topline { 4404 flex-wrap: wrap; 4405 margin-bottom: 14px; 4406 } 4407} 4408</style> <style> 4409#course-picker .course-picker__desktop-break { 4410 display: inline; 4411} 4412 4413@media (max-width: 640px) { 4414 #course-picker .course-picker__desktop-break { 4415 display: none; 4416 } 4417} 4418</style> <style> 4419/* ===== Ðолее вÑÑазиÑелÑнÑе Ð¥ÐТ / ÐÐÐÐÐÐÐ, без иконок ===== */ 4420#course-picker .course-card__badge { 4421 position: relative; 4422 isolation: isolate; 4423 min-height: 31px; 4424 padding: 8px 13px 7px; 4425 border-radius: 9px; 4426 font-size: 10px; 4427 font-weight: 900; 4428 line-height: 1; 4429 letter-spacing: .09em; 4430 text-transform: uppercase; 4431 box-shadow: 4432 0 7px 14px rgba(23,23,23,.10), 4433 inset 0 1px 0 rgba(255,255,255,.45); 4434 transform-origin: center; 4435 animation: courseBadgeIn .48s cubic-bezier(.2,.8,.2,1) both; 4436} 4437 4438/* Ð¥ÐТ â ÑиÑменнÑй жÑлÑÑй, ÑÑÑÑ Ð²Ð»ÐµÐ²Ð¾ */ 4439#course-picker .course-card__badge--hit { 4440 color: #171717; 4441 border: 1px solid rgba(23,23,23,.14); 4442 background: 4443 linear-gradient(145deg,#FFF47A 0%,#FEE500 58%,#F4D600 100%); 4444 transform: rotate(-3deg); 4445} 4446 4447/* ÐÐÐÐÐÐÐ â более глÑбокий ÑиÑменнÑй ÑиолеÑовÑй, ÑÑÑÑ Ð²Ð¿Ñаво */ 4448#course-picker .course-card__badge--new { 4449 color: #fff; 4450 border: 1px solid rgba(255,255,255,.20); 4451 background: 4452 linear-gradient(135deg,#63327D 0%,#753B96 52%,#9856A8 100%); 4453 box-shadow: 4454 0 8px 16px rgba(117,59,150,.20), 4455 inset 0 1px 0 rgba(255,255,255,.22); 4456 transform: rotate(2.5deg); 4457} 4458 4459/* ÐеболÑÑÐ°Ñ ÑеакÑÐ¸Ñ ÑолÑко на ÑÑÑÑойÑÑÐ²Ð°Ñ Ñ hover */ 4460@media (hover:hover) { 4461 #course-picker .course-card:hover .course-card__badge--hit { 4462 transform: rotate(-1deg) translateY(-1px); 4463 } 4464 4465 #course-picker .course-card:hover .course-card__badge--new { 4466 transform: rotate(1deg) translateY(-1px); 4467 } 4468} 4469 4470@keyframes courseBadgeIn { 4471 from { 4472 opacity: 0; 4473 scale: .92; 4474 } 4475 to { 4476 opacity: 1; 4477 scale: 1; 4478 } 4479} 4480 4481@media (prefers-reduced-motion: reduce) { 4482 #course-picker .course-card__badge { 4483 animation: none; 4484 } 4485} 4486 4487@media (max-width:640px) { 4488 #course-picker .course-card__badge { 4489 min-height: 29px; 4490 padding: 7px 11px 6px; 4491 border-radius: 8px; 4492 font-size: 9px; 4493 } 4494} 4495</style> <style> 4496/* ===== FINAL: кÑÑпнее + Ð¶Ð¸Ð²Ð°Ñ Ð°Ð½Ð¸Ð¼Ð°ÑÐ¸Ñ Ð¥ÐТ / ÐÐÐÐÐÐÐ ===== */ 4497#course-picker .course-card__badge { 4498 min-height: 36px !important; 4499 padding: 10px 16px 9px !important; 4500 border-radius: 10px !important; 4501 font-size: 11px !important; 4502 font-weight: 900; 4503 letter-spacing: .095em; 4504 will-change: transform; 4505} 4506 4507/* Ð¥ÐТ */ 4508#course-picker .course-card__badge--hit { 4509 animation: 4510 badgeHitAppear .55s cubic-bezier(.2,.8,.2,1) both, 4511 badgeHitFloat 3.2s ease-in-out .7s infinite !important; 4512} 4513 4514/* ÐÐÐÐÐÐÐ */ 4515#course-picker .course-card__badge--new { 4516 animation: 4517 badgeNewAppear .55s cubic-bezier(.2,.8,.2,1) both, 4518 badgeNewFloat 3.6s ease-in-out .85s infinite !important; 4519} 4520 4521@keyframes badgeHitAppear {
4522 0% { 4523 opacity: 0; 4524 transform: rotate(-7deg) scale(.78) translateY(8px); 4525 } 4526 70% { 4527 opacity: 1; 4528 transform: rotate(-2deg) scale(1.05) translateY(-1px); 4529 } 4530 100% { 4531 opacity: 1; 4532 transform: rotate(-3deg) scale(1) translateY(0); 4533 } 4534} 4535 4536@keyframes badgeNewAppear { 4537 0% { 4538 opacity: 0; 4539 transform: rotate(7deg) scale(.78) translateY(8px); 4540 } 4541 70% { 4542 opacity: 1; 4543 transform: rotate(1.5deg) scale(1.05) translateY(-1px); 4544 } 4545 100% { 4546 opacity: 1; 4547 transform: rotate(2.5deg) scale(1) translateY(0); 4548 } 4549} 4550 4551@keyframes badgeHitFloat { 4552 0%, 100% { 4553 transform: rotate(-3deg) translateY(0); 4554 } 4555 50% { 4556 transform: rotate(-1.5deg) translateY(-3px); 4557 } 4558} 4559 4560@keyframes badgeNewFloat { 4561 0%, 100% { 4562 transform: rotate(2.5deg) translateY(0); 4563 } 4564 50% { 4565 transform: rotate(1deg) translateY(-3px); 4566 } 4567} 4568 4569@media (hover:hover) { 4570 #course-picker .course-card:hover .course-card__badge--hit, 4571 #course-picker .course-card:hover .course-card__badge--new { 4572 animation-play-state: paused; 4573 transform: rotate(0deg) translateY(-2px) scale(1.03); 4574 transition: transform .22s ease; 4575 } 4576} 4577 4578@media (max-width:640px) { 4579 #course-picker .course-card__badge { 4580 min-height: 33px !important; 4581 padding: 9px 13px 8px !important; 4582 font-size: 10px !important; 4583 } 4584} 4585 4586@media (prefers-reduced-motion: reduce) { 4587 #course-picker .course-card__badge--hit, 4588 #course-picker .course-card__badge--new { 4589 animation: none !important; 4590 } 4591} 4592</style> <style> 4593/* ===== FINAL XL: Ð¥ÐТ / ÐÐÐÐÐÐРеÑÑ ÐºÑÑпнее ===== */ 4594#course-picker .course-card__badge { 4595 min-height: 42px !important; 4596 padding: 12px 20px 11px !important; 4597 border-radius: 12px !important; 4598 font-size: 13px !important; 4599 font-weight: 900 !important; 4600 letter-spacing: .09em !important; 4601} 4602 4603/* ЧÑÐ¾Ð±Ñ ÑвелиÑÐµÐ½Ð½Ð°Ñ Ð¿Ð»Ð°Ñка аккÑÑаÑно помеÑалаÑÑ Ð² веÑÑ Ð½ÐµÐ¹ ÑÑÑоке */ 4604#course-picker .course-card__topline { 4605 min-height: 42px; 4606 align-items: flex-start; 4607} 4608 4609@media (max-width:640px) { 4610 #course-picker .course-card__badge { 4611 min-height: 37px !important; 4612 padding: 10px 16px 9px !important; 4613 border-radius: 10px !important; 4614 font-size: 11px !important; 4615 } 4616 4617 #course-picker .course-card__topline { 4618 min-height: 37px; 4619 } 4620} 4621</style> <style> 4622/* ===== BALANCED: опÑималÑнÑй ÑÐ°Ð·Ð¼ÐµÑ Ð¥ÐТ / ÐÐÐÐÐÐÐ ===== */ 4623#course-picker .course-card__badge { 4624 min-height: 38px !important; 4625 padding: 10px 17px 9px !important; 4626 border-radius: 11px !important; 4627 font-size: 12px !important; 4628 font-weight: 900 !important; 4629 letter-spacing: .09em !important; 4630} 4631 4632#course-picker .course-card__topline { 4633 min-height: 38px; 4634} 4635 4636@media (max-width:640px) { 4637 #course-picker .course-card__badge { 4638 min-height: 34px !important; 4639 padding: 9px 14px 8px !important; 4640 border-radius: 9px !important; 4641 font-size: 10px !important; 4642 } 4643 4644 #course-picker .course-card__topline { 4645 min-height: 34px; 4646 } 4647} 4648</style> <style> 4649/* ÐбÑий заголовок блока: ÑÑÑÑ Ð±Ð¾Ð»ÑÑе воздÑÑ Ð° Ð¼ÐµÐ¶Ð´Ñ ÑÑÑоками */ 4650#course-picker .course-picker__title { 4651 line-height: 1.05 !important; 4652} 4653</style>
4653<script> 4654(function () { 4655 document.addEventListener('click', function (e) { 4656 var btn = e.target.closest('#course-picker .course-card__btn--primary'); 4657 if (!btn) return; 4658 4659 var formBlock = document.getElementById('lead-form'); 4660 if (!formBlock) return; 4661 4662 e.preventDefault(); 4663 4664 var top = formBlock.getBoundingClientRect().top + window.pageYOffset - 20; 4665 4666 window.scrollTo({ 4667 top: top, 4668 behavior: 'smooth' 4669 }); 4670 4671 history.replaceState(null, '', '#lead-form'); 4672 }); 4673})(); 4674</script>
4674 <!-- nominify end --> </div> </div> </div> </div> <div id="rec3096669501" 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 --> <section id="engineer-lessons" class="engineer-lessons"> <div class="engineer-lessons__wrap"> <div class="engineer-lessons__head"> <div class="engineer-lessons__eyebrow"> 4675 Ðак пÑÐ¾Ñ Ð¾Ð´Ð¸Ñ Ð¾Ð±ÑÑение 4676 </div> <h2 class="engineer-lessons__title"> 4677 Ðак пÑÐ¾Ñ Ð¾Ð´ÑÑ Ð·Ð°Ð½ÑÑиÑ<br> 4678 ÑнÑÑ Ð¸Ð½Ð¶ÐµÐ½ÐµÑов? 4679 </h2> <p class="engineer-lessons__subtitle"> 4680 Ðе пÑоÑÑо «поÑидели за компÑÑÑеÑом», а ÑазобÑалиÑÑ, попÑобовали, 4681 ÑобÑали пÑÐ¾ÐµÐºÑ Ð¸ полÑÑили понÑÑнÑй ÑезÑлÑÑаÑ. 4682 </p> </div> <div class="engineer-lessons__grid"> <article class="lesson-card lesson-card--yellow"> <div class="lesson-card__content"> <div class="lesson-card__num">01</div> <h3 class="lesson-card__title"> 4683 ÐалÑе гÑÑÐ¿Ð¿Ñ 4684 </h3> <p class="lesson-card__text"> 4685 РгÑÑппе до 8â10 деÑей, поÑÑÐ¾Ð¼Ñ Ð¿ÐµÐ´Ð°Ð³Ð¾Ð³ Ð²Ð¸Ð´Ð¸Ñ ÐºÐ°Ð¶Ð´Ð¾Ð³Ð¾ ÑÑеника 4686 и ÑÑÐ¿ÐµÐ²Ð°ÐµÑ Ð¿Ð¾Ð¼Ð¾ÑÑ. 4687 </p> </div> <div class="lesson-card__visual lesson-card__visual--team"> <span></span> <span></span> <span></span> </div> </article> <article class="lesson-card lesson-card--purple"> <div class="lesson-card__content"> <div class="lesson-card__num">02</div> <h3 class="lesson-card__title"> 4688 ÐÑакÑика на каждом занÑÑии 4689 </h3> <p class="lesson-card__text"> 4690 ÐеÑи не пÑоÑÑо ÑлÑÑаÑÑ ÑеоÑиÑ, а ÑÑÐ°Ð·Ñ ÑоздаÑÑ: ÑобоÑов, 4691 игÑÑ, 3D-модели, ÑайÑÑ Ð¸ ÑиÑÑовÑе пÑоекÑÑ. 4692 </p> </div> <div class="lesson-card__visual lesson-card__visual--project"> <span class="project-icon__window"></span> <span class="project-icon__code project-icon__code--one"></span> <span class="project-icon__code project-icon__code--two"></span> <span class="project-icon__code project-icon__code--three"></span> </div> </article> <article class="lesson-card lesson-card--white"> <div class="lesson-card__content"> <div class="lesson-card__num">03</div> <h3 class="lesson-card__title"> 4693 СовÑеменнÑе клаÑÑÑ 4694 </h3> <p class="lesson-card__text"> 4695 СвеÑлÑе аÑдиÑоÑии, обоÑÑдование и ÑабоÑÐ°Ñ Ð°ÑмоÑÑеÑа, 4696 в коÑоÑой Ñдобно ÑÑиÑÑÑÑ. 4697 </p> </div> <div class="lesson-card__symbol"> <span>â</span> </div> </article> <article class="lesson-card lesson-card--white"> <div class="lesson-card__content"> <div class="lesson-card__num">04</div> <h3 class="lesson-card__title"> 4698 ÐÑÑеÑÑ Ð´Ð»Ñ ÑодиÑелей 4699 </h3> <p class="lesson-card__text"> 4700 ÐоÑле занÑÑий ÑодиÑели полÑÑаÑÑ ÑоÑо- и видеооÑÑÐµÑ 4701 Ñ ÑезÑлÑÑаÑами Ñебенка. 4702 </p> </div> <div class="lesson-card__visual lesson-card__visual--document"> <div class="document-icon"> <span></span> <span></span> <span></span> </div> </div> </article> <article class="lesson-card lesson-card--soft-yellow"> <div class="lesson-card__content"> <div class="lesson-card__num">05</div> <h3 class="lesson-card__title"> 4703 ÐеÑÐ¾Ð½Ñ Ð·Ð° ÑÑаÑание 4704 </h3> <p class="lesson-card__text"> 4705 ÐеÑи полÑÑаÑÑ ÑпеÑиалÑнÑе жеÑонÑ, копÑÑ Ð¸Ñ Ð¸ обмениваÑÑ 4706 на пÑÐ¸Ð·Ñ â Ñак ÑÑаÑÑÑ Ð´ÐµÐ»Ð°ÑÑ Ð²ÑÐ±Ð¾Ñ Ð¸ ÑпÑавлÑÑÑ Ñвоими 4707 «ÑбеÑежениÑми». 4708 </p> </div> <div class="lesson-card__visual lesson-card__visual--coins"> <span></span> <span></span> <span></span> </div> </article> <article class="lesson-card lesson-card--lavender"> <div class="lesson-card__content"> <div class="lesson-card__num">06</div> <h3 class="lesson-card__title"> 4709 Ðедагог ÑÑдом 4710 </h3> <p class="lesson-card__text"> 4711 ÐÑеподаваÑели помогаÑÑ ÑазобÑаÑÑÑÑ, не делаÑÑ Ð·Ð° Ñебенка 4712 и ведÑÑ Ðº ÑезÑлÑÑаÑÑ. 4713 </p> </div> <div class="lesson-card__visual lesson-card__visual--mentor"> <div class="mentor-icon"> <span class="mentor-icon__head"></span> <span class="mentor-icon__body"></span> <span class="mentor-icon__point"></span> </div> </div> </article> </div> </div> </section> <style> 4714#engineer-lessons { 4715 --el-yellow: #FEE500; 4716 --el-yellow-dark: #E8A000; 4717 --el-orange: #FFB51B; 4718 --el-orange-dark: #E89A00; 4719 --el-black: #171717; 4720 --el-text: #1c1c1c; 4721 --el-muted: #696969; 4722 --el-border: rgba(23, 23, 23, 0.09); 4723 --el-white: #ffffff; 4724 4725 position: relative; 4726 display: block; 4727 width: 100%; 4728 max-width: 100%; 4729 margin: 0; 4730 padding: 64px 24px; 4731 overflow: hidden; 4732 box-sizing: border-box; 4733 background: transparent; 4734 color: var(--el-text); 4735 font-family: "TildaSans", Arial, sans-serif; 4736} 4737 4738#engineer-lessons *, 4739#engineer-lessons *::before, 4740#engineer-lessons *::after { 4741 box-sizing: border-box; 4742} 4743 4744#engineer-lessons .engineer-lessons__wrap { 4745 position: relative; 4746 width: min(1180px, 100%); 4747 max-width: 100%; 4748 min-width: 0; 4749 margin: 0 auto; 4750} 4751 4752/* Ðаголовок */ 4753 4754#engineer-lessons .engineer-lessons__head { 4755 width: 100%; 4756 max-width: 760px; 4757 min-width: 0; 4758 margin-bottom: 44px; 4759} 4760 4761#engineer-lessons .engineer-lessons__eyebrow { 4762 display: inline-flex; 4763 align-items: center; 4764 gap: 9px; 4765 max-width: 100%; 4766 min-height: 34px; 4767 margin-bottom: 17px; 4768 padding: 8px 13px; 4769 border: 1px solid rgba(23, 23, 23, 0.08); 4770 border-radius: 999px; 4771 background: rgba(254, 229, 0, 0.22); 4772 color: var(--el-black); 4773 font-size: 12px; 4774 font-weight: 700; 4775 line-height: 1; 4776 letter-spacing: 0.08em; 4777 text-transform: uppercase; 4778} 4779 4780#engineer-lessons .engineer-lessons__eyebrow::before { 4781 content: ""; 4782 flex: 0 0 auto; 4783 width: 7px; 4784 height: 7px; 4785 border-radius: 50%; 4786 background: var(--el-yellow); 4787 box-shadow: 0 0 0 4px rgba(254, 229, 0, 0.2); 4788} 4789 4790#engineer-lessons .engineer-lessons__title { 4791 width: 100%; 4792 max-width: 750px; 4793 min-width: 0; 4794 margin: 0; 4795 color: var(--el-black); 4796 font-size: 46px; 4797 font-weight: 900; 4798 line-height: 1.05; 4799 letter-spacing: -0.8px; 4800 overflow-wrap: break-word; 4801 word-break: normal; 4802} 4803 4804#engineer-lessons .engineer-lessons__subtitle { 4805 width: 100%; 4806 max-width: 650px; 4807 min-width: 0; 4808 margin: 22px 0 0; 4809 color: var(--el-muted); 4810 font-size: 19px; 4811 font-weight: 400; 4812 line-height: 1.5; 4813 overflow-wrap: break-word; 4814} 4815 4816/* СеÑка */ 4817 4818#engineer-lessons .engineer-lessons__grid { 4819 display: grid; 4820 grid-template-columns: repeat(12, minmax(0, 1fr)); 4821 gap: 20px; 4822 align-items: stretch; 4823 width: 100%; 4824 max-width: 100%; 4825 min-width: 0; 4826} 4827 4828#engineer-lessons .lesson-card:nth-child(1) { 4829 grid-column: span 7; 4830} 4831 4832#engineer-lessons .lesson-card:nth-child(2) { 4833 grid-column: span 5; 4834} 4835 4836#engineer-lessons .lesson-card:nth-child(3) { 4837 grid-column: span 5; 4838} 4839 4840#engineer-lessons .lesson-card:nth-child(4) { 4841 grid-column: span 7; 4842} 4843 4844#engineer-lessons .lesson-card:nth-child(5) { 4845 grid-column: span 7; 4846} 4847 4848#engineer-lessons .lesson-card:nth-child(6) { 4849 grid-column: span 5; 4850} 4851 4852/* ÐаÑÑоÑки */ 4853 4854#engineer-lessons .lesson-card { 4855 position: relative; 4856 isolation: isolate; 4857 display: flex; 4858 flex-direction: column; 4859 justify-content: space-between; 4860 width: 100%; 4861 max-width: 100%; 4862 min-width: 0; 4863 min-height: 310px; 4864 padding: 30px; 4865 overflow: hidden; 4866 border: 1px solid var(--el-border); 4867 border-radius: 26px; 4868 transition: 4869 transform 0.3s ease, 4870 box-shadow 0.3s ease, 4871 border-color 0.3s ease; 4872} 4873 4874#engineer-lessons .lesson-card:hover { 4875 transform: translateY(-5px); 4876 border-color: rgba(23, 23, 23, 0.14); 4877 box-shadow: 0 20px 45px rgba(23, 23, 23, 0.09); 4878} 4879 4880#engineer-lessons .lesson-card::after {
4881 content: ""; 4882 position: absolute; 4883 z-index: -1; 4884 right: -80px; 4885 bottom: -100px; 4886 width: 220px; 4887 height: 220px; 4888 border-radius: 50%; 4889 background: rgba(255, 255, 255, 0.2); 4890 pointer-events: none; 4891} 4892 4893/* ЦвеÑа каÑÑоÑек */ 4894 4895#engineer-lessons .lesson-card--yellow { 4896 border-color: rgba(23, 23, 23, 0.08); 4897 background: 4898 radial-gradient( 4899 circle at 92% 15%, 4900 rgba(255, 255, 255, 0.4), 4901 transparent 30% 4902 ), 4903 linear-gradient(135deg, #fee500 0%, #f6dc00 100%); 4904 color: var(--el-black); 4905} 4906 4907#engineer-lessons .lesson-card--purple { 4908 border-color: transparent; 4909 background: 4910 radial-gradient( 4911 circle at 90% 12%, 4912 rgba(255, 255, 255, 0.14), 4913 transparent 30% 4914 ), 4915 linear-gradient( 4916 145deg, 4917 #242424 0%, 4918 var(--el-black) 100% 4919 ); 4920 color: #ffffff; 4921} 4922 4923#engineer-lessons .lesson-card--white { 4924 background: rgba(255, 255, 255, 0.9); 4925 color: var(--el-black); 4926 backdrop-filter: blur(12px); 4927 -webkit-backdrop-filter: blur(12px); 4928} 4929 4930#engineer-lessons .lesson-card--soft-yellow { 4931 background: 4932 radial-gradient( 4933 circle at 88% 10%, 4934 rgba(254, 229, 0, 0.5), 4935 transparent 38% 4936 ), 4937 linear-gradient(145deg, #fffdf1 0%, #fff7ba 100%); 4938 color: var(--el-black); 4939} 4940 4941#engineer-lessons .lesson-card--lavender { 4942 border-color: rgba(255, 181, 27, 0.18); 4943 background: 4944 radial-gradient( 4945 circle at 90% 12%, 4946 rgba(255, 181, 27, 0.18), 4947 transparent 38% 4948 ), 4949 linear-gradient(145deg, #ffffff 0%, #FFF3CC 100%); 4950 color: var(--el-black); 4951} 4952 4953/* ТекÑÑ ÐºÐ°ÑÑоÑек */ 4954 4955#engineer-lessons .lesson-card__content { 4956 position: relative; 4957 z-index: 2; 4958 width: 100%; 4959 max-width: 76%; 4960 min-width: 0; 4961} 4962 4963#engineer-lessons .lesson-card:nth-child(2) .lesson-card__content, 4964#engineer-lessons .lesson-card:nth-child(3) .lesson-card__content, 4965#engineer-lessons .lesson-card:nth-child(6) .lesson-card__content { 4966 max-width: calc(100% - 145px); 4967} 4968 4969#engineer-lessons .lesson-card__num { 4970 display: inline-flex; 4971 align-items: center; 4972 justify-content: center; 4973 width: 43px; 4974 height: 43px; 4975 margin-bottom: 28px; 4976 border: 1px solid rgba(23, 23, 23, 0.07); 4977 border-radius: 13px; 4978 background: rgba(255, 255, 255, 0.52); 4979 color: inherit; 4980 font-size: 13px; 4981 font-weight: 800; 4982 line-height: 1; 4983} 4984 4985#engineer-lessons .lesson-card--purple .lesson-card__num { 4986 border-color: rgba(255, 255, 255, 0.14); 4987 background: rgba(255, 255, 255, 0.12); 4988} 4989 4990#engineer-lessons .lesson-card--lavender .lesson-card__num { 4991 border-color: rgba(255, 181, 27, 0.16); 4992 background: rgba(255, 181, 27, 0.14); 4993 color: var(--el-orange); 4994} 4995 4996#engineer-lessons .lesson-card__title { 4997 width: 100%; 4998 max-width: 480px; 4999 min-width: 0; 5000 margin: 0 0 13px; 5001 color: inherit; 5002 font-size: clamp(25px, 2.5vw, 32px); 5003 font-weight: 700; 5004 line-height: 1.06; 5005 letter-spacing: -0.025em; 5006 overflow-wrap: break-word; 5007} 5008 5009#engineer-lessons .lesson-card__text { 5010 width: 100%; 5011 max-width: 500px; 5012 min-width: 0; 5013 margin: 0; 5014 color: inherit; 5015 font-size: 16px; 5016 font-weight: 400; 5017 line-height: 1.5; 5018 opacity: 0.74; 5019 overflow-wrap: break-word; 5020} 5021 5022#engineer-lessons .lesson-card--purple .lesson-card__text { 5023 opacity: 0.84; 5024} 5025 5026/* ÐбÑие паÑамеÑÑÑ Ð²Ð¸Ð·Ñалов */ 5027 5028#engineer-lessons .lesson-card__visual { 5029 position: absolute; 5030 z-index: 1; 5031 right: 24px; 5032 bottom: 22px; 5033 pointer-events: none; 5034 transition: transform 0.35s ease; 5035} 5036 5037#engineer-lessons .lesson-card:hover .lesson-card__visual { 5038 transform: translateY(-3px) rotate(-1deg); 5039} 5040 5041/* ÐизÑал â гÑÑппа */ 5042 5043#engineer-lessons .lesson-card__visual--team { 5044 width: 175px; 5045 height: 126px; 5046} 5047 5048#engineer-lessons .lesson-card__visual--team span { 5049 position: absolute; 5050 bottom: 0; 5051 width: 55px; 5052 height: 68px; 5053 border: 1px solid rgba(23, 23, 23, 0.08); 5054 border-radius: 21px 21px 15px 15px; 5055 background: rgba(255, 255, 255, 0.68); 5056 box-shadow: 0 12px 24px rgba(23, 23, 23, 0.09); 5057} 5058 5059#engineer-lessons .lesson-card__visual--team span::before { 5060 content: ""; 5061 position: absolute; 5062 top: -34px; 5063 left: 50%; 5064 width: 43px; 5065 height: 43px; 5066 border-radius: 50%; 5067 background: var(--el-black); 5068 transform: translateX(-50%); 5069} 5070 5071#engineer-lessons .lesson-card__visual--team span:nth-child(1) { 5072 left: 0; 5073 transform: rotate(-5deg); 5074} 5075 5076#engineer-lessons .lesson-card__visual--team span:nth-child(2) { 5077 left: 58px; 5078 bottom: 14px; 5079 z-index: 2; 5080 transform: scale(1.08); 5081} 5082 5083#engineer-lessons .lesson-card__visual--team span:nth-child(3) { 5084 right: 0; 5085 transform: rotate(5deg); 5086} 5087 5088/* ÐизÑал â ÑиÑÑовой пÑÐ¾ÐµÐºÑ */ 5089 5090#engineer-lessons .lesson-card__visual--project {
5091 right: 18px; 5092 bottom: 18px; 5093 width: 138px; 5094 height: 112px; 5095 padding: 22px 20px; 5096 border: 1px solid rgba(255, 255, 255, 0.18); 5097 border-radius: 22px; 5098 background: rgba(255, 255, 255, 0.12); 5099 box-shadow: 0 18px 34px rgba(23, 23, 23, 0.14); 5100 transform: rotate(4deg); 5101 backdrop-filter: blur(12px); 5102 -webkit-backdrop-filter: blur(12px); 5103} 5104 5105#engineer-lessons .project-icon__window { 5106 position: absolute; 5107 top: 14px; 5108 left: 17px; 5109 width: 8px; 5110 height: 8px; 5111 border-radius: 50%; 5112 background: var(--el-yellow); 5113 box-shadow: 5114 15px 0 0 rgba(255, 255, 255, 0.55), 5115 30px 0 0 rgba(255, 255, 255, 0.3); 5116} 5117 5118#engineer-lessons .project-icon__code { 5119 position: absolute; 5120 left: 20px; 5121 height: 7px; 5122 border-radius: 999px; 5123 background: rgba(255, 255, 255, 0.75); 5124} 5125 5126#engineer-lessons .project-icon__code--one { 5127 top: 49px; 5128 width: 84px; 5129} 5130 5131#engineer-lessons .project-icon__code--two { 5132 top: 69px; 5133 width: 108px; 5134 opacity: 0.56; 5135} 5136 5137#engineer-lessons .project-icon__code--three { 5138 top: 89px; 5139 width: 65px; 5140 background: var(--el-yellow); 5141} 5142 5143/* ÐизÑал â докÑÐ¼ÐµÐ½Ñ */ 5144 5145#engineer-lessons .lesson-card__visual--document { 5146 right: 27px; 5147 bottom: 24px; 5148} 5149 5150#engineer-lessons .document-icon { 5151 position: relative; 5152 width: 105px; 5153 height: 130px; 5154 padding: 36px 18px 20px; 5155 border: 1px solid rgba(23, 23, 23, 0.08); 5156 border-radius: 20px; 5157 background: #ffffff; 5158 box-shadow: 0 15px 30px rgba(23, 23, 23, 0.1); 5159 transform: rotate(5deg); 5160} 5161 5162#engineer-lessons .document-icon::before { 5163 content: ""; 5164 position: absolute; 5165 top: 15px; 5166 left: 17px; 5167 width: 22px; 5168 height: 7px; 5169 border-radius: 999px; 5170 background: var(--el-yellow); 5171} 5172 5173#engineer-lessons .document-icon span { 5174 display: block; 5175 height: 7px; 5176 margin-bottom: 11px; 5177 border-radius: 999px; 5178 background: var(--el-black); 5179} 5180 5181#engineer-lessons .document-icon span:nth-child(1) { 5182 width: 62px; 5183} 5184 5185#engineer-lessons .document-icon span:nth-child(2) { 5186 width: 70px; 5187 opacity: 0.4; 5188} 5189 5190#engineer-lessons .document-icon span:nth-child(3) { 5191 width: 43px; 5192 opacity: 0.22; 5193} 5194 5195/* ÐизÑал â жеÑÐ¾Ð½Ñ */ 5196 5197#engineer-lessons .lesson-card__visual--coins { 5198 width: 140px; 5199 height: 125px; 5200} 5201 5202#engineer-lessons .lesson-card__visual--coins span { 5203 position: absolute; 5204 width: 68px; 5205 height: 68px; 5206 border: 1px solid rgba(23, 23, 23, 0.08); 5207 border-radius: 50%; 5208 background: 5209 radial-gradient( 5210 circle at 35% 28%, 5211 #fff9af 0%, 5212 var(--el-yellow) 50%, 5213 #e9c900 100% 5214 ); 5215 box-shadow: 5216 0 14px 25px rgba(23, 23, 23, 0.12), 5217 inset -5px -5px 0 rgba(23, 23, 23, 0.06); 5218} 5219 5220#engineer-lessons .lesson-card__visual--coins span::before { 5221 content: "Ð"; 5222 position: absolute; 5223 inset: 11px; 5224 display: flex; 5225 align-items: center; 5226 justify-content: center; 5227 border: 2px solid rgba(23, 23, 23, 0.18); 5228 border-radius: 50%; 5229 color: var(--el-black); 5230 font-size: 22px; 5231 font-weight: 800; 5232} 5233 5234#engineer-lessons .lesson-card__visual--coins span:nth-child(1) { 5235 left: 0; 5236 bottom: 2px; 5237 transform: rotate(-10deg); 5238} 5239 5240#engineer-lessons .lesson-card__visual--coins span:nth-child(2) { 5241 right: 3px; 5242 bottom: 36px; 5243 transform: rotate(11deg) scale(0.92); 5244} 5245 5246#engineer-lessons .lesson-card__visual--coins span:nth-child(3) { 5247 left: 49px; 5248 bottom: 0; 5249 transform: rotate(4deg) scale(0.74); 5250} 5251 5252/* ÐизÑал â педагог */ 5253 5254#engineer-lessons .lesson-card__visual--mentor { 5255 right: 30px; 5256 bottom: 24px; 5257 width: 130px; 5258 height: 130px; 5259} 5260 5261#engineer-lessons .mentor-icon { 5262 position: relative; 5263 width: 100%; 5264 height: 100%; 5265} 5266 5267#engineer-lessons .mentor-icon__head { 5268 position: absolute; 5269 top: 5px; 5270 left: 42px; 5271 width: 47px; 5272 height: 47px; 5273 border-radius: 50%; 5274 background: var(--el-black); 5275 box-shadow: 0 12px 24px rgba(23, 23, 23, 0.14); 5276} 5277 5278#engineer-lessons .mentor-icon__body { 5279 position: absolute; 5280 left: 25px; 5281 bottom: 3px; 5282 width: 83px; 5283 height: 72px; 5284 border: 1px solid rgba(255, 181, 27, 0.18); 5285 border-radius: 34px 34px 20px 20px; 5286 background: rgba(255, 181, 27, 0.16); 5287} 5288 5289#engineer-lessons .mentor-icon__point { 5290 position: absolute; 5291 right: 0; 5292 top: 60px; 5293 width: 44px; 5294 height: 13px; 5295 border-radius: 999px; 5296 background: var(--el-yellow); 5297 transform: rotate(-18deg); 5298 box-shadow: 0 8px 18px rgba(23, 23, 23, 0.1); 5299} 5300 5301#engineer-lessons .mentor-icon__point::after {
5302 content: ""; 5303 position: absolute; 5304 right: -7px; 5305 top: 1px; 5306 width: 11px; 5307 height: 11px; 5308 border-top: 3px solid var(--el-black); 5309 border-right: 3px solid var(--el-black); 5310 transform: rotate(45deg); 5311} 5312 5313/* ÐекоÑаÑивнÑй Ñимвол */ 5314 5315#engineer-lessons .lesson-card__symbol { 5316 position: absolute; 5317 right: 24px; 5318 bottom: 22px; 5319 display: flex; 5320 align-items: center; 5321 justify-content: center; 5322 width: 58px; 5323 height: 58px; 5324 border: 1px solid rgba(23, 23, 23, 0.08); 5325 border-radius: 18px; 5326 background: rgba(254, 229, 0, 0.82); 5327 color: var(--el-black); 5328 font-size: 24px; 5329 font-weight: 700; 5330 transform: rotate(4deg); 5331} 5332 5333/* ÐнимаÑÐ¸Ñ */ 5334 5335#engineer-lessons .lesson-card { 5336 animation: engineerLessonCardIn 0.65s ease both; 5337} 5338 5339#engineer-lessons .lesson-card:nth-child(2) { 5340 animation-delay: 0.06s; 5341} 5342 5343#engineer-lessons .lesson-card:nth-child(3) { 5344 animation-delay: 0.12s; 5345} 5346 5347#engineer-lessons .lesson-card:nth-child(4) { 5348 animation-delay: 0.18s; 5349} 5350 5351#engineer-lessons .lesson-card:nth-child(5) { 5352 animation-delay: 0.24s; 5353} 5354 5355#engineer-lessons .lesson-card:nth-child(6) { 5356 animation-delay: 0.3s; 5357} 5358 5359@keyframes engineerLessonCardIn { 5360 from { 5361 opacity: 0; 5362 transform: translateY(18px); 5363 } 5364 5365 to { 5366 opacity: 1; 5367 transform: translateY(0); 5368 } 5369} 5370 5371/* ÐланÑÐµÑ */ 5372 5373@media (max-width: 980px) { 5374 #engineer-lessons { 5375 padding: 52px 24px; 5376 } 5377 5378 #engineer-lessons .engineer-lessons__wrap, 5379 #engineer-lessons .engineer-lessons__head, 5380 #engineer-lessons .engineer-lessons__grid { 5381 width: 100%; 5382 max-width: 100%; 5383 min-width: 0; 5384 } 5385 5386 #engineer-lessons .engineer-lessons__grid { 5387 grid-template-columns: repeat(2, minmax(0, 1fr)); 5388 } 5389 5390 #engineer-lessons .lesson-card, 5391 #engineer-lessons .lesson-card:nth-child(1), 5392 #engineer-lessons .lesson-card:nth-child(2), 5393 #engineer-lessons .lesson-card:nth-child(3), 5394 #engineer-lessons .lesson-card:nth-child(4), 5395 #engineer-lessons .lesson-card:nth-child(5), 5396 #engineer-lessons .lesson-card:nth-child(6) { 5397 grid-column: auto; 5398 width: 100%; 5399 max-width: 100%; 5400 min-width: 0; 5401 min-height: 320px; 5402 } 5403 5404 #engineer-lessons .lesson-card__content { 5405 max-width: 84%; 5406 } 5407 5408 #engineer-lessons .lesson-card:nth-child(2) .lesson-card__content, 5409 #engineer-lessons .lesson-card:nth-child(3) .lesson-card__content, 5410 #engineer-lessons .lesson-card:nth-child(6) .lesson-card__content { 5411 max-width: calc(100% - 125px); 5412 } 5413 5414 #engineer-lessons .lesson-card__visual, 5415 #engineer-lessons .lesson-card__symbol { 5416 transform: scale(0.84); 5417 transform-origin: right bottom; 5418 } 5419} 5420 5421/* ÐобилÑÐ½Ð°Ñ Ð²ÐµÑÑÐ¸Ñ */ 5422 5423@media (max-width: 640px) { 5424 #engineer-lessons { 5425 width: 100%; 5426 max-width: 100%; 5427 margin: 0; 5428 padding: 40px 24px; 5429 overflow: hidden; 5430 box-sizing: border-box; 5431 } 5432 5433 #engineer-lessons .engineer-lessons__wrap, 5434 #engineer-lessons .engineer-lessons__head, 5435 #engineer-lessons .engineer-lessons__grid { 5436 width: 100%; 5437 max-width: 100%; 5438 min-width: 0; 5439 } 5440 5441 #engineer-lessons .engineer-lessons__wrap { 5442 margin: 0 auto; 5443 } 5444 5445 #engineer-lessons .engineer-lessons__head { 5446 margin-bottom: 26px; 5447 } 5448 5449 #engineer-lessons .engineer-lessons__eyebrow { 5450 max-width: 100%; 5451 margin-bottom: 14px; 5452 padding: 7px 12px; 5453 font-size: 11px; 5454 } 5455 5456 #engineer-lessons .engineer-lessons__title { 5457 width: 100%; 5458 max-width: 100%; 5459 min-width: 0; 5460 margin: 0; 5461 font-size: clamp(27px, 7.45vw, 30px); 5462 font-weight: 900; 5463 line-height: 1.05; 5464 letter-spacing: -0.03em; 5465 overflow-wrap: break-word; 5466 word-break: normal; 5467 } 5468 5469 #engineer-lessons .engineer-lessons__title br { 5470 display: none; 5471 } 5472 5473 #engineer-lessons .engineer-lessons__subtitle { 5474 width: 100%; 5475 max-width: 100%; 5476 min-width: 0; 5477 margin-top: 16px; 5478 font-size: 16px; 5479 line-height: 1.45; 5480 overflow-wrap: break-word; 5481 } 5482 5483 #engineer-lessons .engineer-lessons__grid { 5484 grid-template-columns: minmax(0, 1fr); 5485 gap: 14px; 5486 } 5487 5488 #engineer-lessons .lesson-card, 5489 #engineer-lessons .lesson-card:nth-child(1), 5490 #engineer-lessons .lesson-card:nth-child(2), 5491 #engineer-lessons .lesson-card:nth-child(3), 5492 #engineer-lessons .lesson-card:nth-child(4), 5493 #engineer-lessons .lesson-card:nth-child(5), 5494 #engineer-lessons .lesson-card:nth-child(6) { 5495 grid-column: 1; 5496 width: 100%; 5497 max-width: 100%; 5498 min-width: 0; 5499 min-height: 275px; 5500 padding: 25px; 5501 border-radius: 22px; 5502 } 5503 5504 #engineer-lessons .lesson-card__content, 5505 #engineer-lessons .lesson-card:nth-child(2) .lesson-card__content, 5506 #engineer-lessons .lesson-card:nth-child(3) .lesson-card__content, 5507 #engineer-lessons .lesson-card:nth-child(6) .lesson-card__content { 5508 width: 100%; 5509 max-width: 82%; 5510 min-width: 0; 5511 } 5512 5513 #engineer-lessons .lesson-card__num { 5514 width: 39px; 5515 height: 39px; 5516 margin-bottom: 23px; 5517 border-radius: 12px; 5518 font-size: 12px; 5519 } 5520 5521 #engineer-lessons .lesson-card__title { 5522 width: 100%; 5523 max-width: 290px; 5524 min-width: 0; 5525 margin-bottom: 11px; 5526 font-size: 26px; 5527 overflow-wrap: break-word; 5528 } 5529 5530 #engineer-lessons .lesson-card__text { 5531 width: 100%; 5532 max-width: 300px; 5533 min-width: 0; 5534 font-size: 15px; 5535 line-height: 1.48; 5536 overflow-wrap: break-word; 5537 } 5538 5539 #engineer-lessons .lesson-card__visual { 5540 right: 13px; 5541 bottom: 13px; 5542 opacity: 0.62; 5543 transform: scale(0.67); 5544 transform-origin: right bottom; 5545 } 5546 5547 #engineer-lessons .lesson-card__symbol { 5548 right: 19px; 5549 bottom: 17px; 5550 width: 50px; 5551 height: 50px; 5552 border-radius: 15px; 5553 font-size: 21px; 5554 } 5555} 5556 5557/* Узкие мобилÑнÑе ÑÑÑÑойÑÑва */ 5558 5559@media (max-width: 420px) { 5560 #engineer-lessons { 5561 padding: 40px 20px; 5562 } 5563 5564 #engineer-lessons .engineer-lessons__title { 5565 font-size: clamp(26px, 7.25vw, 29px); 5566 line-height: 1.05; 5567 } 5568 5569 #engineer-lessons .lesson-card,
5570 #engineer-lessons .lesson-card:nth-child(1), 5571 #engineer-lessons .lesson-card:nth-child(2), 5572 #engineer-lessons .lesson-card:nth-child(3), 5573 #engineer-lessons .lesson-card:nth-child(4), 5574 #engineer-lessons .lesson-card:nth-child(5), 5575 #engineer-lessons .lesson-card:nth-child(6) { 5576 min-height: 290px; 5577 padding: 22px; 5578 } 5579 5580 #engineer-lessons .lesson-card__content, 5581 #engineer-lessons .lesson-card:nth-child(2) .lesson-card__content, 5582 #engineer-lessons .lesson-card:nth-child(3) .lesson-card__content, 5583 #engineer-lessons .lesson-card:nth-child(6) .lesson-card__content { 5584 max-width: 94%; 5585 } 5586 5587 #engineer-lessons .lesson-card__visual { 5588 opacity: 0.4; 5589 } 5590} 5591 5592/* ÐÑклÑÑение анимаÑий */ 5593 5594@media (prefers-reduced-motion: reduce) { 5595 #engineer-lessons .lesson-card { 5596 animation: none; 5597 transition: none; 5598 } 5599 5600 #engineer-lessons .lesson-card__visual { 5601 transition: none; 5602 } 5603} 5604</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3096670801" class="r t-rec" style=" " data-record-type="215"> <a name="schedule" style="font-size:0;"></a> </div> <div id="rec3096671101" 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 --> <section id="year-schedule" class="year-schedule"> <div class="year-schedule__wrap"> <div class="year-schedule__head"> <div class="year-schedule__eyebrow">Ð ÐСÐÐСÐÐÐÐ 2026â2027</div> <h2 class="year-schedule__title">РаÑпиÑание занÑÑий</h2> <div class="year-schedule__subtitle">ÐÑбеÑиÑе Ñилиал, возÑаÑÑ Ñебенка и ÑдобнÑй денÑ.</div> </div> <div class="year-schedule__controls"> <div class="filter-block"> <div class="filter-block__label">Филиал</div> <div class="year-schedule__tabs" id="branchTabs"></div> </div> <div class="filter-block filter-block--age"> <div class="filter-block__label">ÐозÑаÑÑ Ñебенка</div> <div class="year-schedule__age-tabs" id="ageTabs" aria-label="ФилÑÑÑ Ð¿Ð¾ возÑаÑÑÑ"> <button class="year-schedule__age-tab is-active" type="button" data-age="all">ÐÑе</button> <button class="year-schedule__age-tab" type="button" data-age="доÑколÑники">ÐоÑколÑники</button> <button class="year-schedule__age-tab" type="button" data-age="1-4 клаÑÑ">1â4 клаÑÑ</button> <button class="year-schedule__age-tab" type="button" data-age="5-8 клаÑÑ">5â8 клаÑÑ</button> <button class="year-schedule__age-tab" type="button" data-age="9-11 клаÑÑ">9â11 клаÑÑ</button> </div> </div> <div class="filter-block filter-block--day"> <div class="filter-block__label">ÐÐµÐ½Ñ Ð½ÐµÐ´ÐµÐ»Ð¸</div> <div class="year-schedule__day-tabs" id="dayTabs" aria-label="ФилÑÑÑ Ð¿Ð¾ днÑм"> <button class="year-schedule__day-tab is-active" type="button" data-day="all">ÐÑе дни</button> <button class="year-schedule__day-tab" type="button" data-day="ÐонеделÑник">Ðн</button> <button class="year-schedule__day-tab" type="button" data-day="ÐÑоÑник">ÐÑ</button> <button class="year-schedule__day-tab" type="button" data-day="СÑеда">СÑ</button> <button class="year-schedule__day-tab" type="button" data-day="ЧеÑвеÑг">ЧÑ</button> <button class="year-schedule__day-tab" type="button" data-day="ÐÑÑниÑа">ÐÑ</button> <button class="year-schedule__day-tab" type="button" data-day="СÑббоÑа">Сб</button> <button class="year-schedule__day-tab" type="button" data-day="ÐоÑкÑеÑенÑе">ÐÑ</button> </div> </div> </div> <div class="year-schedule__content" id="scheduleContent"></div> </div> </section> <style> 5605/* ===================================================== 5606 Ð ÐСÐÐСÐÐÐÐ 2026â2027 5607 HTML, даннÑе и JavaScript не менÑÑÑÑÑ 5608===================================================== */ 5609 5610#year-schedule { 5611 --schedule-yellow: #fee500; 5612 --schedule-purple: #7e4bff; 5613 --schedule-purple-dark: #6737e9; 5614 --schedule-black: #171717; 5615 --schedule-text: #1c1c1c; 5616 --schedule-muted: #696969; 5617 --schedule-border: rgba(23, 23, 23, 0.09); 5618 --schedule-white: #ffffff; 5619 5620 position: relative; 5621 display: block; 5622 width: 100%; 5623 max-width: 100%; 5624 margin: 0; 5625 padding: 64px 24px; 5626 overflow: hidden; 5627 box-sizing: border-box; 5628 background: transparent; 5629 color: var(--schedule-text); 5630 font-family: "TildaSans", Arial, sans-serif; 5631} 5632 5633#year-schedule *, 5634#year-schedule *::before, 5635#year-schedule *::after { 5636 box-sizing: border-box; 5637 font-family: "TildaSans", Arial, sans-serif; 5638} 5639 5640#year-schedule button { 5641 font: inherit; 5642} 5643
5644/* ===================================================== 5645 ÐÐÐТÐÐÐÐÐ 5646===================================================== */ 5647 5648#year-schedule .year-schedule__wrap { 5649 position: relative; 5650 width: min(1180px, 100%); 5651 max-width: 100%; 5652 min-width: 0; 5653 margin: 0 auto; 5654} 5655 5656/* ===================================================== 5657 ÐÐÐÐÐÐÐÐÐ 5658===================================================== */ 5659 5660#year-schedule .year-schedule__head { 5661 width: 100%; 5662 max-width: 900px; 5663 min-width: 0; 5664 margin-bottom: 44px; 5665 animation: scheduleHeadIn 0.65s ease both; 5666} 5667 5668#year-schedule .year-schedule__eyebrow { 5669 display: inline-flex; 5670 align-items: center; 5671 gap: 9px; 5672 min-height: 34px; 5673 margin-bottom: 17px; 5674 padding: 8px 13px; 5675 border: 1px solid var(--schedule-border); 5676 border-radius: 999px; 5677 background: rgba(254, 229, 0, 0.22); 5678 color: var(--schedule-black); 5679 font-size: 12px; 5680 font-weight: 700; 5681 line-height: 1; 5682 letter-spacing: 0.08em; 5683 text-transform: uppercase; 5684} 5685 5686#year-schedule .year-schedule__eyebrow::before { 5687 content: ""; 5688 flex: 0 0 auto; 5689 width: 7px; 5690 height: 7px; 5691 border-radius: 50%; 5692 background: var(--schedule-yellow); 5693 box-shadow: 0 0 0 4px rgba(254, 229, 0, 0.2); 5694} 5695 5696#year-schedule .year-schedule__title { 5697 width: 100%; 5698 max-width: 880px; 5699 min-width: 0; 5700 margin: 0; 5701 color: var(--schedule-black); 5702 font-size: 46px; 5703 font-weight: 900; 5704 line-height: 0.95; 5705 letter-spacing: -0.8px; 5706 overflow-wrap: break-word; 5707 word-break: normal; 5708} 5709 5710#year-schedule .year-schedule__subtitle { 5711 width: 100%; 5712 max-width: 850px; 5713 min-width: 0; 5714 margin-top: 22px; 5715 color: var(--schedule-muted); 5716 font-size: 19px; 5717 font-weight: 400; 5718 line-height: 1.5; 5719 overflow-wrap: break-word; 5720} 5721 5722/* ===================================================== 5723 ÐÐÐÐÐЬ ФÐÐЬТРÐÐ 5724===================================================== */ 5725 5726#year-schedule .year-schedule__controls { 5727 display: grid; 5728 grid-template-columns: 5729 minmax(230px, 0.9fr) 5730 minmax(350px, 1.35fr) 5731 minmax(420px, 1.65fr); 5732 gap: 16px; 5733 align-items: end; 5734 width: 100%; 5735 max-width: 100%; 5736 min-width: 0; 5737 margin-bottom: 24px; 5738 animation: scheduleFadeUp 0.55s ease 0.08s both; 5739} 5740 5741#year-schedule:not(.is-branch-selected) .year-schedule__controls { 5742 grid-template-columns: minmax(0, 1fr); 5743} 5744 5745#year-schedule:not(.is-branch-selected) .filter-block--age, 5746#year-schedule:not(.is-branch-selected) .filter-block--day, 5747#year-schedule:not(.is-branch-selected) .year-schedule__content { 5748 display: none; 5749} 5750 5751#year-schedule.is-branch-selected .filter-block--age, 5752#year-schedule.is-branch-selected .filter-block--day, 5753#year-schedule.is-branch-selected .year-schedule__content { 5754 animation: scheduleFadeUp 0.4s ease both; 5755} 5756 5757#year-schedule .filter-block { 5758 min-width: 0; 5759} 5760 5761#year-schedule .filter-block__label { 5762 margin: 0 0 9px; 5763 color: rgba(23, 23, 23, 0.52); 5764 font-size: 11px; 5765 font-weight: 700; 5766 line-height: 1; 5767 letter-spacing: 0.08em; 5768 text-transform: uppercase; 5769} 5770 5771#year-schedule .year-schedule__tabs, 5772#year-schedule .year-schedule__age-tabs, 5773#year-schedule .year-schedule__day-tabs { 5774 display: flex; 5775 flex-wrap: wrap; 5776 gap: 8px; 5777} 5778 5779/* ===================================================== 5780 ÐÐÐÐÐРФÐÐЬТРÐÐ 5781===================================================== */ 5782 5783#year-schedule .year-schedule__tab, 5784#year-schedule .year-schedule__age-tab, 5785#year-schedule .year-schedule__day-tab { 5786 position: relative; 5787 min-height: 42px; 5788 padding: 10px 15px; 5789 overflow: hidden; 5790 border: 1px solid var(--schedule-border); 5791 border-radius: 13px; 5792 outline: none; 5793 background: rgba(255, 255, 255, 0.82); 5794 color: var(--schedule-muted); 5795 font-size: 13px; 5796 font-weight: 600; 5797 line-height: 1.1; 5798 cursor: pointer; 5799 box-shadow: none; 5800 transition: 5801 transform 0.25s ease, 5802 border-color 0.25s ease, 5803 background-color 0.25s ease, 5804 color 0.25s ease, 5805 box-shadow 0.25s ease; 5806} 5807 5808#year-schedule .year-schedule__tab:hover, 5809#year-schedule .year-schedule__age-tab:hover, 5810#year-schedule .year-schedule__day-tab:hover { 5811 transform: translateY(-2px); 5812 border-color: rgba(23, 23, 23, 0.16); 5813 box-shadow: 0 10px 24px rgba(23, 23, 23, 0.07); 5814} 5815 5816#year-schedule .year-schedule__tab:focus-visible, 5817#year-schedule .year-schedule__age-tab:focus-visible, 5818#year-schedule .year-schedule__day-tab:focus-visible { 5819 box-shadow: 0 0 0 4px rgba(126, 75, 255, 0.1); 5820} 5821
5822#year-schedule .year-schedule__tab.is-active { 5823 border-color: var(--schedule-black); 5824 background: var(--schedule-black); 5825 color: #ffffff; 5826 box-shadow: 0 10px 24px rgba(23, 23, 23, 0.12); 5827} 5828 5829#year-schedule .year-schedule__age-tab.is-active { 5830 border-color: rgba(254, 229, 0, 0.86); 5831 background: var(--schedule-yellow); 5832 color: var(--schedule-black); 5833 box-shadow: 0 10px 24px rgba(254, 229, 0, 0.2); 5834} 5835 5836#year-schedule .year-schedule__day-tab.is-active { 5837 border-color: var(--schedule-purple); 5838 background: var(--schedule-purple); 5839 color: #ffffff; 5840 box-shadow: 0 10px 24px rgba(126, 75, 255, 0.16); 5841} 5842 5843/* ===================================================== 5844 ÐÐÐСÐÐÐÐÐ ÐÐ ÐÐÐÐÐÐÐ 5845===================================================== */ 5846 5847#year-schedule .year-schedule__quick-help { 5848 display: flex; 5849 align-items: center; 5850 flex-wrap: wrap; 5851 gap: 8px; 5852 margin: 0 0 24px; 5853 color: var(--schedule-muted); 5854 font-size: 13px; 5855 font-weight: 500; 5856 line-height: 1.4; 5857 animation: scheduleFadeUp 0.45s ease both; 5858} 5859 5860#year-schedule .quick-help__text { 5861 margin-right: 3px; 5862} 5863 5864/* ===================================================== 5865 СÐТÐÐ ÐÐÐÐ 5866===================================================== */ 5867 5868#year-schedule .year-schedule__content { 5869 width: 100%; 5870 max-width: 100%; 5871 min-width: 0; 5872 animation: scheduleFadeUp 0.4s ease both; 5873} 5874 5875#year-schedule .year-schedule__content.is-changing { 5876 animation: scheduleRefresh 0.28s ease both; 5877} 5878 5879#year-schedule .year-schedule__grid { 5880 display: grid; 5881 grid-template-columns: repeat(2, minmax(0, 1fr)); 5882 gap: 20px; 5883 align-items: start; 5884 width: 100%; 5885 max-width: 100%; 5886 min-width: 0; 5887} 5888 5889/* ===================================================== 5890 ÐÐРТÐЧÐÐ ÐÐЯ 5891===================================================== */ 5892 5893#year-schedule .day-card { 5894 position: relative; 5895 min-width: 0; 5896 padding: 24px; 5897 overflow: hidden; 5898 border: 1px solid var(--schedule-border); 5899 border-radius: 26px; 5900 background: rgba(255, 255, 255, 0.88); 5901 box-shadow: 0 16px 38px rgba(23, 23, 23, 0.06); 5902 backdrop-filter: blur(12px); 5903 -webkit-backdrop-filter: blur(12px); 5904 animation: dayCardIn 0.48s ease both; 5905 transition: 5906 transform 0.28s ease, 5907 box-shadow 0.28s ease, 5908 border-color 0.28s ease; 5909} 5910 5911#year-schedule .day-card:hover { 5912 transform: translateY(-4px); 5913 border-color: rgba(126, 75, 255, 0.16); 5914 box-shadow: 0 22px 50px rgba(23, 23, 23, 0.09); 5915} 5916 5917#year-schedule .day-card__top { 5918 display: flex; 5919 align-items: center; 5920 justify-content: space-between; 5921 gap: 14px; 5922 margin-bottom: 18px; 5923} 5924 5925#year-schedule .day-card__name { 5926 color: var(--schedule-black); 5927 font-size: 25px; 5928 font-weight: 700; 5929 line-height: 1.1; 5930 letter-spacing: -0.025em; 5931} 5932 5933#year-schedule .day-card__count { 5934 flex: 0 0 auto; 5935 padding: 7px 11px; 5936 border: 1px solid rgba(29, 141, 71, 0.1); 5937 border-radius: 999px; 5938 background: rgba(29, 141, 71, 0.09); 5939 color: #18783e; 5940 font-size: 10px; 5941 font-weight: 700; 5942 line-height: 1; 5943 letter-spacing: 0.06em; 5944 text-transform: uppercase; 5945 white-space: nowrap; 5946} 5947 5948/* ===================================================== 5949 ÐÐ ÐÐÐÐÐÐÐ ÐÐÐÐ 5950===================================================== */ 5951 5952#year-schedule .time-block { 5953 margin-top: 12px; 5954 padding: 14px; 5955 border: 1px solid rgba(23, 23, 23, 0.07); 5956 border-radius: 19px; 5957 background: rgba(248, 247, 244, 0.82); 5958 animation: scheduleFadeUp 0.34s ease both; 5959 transition: 5960 transform 0.24s ease, 5961 border-color 0.24s ease, 5962 background-color 0.24s ease; 5963} 5964 5965#year-schedule .time-block:hover { 5966 transform: translateY(-2px); 5967 border-color: rgba(254, 229, 0, 0.42); 5968 background: rgba(255, 253, 241, 0.96); 5969} 5970 5971#year-schedule .time-block__head { 5972 display: flex; 5973 align-items: center; 5974 justify-content: space-between; 5975 gap: 10px; 5976 margin-bottom: 10px; 5977} 5978 5979#year-schedule .time-block__time { 5980 display: inline-flex; 5981 align-items: center; 5982 min-height: 33px; 5983 padding: 8px 11px; 5984 border-radius: 11px; 5985 background: var(--schedule-yellow); 5986 color: var(--schedule-black); 5987 font-size: 13px; 5988 font-weight: 700; 5989 line-height: 1; 5990 white-space: nowrap; 5991} 5992 5993#year-schedule .time-block__hint { 5994 color: rgba(23, 23, 23, 0.42); 5995 font-size: 10px; 5996 font-weight: 700; 5997 line-height: 1; 5998 letter-spacing: 0.07em; 5999 text-transform: uppercase; 6000} 6001 6002/* ===================================================== 6003 ÐÐÐÐÐ ÐТÐÐ ÐÐ 6004===================================================== */ 6005 6006#year-schedule .time-block__labs { 6007 display: grid; 6008 grid-template-columns: repeat(2, minmax(0, 1fr)); 6009 gap: 10px; 6010} 6011 6012#year-schedule .time-block__labs--single { 6013 grid-template-columns: minmax(0, 1fr); 6014} 6015 6016#year-schedule .time-block__labs--single .lab-slot__title { 6017 display: none; 6018} 6019 6020#year-schedule .lab-slot { 6021 min-width: 0; 6022} 6023 6024#year-schedule .lab-slot__title { 6025 margin: 0 0 7px; 6026 color: rgba(23, 23, 23, 0.48); 6027 font-size: 10px; 6028 font-weight: 700; 6029 line-height: 1; 6030 letter-spacing: 0.06em; 6031 text-transform: uppercase; 6032} 6033 6034/* ===================================================== 6035 ÐÐÐЯТÐÐ 6036===================================================== */ 6037 6038#year-schedule .lesson { 6039 display: block; 6040 min-width: 0; 6041} 6042 6043#year-schedule .lesson__info { 6044 position: relative; 6045 min-height: 100%; 6046 padding: 18px 13px 12px; 6047 border: 1px solid rgba(23, 23, 23, 0.05); 6048 border-radius: 15px; 6049 animation: lessonPop 0.32s ease both; 6050 transition: 6051 transform 0.22s ease, 6052 box-shadow 0.22s ease, 6053 filter 0.22s ease; 6054} 6055 6056#year-schedule .lesson__info:hover { 6057 transform: translateY(-3px); 6058 box-shadow: 0 12px 28px rgba(23, 23, 23, 0.08);
6059 filter: saturate(1.03); 6060} 6061 6062#year-schedule .lesson__title { 6063 max-width: 100%; 6064 color: var(--schedule-black); 6065 font-size: 13px; 6066 font-weight: 700; 6067 line-height: 1.3; 6068 overflow-wrap: anywhere; 6069} 6070 6071/* ===================================================== 6072 ЦÐÐТРÐÐÐÐ ÐÐÐÐÐÐÐ 6073===================================================== */ 6074 6075#year-schedule .lesson--code { 6076 background: #dbeeff; 6077} 6078 6079#year-schedule .lesson--robot { 6080 background: #ffe1d7; 6081} 6082 6083#year-schedule .lesson--threed { 6084 background: #fff3bf; 6085} 6086 6087#year-schedule .lesson--design { 6088 background: #f1e5f5; 6089} 6090 6091#year-schedule .lesson--game { 6092 background: #e2f1d1; 6093} 6094 6095#year-schedule .lesson--literacy { 6096 background: #ececec; 6097} 6098 6099#year-schedule .lesson--other { 6100 background: #f3f3f3; 6101} 6102 6103/* ===================================================== 6104 ÐÐÐÐÐÐ 6105===================================================== */ 6106 6107#year-schedule .lesson__badges { 6108 display: flex; 6109 flex-wrap: wrap; 6110 gap: 6px; 6111 margin-top: 9px; 6112} 6113 6114#year-schedule .lesson__badge { 6115 position: relative; 6116 display: inline-flex; 6117 align-items: center; 6118 width: max-content; 6119 padding: 6px 8px; 6120 border-radius: 999px; 6121 font-size: 9px; 6122 font-weight: 700; 6123 line-height: 1; 6124 letter-spacing: 0.06em; 6125 text-transform: uppercase; 6126 transition: transform 0.2s ease; 6127} 6128 6129#year-schedule .lesson__badge:hover { 6130 transform: translateY(-1px); 6131} 6132 6133#year-schedule .lesson__badge--hit { 6134 background: var(--schedule-yellow); 6135 color: var(--schedule-black); 6136} 6137 6138#year-schedule .lesson__badge--start { 6139 background: #ddf8e3; 6140 color: #0f7a3c; 6141} 6142 6143#year-schedule .lesson__badge--advanced { 6144 background: #eee5ff; 6145 color: #6436df; 6146} 6147 6148#year-schedule .lesson__badge--new { 6149 background: #eef5ff; 6150 color: #195ab0; 6151} 6152 6153/* ===================================================== 6154 СТÐÐÐРЫ Ð¥ÐТ / ÐÐÐÐÐÐÐ 6155===================================================== */ 6156 6157#year-schedule .lesson__stickers { 6158 position: absolute; 6159 z-index: 4; 6160 top: -10px; 6161 right: 9px; 6162 display: flex; 6163 align-items: center; 6164 gap: 5px; 6165 pointer-events: none; 6166} 6167 6168#year-schedule .lesson__sticker { 6169 position: relative; 6170 display: inline-flex; 6171 align-items: center; 6172 justify-content: center; 6173 min-width: 52px; 6174 height: 25px; 6175 padding: 0 9px; 6176 border: 2px solid rgba(255, 255, 255, 0.96); 6177 border-radius: 999px; 6178 font-size: 9px; 6179 font-weight: 700; 6180 line-height: 1; 6181 letter-spacing: 0.07em; 6182 text-transform: uppercase; 6183 box-shadow: 0 7px 16px rgba(23, 23, 23, 0.13); 6184 transform: rotate(3deg); 6185 animation: stickerDrop 0.4s ease both; 6186} 6187 6188#year-schedule .lesson__stickers .lesson__sticker:nth-child(2) { 6189 transform: rotate(-3deg); 6190 animation-delay: 0.05s; 6191} 6192 6193#year-schedule .lesson__sticker--hit { 6194 background: var(--schedule-yellow); 6195 color: var(--schedule-black); 6196} 6197 6198#year-schedule .lesson__sticker--new { 6199 background: #2f6fff; 6200 color: #ffffff; 6201} 6202 6203#year-schedule .lesson__sticker::before, 6204#year-schedule .lesson__sticker::after { 6205 content: none !important; 6206 display: none !important; 6207} 6208 6209/* ===================================================== 6210 ТРÐÐÐÐÐÐÐЯ 6211===================================================== */ 6212 6213#year-schedule .lesson__requirement { 6214 display: flex; 6215 align-items: center; 6216 gap: 5px; 6217 margin-top: 9px; 6218 padding: 7px 9px; 6219 border: 1px solid rgba(47, 111, 255, 0.08); 6220 border-radius: 10px; 6221 background: rgba(255, 255, 255, 0.68); 6222 color: #2f6fff; 6223 font-size: 10px; 6224 font-weight: 700; 6225 line-height: 1.3; 6226} 6227 6228/* ===================================================== 6229 TOOLTIP 6230===================================================== */ 6231 6232#year-schedule .has-tooltip, 6233#year-schedule .lesson__badge { 6234 position: relative; 6235} 6236 6237#year-schedule .has-tooltip::after, 6238#year-schedule .lesson__badge::after { 6239 content: attr(data-tooltip); 6240 position: absolute; 6241 z-index: 20; 6242 left: 50%; 6243 bottom: calc(100% + 10px); 6244 width: max-content; 6245 max-width: 230px; 6246 padding: 9px 11px; 6247 border-radius: 10px; 6248 background: var(--schedule-black); 6249 color: #ffffff; 6250 font-size: 11px; 6251 font-weight: 600; 6252 line-height: 1.35; 6253 letter-spacing: 0; 6254 text-transform: none; 6255 opacity: 0; 6256 pointer-events: none; 6257 box-shadow: 0 12px 28px rgba(23, 23, 23, 0.18); 6258 transform: translate(-50%, 6px); 6259 transition: 6260 opacity 0.2s ease, 6261 transform 0.2s ease; 6262} 6263 6264#year-schedule .has-tooltip::before, 6265#year-schedule .lesson__badge::before { 6266 content: ""; 6267 position: absolute; 6268 z-index: 19; 6269 left: 50%; 6270 bottom: calc(100% + 5px); 6271 width: 9px; 6272 height: 9px; 6273 background: var(--schedule-black); 6274 opacity: 0; 6275 pointer-events: none; 6276 transform: translate(-50%, 6px) rotate(45deg); 6277 transition: 6278 opacity 0.2s ease, 6279 transform 0.2s ease; 6280} 6281 6282#year-schedule .has-tooltip:hover::after, 6283#year-schedule .has-tooltip:hover::before, 6284#year-schedule .lesson__badge:hover::after, 6285#year-schedule .lesson__badge:hover::before { 6286 opacity: 1; 6287 transform: translate(-50%, 0); 6288} 6289 6290/* ===================================================== 6291 ÐУСТЫРСÐСТÐЯÐÐЯ 6292===================================================== */ 6293 6294#year-schedule .lesson--empty { 6295 display: flex; 6296 align-items: center; 6297 justify-content: center; 6298 min-height: 76px; 6299 padding: 12px; 6300 border: 1px dashed rgba(23, 23, 23, 0.11); 6301 border-radius: 15px; 6302 background: rgba(23, 23, 23, 0.03); 6303 color: rgba(23, 23, 23, 0.38); 6304 font-size: 12px; 6305 font-weight: 600; 6306 text-align: center; 6307} 6308 6309#year-schedule .year-schedule__empty { 6310 padding: 26px; 6311 border: 1px dashed rgba(23, 23, 23, 0.14); 6312 border-radius: 22px; 6313 background: rgba(255, 255, 255, 0.86); 6314 color: var(--schedule-muted); 6315 font-size: 15px; 6316 font-weight: 600; 6317 line-height: 1.45; 6318} 6319 6320#year-schedule .empty-room { 6321 padding: 8px 0 2px; 6322 color: rgba(23, 23, 23, 0.4); 6323 font-size: 13px; 6324 font-weight: 600; 6325} 6326
6327#year-schedule .is-hidden { 6328 display: none !important; 6329} 6330 6331/* ===================================================== 6332 ÐÐÐÐÐЦÐÐ 6333===================================================== */ 6334 6335@keyframes scheduleHeadIn { 6336 from { 6337 opacity: 0; 6338 transform: translateY(18px); 6339 } 6340 6341 to { 6342 opacity: 1; 6343 transform: translateY(0); 6344 } 6345} 6346 6347@keyframes scheduleFadeUp { 6348 from { 6349 opacity: 0; 6350 transform: translateY(12px); 6351 } 6352 6353 to { 6354 opacity: 1; 6355 transform: translateY(0); 6356 } 6357} 6358 6359@keyframes dayCardIn { 6360 from { 6361 opacity: 0; 6362 transform: translateY(16px); 6363 } 6364 6365 to { 6366 opacity: 1; 6367 transform: translateY(0); 6368 } 6369} 6370 6371@keyframes lessonPop { 6372 from { 6373 opacity: 0; 6374 transform: translateY(6px); 6375 } 6376 6377 to { 6378 opacity: 1; 6379 transform: translateY(0); 6380 } 6381} 6382 6383@keyframes stickerDrop { 6384 from { 6385 opacity: 0; 6386 transform: translateY(-7px) scale(0.9); 6387 } 6388 6389 to { 6390 opacity: 1; 6391 } 6392} 6393 6394@keyframes scheduleRefresh { 6395 from { 6396 opacity: 0.45; 6397 transform: translateY(5px); 6398 } 6399 6400 to { 6401 opacity: 1; 6402 transform: translateY(0); 6403 } 6404} 6405 6406/* ===================================================== 6407 ÐÐÐÐШÐТ 6408===================================================== */ 6409 6410@media (max-width: 1060px) { 6411 #year-schedule .year-schedule__controls { 6412 grid-template-columns: 1fr; 6413 align-items: start; 6414 } 6415 6416 #year-schedule .year-schedule__tabs, 6417 #year-schedule .year-schedule__age-tabs, 6418 #year-schedule .year-schedule__day-tabs { 6419 width: 100%; 6420 } 6421} 6422 6423@media (max-width: 900px) { 6424 #year-schedule { 6425 padding: 52px 24px; 6426 } 6427 6428 #year-schedule .year-schedule__wrap, 6429 #year-schedule .year-schedule__head, 6430 #year-schedule .year-schedule__controls, 6431 #year-schedule .year-schedule__content, 6432 #year-schedule .year-schedule__grid { 6433 width: 100%; 6434 max-width: 100%; 6435 min-width: 0; 6436 } 6437 6438 #year-schedule .year-schedule__grid { 6439 grid-template-columns: minmax(0, 1fr); 6440 } 6441} 6442 6443/* ===================================================== 6444 ÐÐÐÐÐЬÐЫР6445===================================================== */ 6446 6447@media (max-width: 640px) { 6448 #year-schedule { 6449 width: 100%; 6450 max-width: 100%; 6451 margin: 0; 6452 padding: 40px 24px; 6453 overflow: hidden; 6454 box-sizing: border-box; 6455 } 6456 6457 #year-schedule .year-schedule__wrap, 6458 #year-schedule .year-schedule__head, 6459 #year-schedule .year-schedule__controls, 6460 #year-schedule .year-schedule__content, 6461 #year-schedule .year-schedule__grid { 6462 width: 100%; 6463 max-width: 100%; 6464 min-width: 0; 6465 } 6466 6467 #year-schedule .year-schedule__head { 6468 margin-bottom: 26px; 6469 } 6470 6471 #year-schedule .year-schedule__eyebrow { 6472 margin-bottom: 14px; 6473 padding: 7px 12px; 6474 font-size: 11px; 6475 } 6476 6477 #year-schedule .year-schedule__title { 6478 width: 100%; 6479 max-width: 100%; 6480 min-width: 0; 6481 margin: 0; 6482 font-size: clamp(27px, 7.45vw, 30px); 6483 font-weight: 900; 6484 line-height: 1.02; 6485 letter-spacing: -0.03em; 6486 overflow-wrap: break-word; 6487 word-break: normal; 6488 } 6489 6490 #year-schedule .year-schedule__subtitle { 6491 width: 100%; 6492 max-width: 100%; 6493 min-width: 0; 6494 margin-top: 16px; 6495 font-size: 16px; 6496 line-height: 1.45; 6497 overflow-wrap: break-word; 6498 } 6499 6500 #year-schedule .year-schedule__controls { 6501 gap: 18px; 6502 margin-bottom: 20px; 6503 } 6504 6505 #year-schedule .year-schedule__tabs, 6506 #year-schedule .year-schedule__age-tabs, 6507 #year-schedule .year-schedule__day-tabs { 6508 gap: 7px; 6509 } 6510 6511 #year-schedule .year-schedule__tab, 6512 #year-schedule .year-schedule__age-tab, 6513 #year-schedule .year-schedule__day-tab { 6514 min-height: 40px; 6515 padding: 9px 12px; 6516 border-radius: 12px; 6517 font-size: 12px; 6518 } 6519 6520 #year-schedule .year-schedule__tab, 6521 #year-schedule .year-schedule__age-tab { 6522 flex: 1 1 auto; 6523 } 6524 6525 #year-schedule .year-schedule__day-tab { 6526 flex: 1 1 calc(25% - 7px); 6527 min-width: 48px; 6528 } 6529 6530 #year-schedule .year-schedule__quick-help { 6531 margin-bottom: 20px; 6532 font-size: 12px; 6533 } 6534 6535 #year-schedule .year-schedule__grid { 6536 gap: 14px; 6537 } 6538 6539 #year-schedule .day-card { 6540 padding: 18px; 6541 border-radius: 22px; 6542 } 6543 6544 #year-schedule .day-card__top {
6545 align-items: flex-start; 6546 margin-bottom: 15px; 6547 } 6548 6549 #year-schedule .day-card__name { 6550 font-size: 22px; 6551 } 6552 6553 #year-schedule .day-card__count { 6554 padding: 6px 9px; 6555 font-size: 9px; 6556 } 6557 6558 #year-schedule .time-block { 6559 padding: 12px; 6560 border-radius: 17px; 6561 } 6562 6563 #year-schedule .time-block__labs { 6564 grid-template-columns: minmax(0, 1fr); 6565 } 6566 6567 #year-schedule .time-block__hint { 6568 display: none; 6569 } 6570 6571 #year-schedule .time-block__labs .lab-slot__title { 6572 display: block; 6573 } 6574 6575 #year-schedule .time-block__labs--single .lab-slot__title { 6576 display: none; 6577 } 6578 6579 #year-schedule .lesson__info { 6580 padding: 17px 12px 11px; 6581 border-radius: 14px; 6582 } 6583 6584 #year-schedule .lesson__title { 6585 font-size: 13px; 6586 } 6587} 6588 6589/* ===================================================== 6590 ÐЧÐÐЬ УÐÐÐÐ ÐÐÐ ÐÐ 6591===================================================== */ 6592 6593@media (max-width: 420px) { 6594 #year-schedule { 6595 padding: 40px 20px; 6596 } 6597 6598 #year-schedule .year-schedule__title { 6599 font-size: clamp(26px, 7.25vw, 29px); 6600 line-height: 1.02; 6601 } 6602 6603 #year-schedule .day-card { 6604 padding: 15px; 6605 } 6606 6607 #year-schedule .day-card__top { 6608 flex-direction: column; 6609 gap: 8px; 6610 } 6611 6612 #year-schedule .year-schedule__day-tab { 6613 flex-basis: calc(33.333% - 7px); 6614 } 6615} 6616 6617/* ===================================================== 6618 ÐТÐÐЮЧÐÐÐÐ ÐÐÐÐÐЦÐÐ 6619===================================================== */ 6620 6621@media (prefers-reduced-motion: reduce) { 6622 #year-schedule *, 6623 #year-schedule *::before, 6624 #year-schedule *::after { 6625 animation: none !important; 6626 transition: none !important; 6627 } 6628} 6629</style>
6629<script> 6630function groupWord(n) { 6631 const mod10 = n % 10; 6632 const mod100 = n % 100; 6633 if (mod10 === 1 && mod100 !== 11) return "гÑÑппа"; 6634 if (mod10 >= 2 && mod10 <= 4 && (mod100 < 12 || mod100 > 14)) return "гÑÑппÑ"; 6635 return "гÑÑпп"; 6636} 6637 6638const scheduleData = {"ÐÑбеÑнÑкий":{"ÐонеделÑник":{"каб. â1":[{"time":"10:00 - 11:30","title":"ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ","age":"5-8 клаÑÑ","type":"literacy"},{"time":"13:20 - 14:50","title":"Ðеймдизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"15:00 - 16:30","title":"РазÑабоÑÑик Ð¸Ð³Ñ Ð² Roblox","age":"5-8 клаÑÑ","type":"game"},{"time":"16:40 - 18:10","title":"РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° на набоÑÐ°Ñ Lego EV3","age":"5-8 клаÑÑ","type":"robot"},{"time":"18:20 - 19:50","title":"РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° на набоÑÐ°Ñ Lego WeDo","age":"доÑколÑники","type":"robot"}],"каб. â2":[{"time":"10:00 - 11:30","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"13:20 - 14:50","title":"РазÑабоÑÑик игÑ","age":"1-4 клаÑÑ","type":"game"},{"time":"15:00 - 16:30","title":"3D-моделиÑование в Blender","age":"5-8 клаÑÑ","type":"threed"},{"time":"16:40 - 18:10","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"18:20 - 19:50","title":"WEB-пÑогÑаммиÑование","age":"5-8 клаÑÑ","type":"code"}]},"ÐÑоÑник":{"каб. â1":[{"time":"10:00 - 11:30","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"13:20 - 14:50","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"5-8 клаÑÑ","type":"code"},{"time":"15:00 - 16:30","title":"РазÑабоÑка мобилÑнÑÑ Ð¿Ñиложений","age":"5-8 клаÑÑ","type":"other"},{"time":"16:40 - 18:10","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"18:20 - 19:50","title":"РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° на набоÑÐ°Ñ Lego WeDo","age":"1-4 клаÑÑ","type":"robot"}],"каб. â2":[{"time":"10:00 - 11:30","title":"РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° на набоÑÐ°Ñ Lego EV3","age":"5-8 клаÑÑ","type":"robot"},{"time":"13:20 - 14:50","title":"РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° на набоÑÐ°Ñ Lego WeDo","age":"1-4 клаÑÑ","type":"robot"},{"time":"15:00 - 16:30","title":"ÐÑогÑаммиÑование в ÑÑеде Scratch","age":"1-4 клаÑÑ","type":"code"},{"time":"16:40 - 18:10","title":"ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ","age":"1-4 клаÑÑ","type":"other"},{"time":"18:20 - 19:50","title":"3D-моделиÑование в веб-ÑеÑвиÑе Tinkercad","age":"1-4 клаÑÑ","type":"code"}]},"СÑеда":{"каб. â1":[{"time":"10:00 - 11:30","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"5-8 клаÑÑ","type":"code"},{"time":"13:20 - 14:50","title":"РазÑабоÑÑик Ð¸Ð³Ñ Ð² Roblox","age":"5-8 клаÑÑ","type":"game"},{"time":"15:00 - 16:30","title":"Ðеймдизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"16:40 - 18:10","title":"ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ","age":"5-8 клаÑÑ","type":"literacy"},{"time":"18:20 - 19:50","title":"ÐÑаÑиÑеÑкий дизайн","age":"5-8 клаÑÑ","type":"design"}],"каб. â2":[{"time":"10:00 - 11:30","title":"РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° на набоÑÐ°Ñ Lego WeDo","age":"1-4 клаÑÑ","type":"robot"},{"time":"13:20 - 14:50","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"15:00 - 16:30","title":"РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° на набоÑÐ°Ñ Lego WeDo","age":"1-4 клаÑÑ","type":"robot"},{"time":"16:40 - 18:10","title":"РазÑабоÑÑик игÑ","age":"1-4 клаÑÑ","type":"game"},{"time":"18:20 - 19:50","title":"РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° Arduino","age":"5-8 клаÑÑ","type":"robot"}]},"ЧеÑвеÑг":{"каб. â1":[{"time":"10:00 - 11:30","title":"ÐÑаÑиÑеÑкий дизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"13:20 - 14:50","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"5-8 клаÑÑ","type":"code"},{"time":"15:00 - 16:30","title":"РазÑабоÑÑик Ð¸Ð³Ñ Ð² Roblox","age":"5-8 клаÑÑ","type":"game"},{"time":"16:40 - 18:10","title":"WEB-пÑогÑаммиÑование","age":"5-8 клаÑÑ","type":"code"}
6638,{"time":"18:20 - 19:50","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"доÑколÑники","type":"robot"}],"каб. â2":[{"time":"10:00 - 11:30","title":"Ðеймдизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"13:20 - 14:50","title":"ÐÑогÑаммиÑование в ÑÑеде Scratch","age":"1-4 клаÑÑ","type":"code"},{"time":"15:00 - 16:30","title":"ÐÑаÑиÑеÑкий дизайн","age":"9-11 клаÑÑ","type":"design"},{"time":"16:40 - 18:10","title":"3D-моделиÑование в Blender","age":"9-11 клаÑÑ","type":"threed"},{"time":"18:20 - 19:50","title":"РазÑабоÑÑик игÑ","age":"1-4 клаÑÑ","type":"game"}]},"ÐÑÑниÑа":{"каб. â1":[{"time":"10:00 - 11:30","title":"РобоÑоÑеÑ
ника Arduino","age":"5-8 клаÑÑ","type":"robot"},{"time":"13:20 - 14:50","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"15:00 - 16:30","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"1-4 клаÑÑ","type":"robot"},{"time":"16:40 - 18:10","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"5-8 клаÑÑ","type":"code"},{"time":"18:20 - 19:50","title":"РазÑабоÑка мобилÑнÑÑ
пÑиложений","age":"5-8 клаÑÑ","type":"other"}],"каб. â2":[{"time":"10:00 - 11:30","title":"3D-моделиÑование в Blender","age":"9-11 клаÑÑ","type":"threed"},{"time":"13:20 - 14:50","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego EV3","age":"5-8 клаÑÑ","type":"robot"},{"time":"15:00 - 16:30","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego EV3","age":"5-8 клаÑÑ","type":"robot"},{"time":"16:40 - 18:10","title":"ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ","age":"1-4 клаÑÑ","type":"other"},{"time":"18:20 - 19:50","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"1-4 клаÑÑ","type":"robot"}]},"СÑббоÑа":{"каб. â1":[{"time":"10:00 - 11:30","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"1-4 клаÑÑ","type":"robot"},{"time":"11:40 - 13:10","title":"ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ","age":"1-4 клаÑÑ","type":"other"},{"time":"13:20 - 14:50","title":"Ðеймдизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"15:00 - 16:30","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"16:40 - 18:10","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"18:20 - 19:50","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"5-8 клаÑÑ","type":"code"}],"каб. â2":[{"time":"10:00 - 11:30","title":"ÐÑаÑиÑеÑкий дизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"11:40 - 13:10","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego EV3","age":"5-8 клаÑÑ","type":"robot"},{"time":"13:20 - 14:50","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego EV3","age":"5-8 клаÑÑ","type":"robot"},{"time":"15:00 - 16:30","title":"РобоÑоÑеÑ
ника Arduino","age":"5-8 клаÑÑ","type":"robot"},{"time":"16:40 - 18:10","title":"3D-моделиÑование в Blender","age":"5-8 клаÑÑ","type":"threed"},{"time":"18:20 - 19:50","title":"3D-моделиÑование в Blender","age":"9-11 клаÑÑ","type":"threed"}]},"ÐоÑкÑеÑенÑе":{"каб. â1":[{"time":"10:00 - 11:30","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"доÑколÑники","type":"robot"},{"time":"11:40 - 13:10","title":"3D-моделиÑование в веб-ÑеÑвиÑе Tinkercad","age":"1-4 клаÑÑ","type":"code"},{"time":"13:20 - 14:50","title":"3D-моделиÑование в Blender","age":"5-8 клаÑÑ","type":"threed"},{"time":"15:00 - 16:30","title":"РазÑабоÑка мобилÑнÑÑ
пÑиложений","age":"5-8 клаÑÑ","type":"other"},{"time":"16:40 - 18:10","title":"ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ","age":"5-8 клаÑÑ","type":"literacy"},{"time":"18:20 - 19:50","title":"ÐÑаÑиÑеÑкий дизайн","age":"9-11 клаÑÑ","type":"design"}],"каб. â2":[{"time":"10:00 - 11:30","title":"Ðеймдизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"11:40 - 13:10","title":"РазÑабоÑÑик игÑ","age":"1-4 клаÑÑ","type":"game"},{"time":"13:20 - 14:50","title":"РазÑабоÑÑик Ð¸Ð³Ñ Ð² Roblox","age":"5-8 клаÑÑ","type":"game"},{"time":"15:00 - 16:30","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"16:40 - 18:10","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"5-8 клаÑÑ","type":"code"}
6638,{"time":"18:20 - 19:50","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"1-4 клаÑÑ","type":"robot"}]}},"ФеÑÑивалÑнÑй":{"ÐонеделÑник":{"каб. â1":[{"time":"10:00 - 11:30","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"13:20 - 14:50","title":"3D-моделиÑование в веб-ÑеÑвиÑе Tinkercad","age":"1-4 клаÑÑ","type":"code"},{"time":"15:00 - 16:30","title":"ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ","age":"5-8 клаÑÑ","type":"literacy"},{"time":"16:40 - 18:10","title":"3D-моделиÑование в Blender","age":"9-11 клаÑÑ","type":"threed"},{"time":"18:20 - 19:50","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"доÑколÑники","type":"robot"}]},"ÐÑоÑник":{"каб. â1":[{"time":"10:00 - 11:30","title":"WEB-пÑогÑаммиÑование","age":"5-8 клаÑÑ","type":"code"},{"time":"13:20 - 14:50","title":"РазÑабоÑÑик Ð¸Ð³Ñ Ð² Roblox","age":"5-8 клаÑÑ","type":"game"},{"time":"15:00 - 16:30","title":"ÐÑогÑаммиÑование в ÑÑеде Scratch","age":"1-4 клаÑÑ","type":"code"},{"time":"16:40 - 18:10","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"1-4 клаÑÑ","type":"robot"},{"time":"18:20 - 19:50","title":"3D-моделиÑование в веб-ÑеÑвиÑе Tinkercad","age":"1-4 клаÑÑ","type":"code"}]},"СÑеда":{"каб. â1":[{"time":"10:00 - 11:30","title":"ÐÑаÑиÑеÑкий дизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"13:20 - 14:50","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"1-4 клаÑÑ","type":"robot"},{"time":"15:00 - 16:30","title":"РазÑабоÑÑик игÑ","age":"1-4 клаÑÑ","type":"game"},{"time":"16:40 - 18:10","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"5-8 клаÑÑ","type":"code"},{"time":"18:20 - 19:50","title":"РазÑабоÑка мобилÑнÑÑ
пÑиложений","age":"5-8 клаÑÑ","type":"other"}]},"ЧеÑвеÑг":{"каб. â1":[{"time":"10:00 - 11:30","title":"РазÑабоÑка мобилÑнÑÑ
пÑиложений","age":"5-8 клаÑÑ","type":"other"},{"time":"13:20 - 14:50","title":"ÐÑогÑаммиÑование в ÑÑеде Scratch","age":"1-4 клаÑÑ","type":"code"},{"time":"15:00 - 16:30","title":"ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ","age":"1-4 клаÑÑ","type":"other"},{"time":"16:40 - 18:10","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego EV3","age":"5-8 клаÑÑ","type":"robot"},{"time":"18:20 - 19:50","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"доÑколÑники","type":"robot"}]},"ÐÑÑниÑа":{"каб. â1":[{"time":"10:00 - 11:30","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"5-8 клаÑÑ","type":"code"},{"time":"13:20 - 14:50","title":"3D-моделиÑование в Blender","age":"5-8 клаÑÑ","type":"threed"},{"time":"15:00 - 16:30","title":"РазÑабоÑÑик Ð¸Ð³Ñ Ð² Roblox","age":"5-8 клаÑÑ","type":"game"},{"time":"16:40 - 18:10","title":"Ðеймдизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"18:20 - 19:50","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"}]},"СÑббоÑа":{"каб. â1":[{"time":"10:00 - 11:30","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"1-4 клаÑÑ","type":"robot"},{"time":"11:40 - 13:10","title":"ÐÑогÑаммиÑование в ÑÑеде Scratch","age":"1-4 клаÑÑ","type":"code"},{"time":"13:20 - 14:50","title":"РазÑабоÑÑик Ð¸Ð³Ñ Ð² Roblox","age":"5-8 клаÑÑ","type":"game"},{"time":"15:00 - 16:30","title":"РазÑабоÑка мобилÑнÑÑ
пÑиложений","age":"5-8 клаÑÑ","type":"other"},{"time":"16:40 - 18:10","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"5-8 клаÑÑ","type":"code"}
6638,{"time":"18:20 - 19:50","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"1-4 клаÑÑ","type":"robot"}]},"ÐоÑкÑеÑенÑе":{"каб. â1":[{"time":"10:00 - 11:30","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"доÑколÑники","type":"robot"},{"time":"11:40 - 13:10","title":"РазÑабоÑÑик игÑ","age":"1-4 клаÑÑ","type":"game"},{"time":"13:20 - 14:50","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"15:00 - 16:30","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego EV3","age":"5-8 клаÑÑ","type":"robot"},{"time":"16:40 - 18:10","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego EV3","age":"5-8 клаÑÑ","type":"robot"},{"time":"18:20 - 19:50","title":"РобоÑоÑеÑ
ника Arduino","age":"5-8 клаÑÑ","type":"robot"}]}},"ÐидÑоÑÑÑоиÑелей":{"ÐонеделÑник":{"каб. â1":[{"time":"10:00 - 11:30","title":"РазÑабоÑÑик игÑ","age":"1-4 клаÑÑ","type":"game"},{"time":"13:20 - 14:50","title":"Ðеймдизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"15:00 - 16:30","title":"РазÑабоÑÑик Ð¸Ð³Ñ Ð² Roblox","age":"5-8 клаÑÑ","type":"game"},{"time":"16:40 - 18:10","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"5-8 клаÑÑ","type":"code"},{"time":"18:20 - 19:50","title":"ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ","age":"1-4 клаÑÑ","type":"other"}],"каб. â2":[{"time":"10:00 - 11:30","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"13:20 - 14:50","title":"3D-моделиÑование в веб-ÑеÑвиÑе Tinkercad","age":"1-4 клаÑÑ","type":"code"},{"time":"15:00 - 16:30","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"1-4 клаÑÑ","type":"robot"},{"time":"16:40 - 18:10","title":"Ðеймдизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"18:20 - 19:50","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"доÑколÑники","type":"robot"}]},"ÐÑоÑник":{"каб. â1":[{"time":"10:00 - 11:30","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego EV3","age":"5-8 клаÑÑ","type":"robot"},{"time":"13:20 - 14:50","title":"РазÑабоÑÑик Ð¸Ð³Ñ Ð² Roblox","age":"5-8 клаÑÑ","type":"game"},{"time":"15:00 - 16:30","title":"РазÑабоÑка мобилÑнÑÑ
пÑиложений","age":"5-8 клаÑÑ","type":"other"},{"time":"16:40 - 18:10","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"18:20 - 19:50","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"1-4 клаÑÑ","type":"robot"}],"каб. â2":[{"time":"10:00 - 11:30","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"5-8 клаÑÑ","type":"code"},{"time":"13:20 - 14:50","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego EV3","age":"5-8 клаÑÑ","type":"robot"},{"time":"15:00 - 16:30","title":"РобоÑоÑеÑ
ника Arduino","age":"5-8 клаÑÑ","type":"robot"},{"time":"16:40 - 18:10","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego EV3","age":"5-8 клаÑÑ","type":"robot"},{"time":"18:20 - 19:50","title":"ÐÑаÑиÑеÑкий дизайн","age":"5-8 клаÑÑ","type":"design"}]},"СÑеда":{"каб. â1":[{"time":"10:00 - 11:30","title":"РазÑабоÑка мобилÑнÑÑ
пÑиложений","age":"5-8 клаÑÑ","type":"other"},{"time":"13:20 - 14:50","title":"ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ","age":"1-4 клаÑÑ","type":"other"},{"time":"15:00 - 16:30","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"5-8 клаÑÑ","type":"code"},{"time":"16:40 - 18:10","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"18:20 - 19:50","title":"ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ","age":"5-8 клаÑÑ","type":"literacy"}],"каб. â2":[{"time":"10:00 - 11:30","title":"РобоÑоÑеÑ
6638
ника на набоÑаÑ
Lego WeDo","age":"1-4 клаÑÑ","type":"robot"},{"time":"13:20 - 14:50","title":"РазÑабоÑÑик игÑ","age":"1-4 клаÑÑ","type":"game"},{"time":"15:00 - 16:30","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"1-4 клаÑÑ","type":"robot"},{"time":"16:40 - 18:10","title":"3D-моделиÑование в веб-ÑеÑвиÑе Tinkercad","age":"1-4 клаÑÑ","type":"code"},{"time":"18:20 - 19:50","title":"WEB-пÑогÑаммиÑование","age":"5-8 клаÑÑ","type":"code"}]},"ЧеÑвеÑг":{"каб. â1":[{"time":"10:00 - 11:30","title":"ÐÑаÑиÑеÑкий дизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"13:20 - 14:50","title":"ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ","age":"5-8 клаÑÑ","type":"literacy"},{"time":"15:00 - 16:30","title":"ÐÑогÑаммиÑование в ÑÑеде Scratch","age":"1-4 клаÑÑ","type":"code"},{"time":"16:40 - 18:10","title":"РазÑабоÑÑик игÑ","age":"1-4 клаÑÑ","type":"game"},{"time":"18:20 - 19:50","title":"РазÑабоÑÑик Ð¸Ð³Ñ Ð² Roblox","age":"5-8 клаÑÑ","type":"game"}],"каб. â2":[{"time":"10:00 - 11:30","title":"Ðеймдизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"13:20 - 14:50","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"1-4 клаÑÑ","type":"robot"},{"time":"15:00 - 16:30","title":"WEB-пÑогÑаммиÑование","age":"5-8 клаÑÑ","type":"code"},{"time":"16:40 - 18:10","title":"3D-моделиÑование в Blender","age":"5-8 клаÑÑ","type":"threed"},{"time":"18:20 - 19:50","title":"3D-моделиÑование в веб-ÑеÑвиÑе Tinkercad","age":"1-4 клаÑÑ","type":"code"}]},"ÐÑÑниÑа":{"каб. â1":[{"time":"10:00 - 11:30","title":"РобоÑоÑеÑ
ника Arduino","age":"5-8 клаÑÑ","type":"robot"},{"time":"13:20 - 14:50","title":"ÐÑаÑиÑеÑкий дизайн","age":"9-11 клаÑÑ","type":"design"},{"time":"15:00 - 16:30","title":"РазÑабоÑка мобилÑнÑÑ
пÑиложений","age":"5-8 клаÑÑ","type":"other"},{"time":"16:40 - 18:10","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego EV3","age":"5-8 клаÑÑ","type":"robot"},{"time":"18:20 - 19:50","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"1-4 клаÑÑ","type":"robot"}],"каб. â2":[{"time":"10:00 - 11:30","title":"Ðеймдизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"13:20 - 14:50","title":"РобоÑоÑеÑ
ника Arduino","age":"5-8 клаÑÑ","type":"robot"},{"time":"15:00 - 16:30","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego EV3","age":"5-8 клаÑÑ","type":"robot"},{"time":"16:40 - 18:10","title":"Ðеймдизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"18:20 - 19:50","title":"ÐÑаÑиÑеÑкий дизайн","age":"5-8 клаÑÑ","type":"design"}]},"СÑббоÑа":{"каб. â1":[{"time":"10:00 - 11:30","title":"WEB-пÑогÑаммиÑование","age":"5-8 клаÑÑ","type":"code"},{"time":"11:40 - 13:10","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"5-8 клаÑÑ","type":"code"},{"time":"13:20 - 14:50","title":"РазÑабоÑка мобилÑнÑÑ
пÑиложений","age":"5-8 клаÑÑ","type":"other"},{"time":"15:00 - 16:30","title":"Ðеймдизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"16:40 - 18:10","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"18:20 - 19:50","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"}],"каб. â2":[{"time":"10:00 - 11:30","title":"ÐÑаÑиÑеÑкий дизайн","age":"5-8 клаÑÑ","type":"design"},{"time":"11:40 - 13:10","title":"ÐÑаÑиÑеÑкий дизайн","age":"9-11 клаÑÑ","type":"design"},{"time":"13:20 - 14:50","title":"РобоÑоÑеÑ
ника на набоÑаÑ
Lego WeDo","age":"1-4 клаÑÑ","type":"robot"},{"time":"15:00 - 16:30","title":"3D-моделиÑование в Blender","age":"9-11 клаÑÑ","type":"threed"},{"time":"16:40 - 18:10","title":"3D-моделиÑование в Blender","age":"5-8 клаÑÑ","type":"threed"},{"time":"18:20 - 19:50","title":"ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ","age":"1-4 клаÑÑ","type":"other"}]},"ÐоÑкÑеÑенÑе":{"каб. â1":[{"time":"10:00 - 11:30","title":"ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ","age":"5-8 клаÑÑ","type":"literacy"}
6638,{"time":"11:40 - 13:10","title":"РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° на набоÑÐ°Ñ Lego WeDo","age":"доÑколÑники","type":"robot"},{"time":"13:20 - 14:50","title":"РазÑабоÑÑик игÑ","age":"1-4 клаÑÑ","type":"game"},{"time":"15:00 - 16:30","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"9-11 клаÑÑ","type":"code"},{"time":"16:40 - 18:10","title":"РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° на набоÑÐ°Ñ Lego WeDo","age":"1-4 клаÑÑ","type":"robot"},{"time":"18:20 - 19:50","title":"РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° на набоÑÐ°Ñ Lego EV3","age":"5-8 клаÑÑ","type":"robot"}],"каб. â2":[{"time":"10:00 - 11:30","title":"ÐÑогÑаммиÑование в ÑÑеде Scratch","age":"1-4 клаÑÑ","type":"code"},{"time":"11:40 - 13:10","title":"РазÑабоÑÑик Ð¸Ð³Ñ Ð² Roblox","age":"5-8 клаÑÑ","type":"game"},{"time":"13:20 - 14:50","title":"3D-моделиÑование в веб-ÑеÑвиÑе Tinkercad","age":"1-4 клаÑÑ","type":"code"},{"time":"15:00 - 16:30","title":"РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° на набоÑÐ°Ñ Lego EV3","age":"5-8 клаÑÑ","type":"robot"},{"time":"16:40 - 18:10","title":"РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° Arduino","age":"5-8 клаÑÑ","type":"robot"},{"time":"18:20 - 19:50","title":"ÐÑогÑаммиÑование на ÑзÑке Python","age":"5-8 клаÑÑ","type":"code"}]}}}; 6639 6640(function() { 6641 const branches = Object.keys(scheduleData); 6642 const branchTabs = document.getElementById('branchTabs'); 6643 const content = document.getElementById('scheduleContent'); 6644 const ageTabs = document.getElementById('ageTabs'); 6645 const dayTabs = document.getElementById('dayTabs'); 6646 let activeBranch = null; 6647 let selectedAge = 'all'; 6648 let selectedDay = 'all'; 6649 6650 function esc(str) { 6651 return String(str || '').replace(/[&<>"]/g, s => ({'&':'&','<':'<','>':'>','"':'"'}[s])); 6652 } 6653 6654 function cleanTitle(title) { 6655 return String(title || '') 6656 .replace(/\s*\((доÑколÑники|1-4 клаÑÑ|5-8 клаÑÑ|9-11 клаÑÑ)\)\s*/gi, '') 6657 .replace(/\s{2,}/g, ' ') 6658 .trim(); 6659 } 6660 6661 function titleBase(lesson) { 6662 return cleanTitle(lesson.title).toLowerCase().replace(/Ñ/g, 'е'); 6663 } 6664 6665 function courseProfile(lesson) { 6666 const title = titleBase(lesson); 6667 const profile = { ages: [lesson.age], badges: [], requirement: '' }; 6668 6669 if (title === 'компÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ') { 6670 profile.badges = [{ text: 'СТÐРТ', type: 'start' }]; 6671 } else if (title.includes('компÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ 2.0')) { 6672 profile.ages = ['5-8 клаÑÑ', '9-11 клаÑÑ']; 6673 profile.badges = [{ text: 'ÐÐ ÐÐÐÐÐУТЫÐ', type: 'advanced' }]; 6674 profile.requirement = 'ÐомпÑÑÑеÑÐ½Ð°Ñ Ð³ÑамоÑноÑÑÑ'; 6675 } else if (title.includes('scratch')) { 6676 profile.badges = [{ text: 'СТÐРТ', type: 'start' }, { text: 'Ð¥ÐТ', type: 'hit' }]; 6677 } else if (title === 'ÑазÑабоÑÑик игÑ') { 6678 profile.badges = [{ text: 'ÐÐ ÐÐÐÐÐУТЫÐ', type: 'advanced' }, { text: 'ÐÐÐÐÐÐÐ', type: 'new' }]; 6679 } else if (title.includes('roblox')) { 6680 profile.ages = ['5-8 клаÑÑ', '9-11 клаÑÑ']; 6681 profile.badges = [{ text: 'ÐÐ ÐÐÐÐÐУТЫÐ', type: 'advanced' }, { text: 'Ð¥ÐТ', type: 'hit' }]; 6682 } else if (title.includes('python. оÑновÑ') || title.includes('python оÑновÑ')) { 6683 profile.ages = ['5-8 клаÑÑ', '9-11 клаÑÑ']; 6684 profile.badges = [{ text: 'СТÐРТ', type: 'start' }, { text: 'Ð¥ÐТ', type: 'hit' }]; 6685 } else if (title.includes('python 2.0')) { 6686 profile.ages = ['5-8 клаÑÑ', '9-11 клаÑÑ']; 6687 profile.badges = [{ text: 'ÐÐ ÐÐÐÐÐУТЫÐ', type: 'advanced' }]; 6688 profile.requirement = 'Python. ÐÑновÑ'; 6689 } else if (title.includes('геймдизайн')) { 6690 profile.ages = ['5-8 клаÑÑ', '9-11 клаÑÑ']; 6691 profile.badges = [{ text: 'ÐÐ ÐÐÐÐÐУТЫÐ', type: 'advanced' }, { text: 'ÐÐÐÐÐÐÐ', type: 'new' }]; 6692 }
6692 else if (title.includes('мобилÑнÑÑ Ð¿Ñиложений')) { 6693 profile.ages = ['5-8 клаÑÑ', '9-11 клаÑÑ']; 6694 profile.badges = [{ text: 'ÐÐ ÐÐÐÐÐУТЫÐ', type: 'advanced' }, { text: 'ÐÐÐÐÐÐÐ', type: 'new' }]; 6695 } else if (title.includes('web-пÑогÑаммиÑование')) { 6696 profile.ages = ['5-8 клаÑÑ', '9-11 клаÑÑ']; 6697 profile.badges = [{ text: 'ÐÐ ÐÐÐÐÐУТЫÐ', type: 'advanced' }]; 6698 } else if (title.includes('lego wedo 3.0')) { 6699 profile.badges = [{ text: 'ÐÐ ÐÐÐÐÐУТЫÐ', type: 'advanced' }]; 6700 profile.requirement = 'WeDo 2.0'; 6701 } else if (title.includes('lego wedo 2.0')) { 6702 profile.badges = [{ text: 'ÐÐ ÐÐÐÐÐУТЫÐ', type: 'advanced' }]; 6703 profile.requirement = 'WeDo'; 6704 } else if (title.includes('lego wedo')) { 6705 profile.badges = [{ text: 'СТÐРТ', type: 'start' }, { text: 'Ð¥ÐТ', type: 'hit' }]; 6706 } else if (title.includes('lego ev3')) { 6707 profile.ages = ['5-8 клаÑÑ', '9-11 клаÑÑ']; 6708 profile.badges = [{ text: 'ÐÐ ÐÐÐÐÐУТЫÐ', type: 'advanced' }]; 6709 } else if (title.includes('arduino')) { 6710 profile.ages = ['5-8 клаÑÑ', '9-11 клаÑÑ']; 6711 profile.badges = [{ text: 'СТÐРТ', type: 'start' }]; 6712 } else if (title.includes('гÑаÑиÑеÑкий дизайн')) { 6713 profile.ages = ['5-8 клаÑÑ', '9-11 клаÑÑ']; 6714 profile.badges = [{ text: 'ÐÐ ÐÐÐÐÐУТЫÐ', type: 'advanced' }]; 6715 } else if (title.includes('tinkercad 2.0')) { 6716 profile.badges = [{ text: 'ÐÐ ÐÐÐÐÐУТЫÐ', type: 'advanced' }]; 6717 profile.requirement = 'Tinkercad'; 6718 } else if (title.includes('tinkercad')) { 6719 profile.ages = ['доÑколÑники', '1-4 клаÑÑ']; 6720 profile.badges = [{ text: 'СТÐРТ', type: 'start' }]; 6721 } else if (title.includes('blender')) { 6722 profile.ages = ['5-8 клаÑÑ', '9-11 клаÑÑ']; 6723 profile.badges = [{ text: 'ÐÐ ÐÐÐÐÐУТЫÐ', type: 'advanced' }]; 6724 } 6725 6726 return profile; 6727 } 6728 6729 function matchesAge(lesson) { 6730 if (selectedAge === 'all') return true; 6731 return courseProfile(lesson).ages.includes(selectedAge); 6732 } 6733 6734 function getBadges(lesson) { 6735 return courseProfile(lesson).badges; 6736 } 6737 6738 const badgeTooltips = { 6739 start: 'Ðожно наÑинаÑÑ Ð±ÐµÐ· подгоÑовки', 6740 advanced: 'ÐÑжен пÑедÑдÑÑий кÑÑÑ Ð¸Ð»Ð¸ аналогиÑнÑе знаниÑ', 6741 hit: 'ÐопÑлÑÑное напÑавление', 6742 new: 'ÐÐ¾Ð²Ð°Ñ Ð¿ÑогÑамма ÑÑебного года' 6743 }; 6744 6745 function stickerHtml(lesson) { 6746 const badges = getBadges(lesson); 6747 const stickers = []; 6748 if (badges.some(b => b.type === 'hit')) stickers.push('<span class="lesson__sticker lesson__sticker--hit">Ð¥ÐТ</span>'); 6749 if (badges.some(b => b.type === 'new')) stickers.push('<span class="lesson__sticker lesson__sticker--new">ÐÐÐÐÐÐÐ</span>'); 6750 return stickers.length ? `<div class="lesson__stickers">${stickers.join('')}</div>` : ''; 6751 } 6752 6753 function badgesHtml(lesson) { 6754 const badges = getBadges(lesson).filter(b => b.type !== 'hit' && b.type !== 'new'); 6755 if (!badges.length) return ''; 6756 return `<div class="lesson__badges">${badges.map(b => `<span class="lesson__badge lesson__badge--${esc(b.type)}" data-tooltip="${esc(badgeTooltips[b.type] || '')}">${esc(b.text)}</span>`).join('')}</div>`; 6757 } 6758 6759 function requirementHtml(lesson) { 6760 const requirement = courseProfile(lesson).requirement; 6761 if (!requirement) return ''; 6762 return `<div class="lesson__requirement">ð ТÑебÑеÑÑÑ: ${esc(requirement)}</div>`; 6763 } 6764 6765 function roomTitle(room) { 6766 return String(room || '') 6767 .replace(/каб\.\s*â\s*1/gi, 'ÐабоÑаÑоÑÐ¸Ñ â1') 6768 .replace(/каб\.\s*â\s*2/gi, 'ÐабоÑаÑоÑÐ¸Ñ â2'); 6769 } 6770 6771 function renderTabs() { 6772 branchTabs.innerHTML = branches.map(branch => ` 6773 <button class="year-schedule__tab ${branch === activeBranch ? 'is-active' : ''}" type="button" data-branch="${esc(branch)}">${esc(branch)}</button> 6774 `).join(''); 6775 } 6776 6777 function labTitle(room) { 6778 return roomTitle(room).replace('ÐабоÑаÑоÑÐ¸Ñ ', 'Ðаб. '); 6779 } 6780 6781 function lessonHtml(lesson) { 6782 return ` 6783 <div class="lesson" data-age="${esc(lesson.age)}"> <div class="lesson__info lesson--${esc(lesson.type)}"> 6784 ${stickerHtml(lesson)} 6785 <div class="lesson__title">${esc(cleanTitle(lesson.title))}</div> 6786 ${badgesHtml(lesson)} 6787 ${requirementHtml(lesson)} 6788 </div> </div> 6789 `; 6790 } 6791 6792 function timeToMinutes(time) { 6793 const match = String(time || '').match(/(\d{1,2}):(\d{2})/); 6794 if (!match) return 0; 6795 return Number(match[1]) * 60 + Number(match[2]); 6796 } 6797 6798 function collectTimeRows(rooms) { 6799 const rows = new Map();
6800 Object.keys(rooms).forEach(room => { 6801 (rooms[room] || []).forEach(lesson => { 6802 if (!matchesAge(lesson)) return; 6803 if (!rows.has(lesson.time)) rows.set(lesson.time, {}); 6804 rows.get(lesson.time)[room] = lesson; 6805 }); 6806 }); 6807 return Array.from(rows.entries()).sort((a, b) => timeToMinutes(a[0]) - timeToMinutes(b[0])); 6808 } 6809 6810 function renderSchedule() { 6811 if (!activeBranch) { 6812 content.innerHTML = ''; 6813 return; 6814 } 6815 6816 content.classList.add('is-changing'); 6817 const branchData = scheduleData[activeBranch]; 6818 const daysHtml = Object.keys(branchData) 6819 .filter(day => selectedDay === 'all' || day === selectedDay) 6820 .map(day => { 6821 const rooms = branchData[day]; 6822 const roomNames = Object.keys(rooms); 6823 const timeRows = collectTimeRows(rooms); 6824 const visibleCount = timeRows.reduce((sum, [, byRoom]) => sum + Object.keys(byRoom).length, 0); 6825 if (!visibleCount) return ''; 6826 6827 return ` 6828 <article class="day-card"> <div class="day-card__top"> <div class="day-card__name">${esc(day)}</div> <div class="day-card__count">${visibleCount} ${groupWord(visibleCount)}</div> </div> 6829 ${timeRows.map(([time, byRoom]) => ` 6830 <div class="time-block"> <div class="time-block__head"> <div class="time-block__time">${esc(time)}</div> </div> 6831 ${(() => { 6832 const visibleRooms = roomNames.filter(room => byRoom[room]); 6833 return ` 6834 <div class="time-block__labs ${visibleRooms.length === 1 ? 'time-block__labs--single' : ''}"> 6835 ${visibleRooms.map(room => ` 6836 <div class="lab-slot"> <div class="lab-slot__title">${esc(labTitle(room))}</div> 6837 ${lessonHtml(byRoom[room])} 6838 </div>`).join('')} 6839 </div> 6840 `; 6841 })()} 6842 </div>`).join('')} 6843 </article>`; 6844 }).join(''); 6845 6846 content.innerHTML = daysHtml.trim() 6847 ? `<div class="year-schedule__grid">${daysHtml}</div>` 6848 : `<div class="year-schedule__empty">ÐÐ»Ñ Ð²ÑбÑаннÑÑ ÑилÑÑÑов пока Ð½ÐµÑ Ð³ÑÑпп. ÐопÑобÑйÑе дÑÑгой денÑ, возÑаÑÑ Ð¸Ð»Ð¸ Ñилиал.</div>`; 6849 window.setTimeout(() => content.classList.remove('is-changing'), 260); 6850 } 6851 6852 branchTabs.addEventListener('click', e => { 6853 const btn = e.target.closest('[data-branch]'); 6854 if (!btn) return; 6855 activeBranch = btn.getAttribute('data-branch'); 6856 document.getElementById('year-schedule').classList.add('is-branch-selected'); 6857 renderTabs(); 6858 renderSchedule(); 6859 }); 6860 ageTabs.addEventListener('click', e => { 6861 const btn = e.target.closest('[data-age]'); 6862 if (!btn) return; 6863 selectedAge = btn.getAttribute('data-age'); 6864 ageTabs.querySelectorAll('[data-age]').forEach(t => t.classList.remove('is-active')); 6865 btn.classList.add('is-active'); 6866 renderSchedule(); 6867 }); 6868 6869 dayTabs.addEventListener('click', e => { 6870 const btn = e.target.closest('[data-day]'); 6871 if (!btn) return; 6872 selectedDay = btn.getAttribute('data-day'); 6873 dayTabs.querySelectorAll('[data-day]').forEach(t => t.classList.remove('is-active')); 6874 btn.classList.add('is-active'); 6875 renderSchedule(); 6876 }); 6877 6878 renderTabs(); 6879})(); 6880</script>
6880 <style> 6881/* ===================================================== 6882 Ð ÐСÐÐСÐÐÐÐ â ÐÐÐÐТРРСТРÐÐÐ ÐÐ ÐÐ ÐÐÐÐУÐУ 6883 ÐÑновнÑе: #FEE500, #000000, #FFFFFF, #CDCDCD 6884 Ðоп.: #F8D500, #EDAC1A, #D0941F, #E06E37, 6885 #DB3B50, #CF2366, #AB3388, #813F8E 6886===================================================== */ 6887 6888#year-schedule{ 6889 --schedule-yellow:#FEE500; 6890 --schedule-yellow-dark:#F8D500; 6891 --schedule-black:#000000; 6892 --schedule-white:#FFFFFF; 6893 --schedule-gray:#CDCDCD; 6894 6895 --schedule-orange-light:#EDAC1A; 6896 --schedule-orange:#D0941F; 6897 --schedule-coral:#E06E37; 6898 --schedule-red:#DB3B50; 6899 --schedule-pink:#CF2366; 6900 --schedule-magenta:#AB3388; 6901 --schedule-purple:#813F8E; 6902 6903 --schedule-text:#000000; 6904 --schedule-muted:rgba(0,0,0,.58); 6905 --schedule-border:rgba(0,0,0,.10); 6906 6907 background:#FFFFFF; 6908 color:#000000; 6909} 6910 6911/* УбиÑаем лиÑние подÑобноÑÑи */ 6912#year-schedule .lesson__requirement, 6913#year-schedule .year-schedule__quick-help, 6914#year-schedule .time-block__hint{ 6915 display:none !important; 6916} 6917 6918/* ÐеÑÑ Ð½ÑÑ Ð¿Ð»Ð°Ñка */ 6919#year-schedule .year-schedule__eyebrow{ 6920 background:rgba(254,229,0,.18); 6921 border-color:rgba(0,0,0,.09); 6922 color:#000000; 6923} 6924 6925#year-schedule .year-schedule__eyebrow::before{ 6926 background:#FEE500; 6927 box-shadow:0 0 0 4px rgba(254,229,0,.22); 6928} 6929 6930/* ФилÑÑÑÑ */ 6931#year-schedule .year-schedule__tab, 6932#year-schedule .year-schedule__age-tab, 6933#year-schedule .year-schedule__day-tab{ 6934 background:#FFFFFF; 6935 border-color:rgba(0,0,0,.10); 6936 color:rgba(0,0,0,.62); 6937} 6938 6939#year-schedule .year-schedule__tab:hover, 6940#year-schedule .year-schedule__age-tab:hover, 6941#year-schedule .year-schedule__day-tab:hover{ 6942 border-color:rgba(0,0,0,.22); 6943 box-shadow:0 8px 20px rgba(0,0,0,.06); 6944} 6945 6946/* Филиал â ÑÑÑнÑй */ 6947#year-schedule .year-schedule__tab.is-active{ 6948 background:#000000 !important; 6949 border-color:#000000 !important; 6950 color:#FFFFFF !important; 6951 box-shadow:0 9px 22px rgba(0,0,0,.13) !important; 6952} 6953 6954/* ÐозÑаÑÑ â ÑиÑменнÑй жÑлÑÑй */ 6955#year-schedule .year-schedule__age-tab.is-active{ 6956 background:#FEE500 !important; 6957 border-color:#FEE500 !important; 6958 color:#000000 !important; 6959 box-shadow:0 9px 22px rgba(254,229,0,.22) !important; 6960} 6961 6962/* ÐÐµÐ½Ñ â ÑиÑменнÑй ÑиолеÑовÑй из бÑендбÑка */ 6963#year-schedule .year-schedule__day-tab.is-active{ 6964 background:#813F8E !important; 6965 border-color:#813F8E !important; 6966 color:#FFFFFF !important; 6967 box-shadow:0 9px 22px rgba(129,63,142,.18) !important; 6968} 6969 6970#year-schedule .year-schedule__tab:focus-visible, 6971#year-schedule .year-schedule__age-tab:focus-visible, 6972#year-schedule .year-schedule__day-tab:focus-visible{ 6973 box-shadow:0 0 0 4px rgba(129,63,142,.13); 6974} 6975 6976/* ÐаÑÑоÑки дней */ 6977#year-schedule .day-card{ 6978 background:#FFFFFF; 6979 border-color:rgba(0,0,0,.09); 6980 box-shadow:0 14px 34px rgba(0,0,0,.055); 6981} 6982 6983#year-schedule .day-card:hover{ 6984 border-color:rgba(129,63,142,.18); 6985 box-shadow:0 20px 46px rgba(0,0,0,.075); 6986} 6987 6988/* СÑÑÑÑик â нейÑÑалÑнÑй, без поÑÑоÑоннего зелÑного */ 6989#year-schedule .day-card__count{ 6990 background:rgba(205,205,205,.28); 6991 border-color:rgba(0,0,0,.06); 6992 color:rgba(0,0,0,.62); 6993} 6994 6995/* ÐÑеменнÑе блоки */ 6996#year-schedule .time-block{ 6997 background:rgba(205,205,205,.12); 6998 border-color:rgba(0,0,0,.065); 6999} 7000 7001#year-schedule .time-block:hover{ 7002 background:#FFFFFF; 7003 border-color:rgba(129,63,142,.16); 7004} 7005 7006#year-schedule .time-block__time{ 7007 background:#FEE500; 7008 color:#000000; 7009} 7010 7011/* ===================================================== 7012 ÐÐÐÐ ÐÐÐÐÐÐЯ â ТÐÐЬÐÐ ÐÐÐÐÐÐÐТÐÐЬÐЫРЦÐÐТРÐÐ ÐÐÐÐУÐÐ 7013 ÐÑполÑзÑем оÑÐµÐ½Ñ ÑвеÑлÑе подложки, ÑÑÐ¾Ð±Ñ ÑаÑпиÑание 7014 оÑÑавалоÑÑ ÑиÑÑÑм и Ð½Ð°Ð·Ð²Ð°Ð½Ð¸Ñ Ð»ÐµÐ³ÐºÐ¾ ÑиÑалиÑÑ. 7015===================================================== */ 7016 7017#year-schedule .lesson--code{ 7018 background:rgba(129,63,142,.10) !important; /* #813F8E */ 7019} 7020 7021#year-schedule .lesson--robot{ 7022 background:rgba(237,172,26,.16) !important; /* #EDAC1A */ 7023} 7024 7025#year-schedule .lesson--threed{ 7026 background:rgba(224,110,55,.11) !important; /* #E06E37 */ 7027} 7028 7029#year-schedule .lesson--design{ 7030 background:rgba(207,35,102,.09) !important; /* #CF2366 */ 7031} 7032 7033#year-schedule .lesson--game{ 7034 background:rgba(171,51,136,.10) !important; /* #AB3388 */ 7035} 7036 7037#year-schedule .lesson--literacy, 7038#year-schedule .lesson--other{ 7039 background:rgba(205,205,205,.22) !important; /* #CDCDCD */ 7040} 7041 7042#year-schedule .lesson__info{ 7043 border-color:rgba(0,0,0,.045); 7044} 7045 7046#year-schedule .lesson__title{ 7047 color:#000000; 7048} 7049 7050/* Ðейджи â ÑолÑко бÑендбÑк */ 7051#year-schedule .lesson__badge--hit, 7052#year-schedule .lesson__sticker--hit{ 7053 background:#FEE500 !important; 7054 color:#000000 !important; 7055} 7056 7057#year-schedule .lesson__badge--start{ 7058 background:#F8D500 !important; 7059 color:#000000 !important; 7060} 7061 7062#year-schedule .lesson__badge--advanced{ 7063 background:#813F8E !important; 7064 color:#FFFFFF !important; 7065} 7066 7067#year-schedule .lesson__badge--new, 7068#year-schedule .lesson__sticker--new{ 7069 background:#CF2366 !important; 7070 color:#FFFFFF !important; 7071} 7072 7073/* Tooltip */ 7074#year-schedule .has-tooltip::after, 7075#year-schedule .lesson__badge::after, 7076#year-schedule .has-tooltip::before, 7077#year-schedule .lesson__badge::before{ 7078 background:#000000; 7079} 7080 7081/* ÐÑÑÑÑе ÑоÑÑоÑÐ½Ð¸Ñ */ 7082#year-schedule .lesson--empty, 7083#year-schedule .year-schedule__empty{ 7084 background:rgba(205,205,205,.14); 7085 border-color:rgba(0,0,0,.11); 7086} 7087</style> <style> 7088/* УбиÑаем ÑÑовни кÑÑÑа из ÑаÑпиÑÐ°Ð½Ð¸Ñ */ 7089#year-schedule .lesson__badge--start, 7090#year-schedule .lesson__badge--advanced { 7091 display: none !important; 7092} 7093</style> <style> 7094/* ===================================================== 7095 ФÐÐЬТРЫ Ð ÐСÐÐСÐÐÐЯ â ÐСРРÐÐÐУ ÐÐÐÐЮ ÐÐ ÐÐ 7096===================================================== */ 7097@media (min-width: 1061px) { 7098 #year-schedule .year-schedule__controls { 7099 display: grid !important; 7100 grid-template-columns: max-content max-content minmax(0, 1fr) !important; 7101 column-gap: 48px !important; 7102 row-gap: 0 !important;
7103 align-items: end !important; 7104 width: 100% !important; 7105 } 7106 7107 #year-schedule .filter-block { 7108 min-width: 0 !important; 7109 align-self: end !important; 7110 } 7111 7112 #year-schedule .filter-block__label { 7113 height: 14px !important; 7114 margin: 0 0 12px !important; 7115 line-height: 14px !important; 7116 } 7117 7118 #year-schedule .year-schedule__tabs, 7119 #year-schedule .year-schedule__age-tabs, 7120 #year-schedule .year-schedule__day-tabs { 7121 display: flex !important; 7122 flex-wrap: nowrap !important; 7123 align-items: center !important; 7124 gap: 8px !important; 7125 width: max-content !important; 7126 } 7127 7128 #year-schedule .year-schedule__tab, 7129 #year-schedule .year-schedule__age-tab, 7130 #year-schedule .year-schedule__day-tab { 7131 flex: 0 0 auto !important; 7132 min-height: 42px !important; 7133 height: 42px !important; 7134 padding-top: 0 !important; 7135 padding-bottom: 0 !important; 7136 display: inline-flex !important; 7137 align-items: center !important; 7138 justify-content: center !important; 7139 white-space: nowrap !important; 7140 } 7141 7142 /* Ðемного компакÑнее, ÑÑÐ¾Ð±Ñ Ð²Ñе ÑÑи гÑÑÐ¿Ð¿Ñ ÑÑабилÑно помеÑалиÑÑ */ 7143 #year-schedule .year-schedule__tab { 7144 padding-left: 14px !important; 7145 padding-right: 14px !important; 7146 } 7147 7148 #year-schedule .year-schedule__age-tab { 7149 padding-left: 13px !important; 7150 padding-right: 13px !important; 7151 } 7152 7153 #year-schedule .year-schedule__day-tab { 7154 min-width: 46px !important; 7155 padding-left: 11px !important; 7156 padding-right: 11px !important; 7157 } 7158 7159 #year-schedule .year-schedule__day-tab[data-day="all"] { 7160 min-width: 86px !important; 7161 } 7162} 7163 7164/* Ðа менÑÑÐ¸Ñ ÑкÑÐ°Ð½Ð°Ñ ÑÐ¾Ñ ÑанÑем иÑÑ Ð¾Ð´Ð½ÑÑ Ð°Ð´Ð°Ð¿ÑивнÑÑ ÑаÑÐºÐ»Ð°Ð´ÐºÑ */ 7165</style> <style> 7166/* ===================================================== 7167 ÐСÐÐ ÐÐÐÐÐÐРФÐÐЬТРÐÐ: ÐÐÐ ÐЫÐÐТРÐÐ ÐÐÐ ÐÐ 7168 ТÑи блока наÑинаÑÑÑÑ Ð½Ð° одной вÑÑоÑе, 7169 а кнопки внÑÑÑи пÑи Ð½ÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾ÑÑи аккÑÑаÑно пеÑеноÑÑÑÑÑ. 7170===================================================== */ 7171@media (min-width: 1061px) { 7172 #year-schedule .year-schedule__controls { 7173 display: grid !important; 7174 grid-template-columns: 7175 minmax(250px, .95fr) 7176 minmax(360px, 1.25fr) 7177 minmax(330px, 1.15fr) !important; 7178 gap: 28px !important; 7179 align-items: start !important; 7180 width: 100% !important; 7181 max-width: 100% !important; 7182 overflow: visible !important; 7183 } 7184 7185 #year-schedule .filter-block { 7186 min-width: 0 !important; 7187 width: 100% !important; 7188 align-self: start !important; 7189 } 7190 7191 #year-schedule .filter-block__label { 7192 height: 14px !important; 7193 margin: 0 0 12px !important; 7194 line-height: 14px !important; 7195 } 7196 7197 #year-schedule .year-schedule__tabs, 7198 #year-schedule .year-schedule__age-tabs, 7199 #year-schedule .year-schedule__day-tabs { 7200 display: flex !important; 7201 flex-wrap: wrap !important; 7202 align-items: flex-start !important; 7203 align-content: flex-start !important; 7204 gap: 8px !important; 7205 width: 100% !important; 7206 max-width: 100% !important; 7207 } 7208 7209 #year-schedule .year-schedule__tab, 7210 #year-schedule .year-schedule__age-tab, 7211 #year-schedule .year-schedule__day-tab { 7212 flex: 0 0 auto !important; 7213 height: 42px !important; 7214 min-height: 42px !important; 7215 padding-top: 0 !important; 7216 padding-bottom: 0 !important; 7217 display: inline-flex !important; 7218 align-items: center !important; 7219 justify-content: center !important; 7220 white-space: nowrap !important; 7221 } 7222 7223 /* ÐомпакÑнÑе гоÑизонÑалÑнÑе оÑÑÑÑÐ¿Ñ */ 7224 #year-schedule .year-schedule__tab { 7225 padding-left: 13px !important; 7226 padding-right: 13px !important; 7227 } 7228 7229 #year-schedule .year-schedule__age-tab { 7230 padding-left: 12px !important; 7231 padding-right: 12px !important; 7232 } 7233 7234 #year-schedule .year-schedule__day-tab { 7235 min-width: 44px !important; 7236 padding-left: 10px !important; 7237 padding-right: 10px !important; 7238 } 7239 7240 #year-schedule .year-schedule__day-tab[data-day="all"] { 7241 min-width: 82px !important; 7242 } 7243} 7244 7245/* ЧÑÑÑ ÑанÑÑе пеÑÐµÑ Ð¾Ð´Ð¸Ð¼ в планÑеÑнÑÑ ÑаÑкладкÑ, 7246 ÑÑÐ¾Ð±Ñ Ð½Ð¸ пÑи какой ÑиÑине не поÑвл
7246ÑлÑÑ Ð³Ð¾ÑизонÑалÑнÑй ÑкÑолл */ 7247@media (max-width: 1180px) and (min-width: 901px) { 7248 #year-schedule .year-schedule__controls { 7249 grid-template-columns: 1fr 1fr !important; 7250 } 7251 7252 #year-schedule .filter-block--day { 7253 grid-column: 1 / -1 !important; 7254 } 7255} 7256</style> <style> 7257/* ===================================================== 7258 ÐÐ ÐЫÐÐРРФÐÐÐÐÐÐ â ÐÐÐÐÐÐ Ð ÐÐÐУ СТРÐÐУ 7259===================================================== */ 7260@media (min-width: 1061px) { 7261 #year-schedule:not(.is-branch-selected) .year-schedule__controls { 7262 display: grid !important; 7263 grid-template-columns: minmax(0, 1fr) !important; 7264 gap: 0 !important; 7265 width: 100% !important; 7266 max-width: 100% !important; 7267 } 7268 7269 #year-schedule:not(.is-branch-selected) .filter-block:first-child { 7270 width: 100% !important; 7271 max-width: 100% !important; 7272 } 7273 7274 #year-schedule:not(.is-branch-selected) .year-schedule__tabs { 7275 display: flex !important; 7276 flex-wrap: nowrap !important; 7277 width: max-content !important; 7278 max-width: 100% !important; 7279 gap: 8px !important; 7280 } 7281 7282 #year-schedule:not(.is-branch-selected) .year-schedule__tab { 7283 flex: 0 0 auto !important; 7284 white-space: nowrap !important; 7285 } 7286} 7287</style> <style> 7288/* ===================================================== 7289 ÐÐÐÐÐÐÐÐÐЯ ÐЫСÐТРÐÐÐÐÐÐÐÐЫХ ÐÐРТÐЧÐÐ Ð ÐСÐÐСÐÐÐЯ 7290 ФикÑиÑÑем внÑÑÑеннÑÑ Ð²ÐµÑÑикалÑнÑÑ ÑеÑÐºÑ time-block, 7291 ÑÑÐ¾Ð±Ñ ÑоÑедние дни наÑинали ÑледÑÑÑие ÑлоÑÑ Ð½Ð° одной вÑÑоÑе. 7292===================================================== */ 7293 7294/* ÐнÑÑÑи вÑеменного блока обе лабоÑаÑоÑии ÑаÑÑÑгиваÑÑÑÑ Ð¾Ð´Ð¸Ð½Ð°ÐºÐ¾Ð²Ð¾ */ 7295#year-schedule .time-block__labs { 7296 align-items: stretch !important; 7297} 7298 7299#year-schedule .lab-slot { 7300 display: flex !important; 7301 flex-direction: column !important; 7302 min-width: 0 !important; 7303} 7304 7305/* Ðаголовок "ÐÐÐ. â1 / ÐÐÐ. â2" Ð·Ð°Ð½Ð¸Ð¼Ð°ÐµÑ Ð¾Ð´Ð¸Ð½Ð°ÐºÐ¾Ð²ÑÑ Ð²ÑÑоÑÑ */ 7306#year-schedule .lab-slot__title { 7307 min-height: 12px !important; 7308 margin-bottom: 7px !important; 7309} 7310 7311/* ÐаÑÑоÑка занÑÑÐ¸Ñ â Ð¾Ð´Ð¸Ð½Ð°ÐºÐ¾Ð²Ð°Ñ Ð²ÑÑоÑа незавиÑимо Ð¾Ñ Ð´Ð»Ð¸Ð½Ñ Ð½Ð°Ð·Ð²Ð°Ð½Ð¸Ñ */ 7312#year-schedule .lesson { 7313 display: flex !important; 7314 flex: 1 1 auto !important; 7315 min-width: 0 !important; 7316} 7317 7318#year-schedule .lesson__info { 7319 display: flex !important; 7320 align-items: center !important; 7321 width: 100% !important; 7322 min-height: 92px !important; 7323 height: 92px !important; 7324 padding: 16px 13px !important; 7325} 7326 7327/* Ðазвание кÑÑÑа оÑÑаÑÑÑÑ Ð¿Ð¾ ÑенÑÑÑ ÐºÐ°ÑÑоÑки по веÑÑикали */ 7328#year-schedule .lesson__title { 7329 width: 100% !important; 7330 margin: 0 !important; 7331} 7332 7333/* ÐÑÑÑой ÑÐ»Ð¾Ñ Ð¸Ð¼ÐµÐµÑ ÑÑ Ð¶Ðµ вÑÑоÑÑ, ÑÑо и обÑÑное занÑÑие */ 7334#year-schedule .lesson--empty { 7335 min-height: 92px !important; 7336 height: 92px !important; 7337} 7338 7339/* Сам блок вÑемени полÑÑÐ°ÐµÑ ÑÑабилÑнÑÑ Ð¼Ð¸Ð½Ð¸Ð¼Ð°Ð»ÑнÑÑ Ð²ÑÑоÑÑ */ 7340#year-schedule .time-block { 7341 min-height: 164px !important; 7342} 7343 7344/* Ðа мобилÑной каÑÑоÑки можно ÑделаÑÑ ÑÑÑÑ ÐºÐ¾Ð¼Ð¿Ð°ÐºÑнее, 7345 но они вÑÑ Ñавно оÑÑаÑÑÑÑ Ð¾Ð´Ð¸Ð½Ð°ÐºÐ¾Ð²Ñми по вÑÑоÑе */ 7346@media (max-width: 640px) { 7347 #year-schedule .lesson__info, 7348 #year-schedule .lesson--empty { 7349 min-height: 78px !important; 7350 height: 78px !important; 7351 } 7352 7353 #year-schedule .time-block { 7354 min-height: auto !important; 7355 } 7356} 7357</style> <style> 7358/* ===================================================== 7359 ФÐÐÐÐЬÐÐЯ ÐÐ ÐÐÐÐ: 7360 1) пÑавилÑное Ñклонение колиÑеÑÑва гÑÑпп â в JS вÑÑе 7361 2) Ð½Ð°Ð·Ð²Ð°Ð½Ð¸Ñ ÐºÑÑÑов кÑÑпнее и замеÑнее 7362===================================================== */ 7363 7364#year-schedule .lesson__title { 7365 color: #000000 !important; 7366 font-size: 16px !important; 7367 font-weight: 800 !important; 7368 line-height: 1.22 !important; 7369 letter-spacing: -0.015em !important; 7370} 7371 7372/* ЧÑÑÑ Ð±Ð¾Ð»ÑÑе воздÑÑ Ð° внÑÑÑи каÑÑоÑки под ÑÑиленнÑй заголовок */ 7373#year-schedule .lesson__info { 7374 padding-left: 16px !important; 7375 padding-right: 16px !important; 7376} 7377 7378/* Ðа ÑиÑоком ÐРназвание еÑÑ Ð½ÐµÐ¼Ð½Ð¾Ð³Ð¾ кÑÑпнее */ 7379@media (min-width: 1200px) { 7380 #year-schedule .lesson__title { 7381 font-size: 17px !important; 7382 } 7383} 7384 7385/* Ðа мобилÑной не ÑаздÑваем каÑÑоÑки */ 7386@media (max-width: 640px) { 7387 #year-schedule .lesson__title { 7388 font-size: 15px !important; 7389 line-height: 1.24 !important; 7390 } 7391 7392 #year-schedule .lesson__info { 7393 padding-left: 13px !important; 7394 padding-right: 13px !important; 7395 } 7396} 7397</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3096671501" 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 --> <section id="consult-cta" class="consult-cta"> <div class="consult-cta__wrap"> <div class="consult-cta__main"> <div class="consult-cta__content"> <div class="consult-cta__badge"> 7398 беÑплаÑÐ½Ð°Ñ ÐºÐ¾Ð½ÑÑлÑÑаÑÐ¸Ñ 7399 </div> <h2 class="consult-cta__title"> 7400 Сложно вÑбÑаÑÑ Ð¿ÑогÑÐ°Ð¼Ð¼Ñ Ð¿ÑÑмо ÑейÑаÑ? 7401 </h2> <p class="consult-cta__text"> 7402 ÐÑÑавÑÑе заÑÐ²ÐºÑ â Ð¼Ñ ÑвÑжемÑÑ Ñ Ð²Ð°Ð¼Ð¸ в ÑеÑение <b>15 минÑÑ</b>, 7403 подбеÑем Ð¿Ð¾Ð´Ñ Ð¾Ð´ÑÑий кÑÑÑ Ð¸ ÑаÑÑкажем, Ñ Ñего лÑÑÑе наÑаÑÑ. 7404 </p> <div class="consult-cta__benefits"> <div class="consult-cta__benefit"> <b>15 мин</b> <span>бÑÑÑÑо оÑвеÑим</span> </div> <div class="consult-cta__benefit"> <b>кÑÑÑ</b> <span>
7404подбеÑем по возÑаÑÑÑ</span> </div> <div class="consult-cta__benefit"> <b>0 â½</b> <span>конÑÑлÑÑаÑÐ¸Ñ Ð±ÐµÑплаÑнаÑ</span> </div> </div> </div> <div class="consult-cta__visual" aria-hidden="true"> <div class="consult-cta__glow"></div> <div class="consult-cta__shape consult-cta__shape--play"></div> <div class="consult-cta__shape consult-cta__shape--code"> </> </div> <div class="consult-cta__shape consult-cta__shape--bot"></div> <img 7405 class="consult-cta__boy" 7406 src="https://lh3.googleusercontent.com/d/1iBuTWyNd94l-lGzZRzsFdlx93XlRdhSX" 7407 alt="" 7408 > </div> </div> <form 7409 id="consult-cta-tilda" 7410 class="consult-cta__form t-form js-form-proccess" 7411 method="POST" 7412 action="" 7413 data-formactiontype="2" 7414 data-inputbox=".consult-cta__field" 7415 novalidate 7416 > <input type="hidden" name="tildaspec-formname" value="Сложно ÑделаÑÑ Ð²ÑбоÑ"> <input type="hidden" name="request_type" value="Сложно ÑделаÑÑ Ð²ÑбоÑ"> <input type="hidden" name="source" value="ÐÐ»Ð°Ð²Ð½Ð°Ñ ÑÑÑаниÑа â блок конÑÑлÑÑаÑии"> <div class="consult-cta__success js-successbox" aria-live="polite"> 7417 СпаÑибо! ÐаÑвка оÑпÑавлена. ÐÑ ÑвÑжемÑÑ Ñ Ð²Ð°Ð¼Ð¸. 7418 </div> <div class="consult-cta__form-title"> 7419 ÐÑÑавÑÑе заÑвкÑ<br> 7420 на конÑÑлÑÑаÑÐ¸Ñ 7421 </div> <label class="consult-cta__field"> <span class="consult-cta__field-label">ÐаÑе имÑ</span> <input 7422 type="text" 7423 name="Name" 7424 class="t-input js-tilda-rule" 7425 data-tilda-rule="name" 7426 placeholder="ÐаÑе имÑ" 7427 autocomplete="name" 7428 required 7429 > </label> <label class="consult-cta__field"> <span class="consult-cta__field-label">ÐÐ°Ñ ÑелеÑон</span> <input 7430 type="tel" 7431 name="Phone" 7432 class="t-input js-tilda-rule" 7433 data-tilda-rule="phone" 7434 value="+7" 7435 placeholder="+7 (000) 000-00-00" 7436 autocomplete="tel" 7437 inputmode="tel" 7438 required 7439 > </label> <button type="submit"> 7440 ÐÑпÑавиÑÑ Ð·Ð°ÑÐ²ÐºÑ 7441 </button> <div class="consult-cta__policy"> 7442 ÐÐ°Ð¶Ð¸Ð¼Ð°Ñ ÐºÐ½Ð¾Ð¿ÐºÑ Â«ÐÑпÑавиÑÑ Ð·Ð°ÑвкÑ», Ð²Ñ Ð¿Ð¾Ð´ÑвеÑждаеÑе ÑоглаÑие 7443 <a href="https://inginirium.pro/policy" target="_blank" rel="noopener"> 7444 на обÑабоÑÐºÑ Ð¿ÐµÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ 7445 </a> </div> <div style="position:absolute;left:-5000px;bottom:0;display:none;"> <input type="text" name="form-spec-comments" value="Its good" class="js-form-spec-comments" tabindex="-1"> </div> </form> </div> </section> <style> 7446#consult-cta { 7447 --consult-yellow: #FEE500; 7448 --consult-yellow-light: #FEE500; 7449 --consult-yellow-dark: #FEE500; 7450 --consult-purple: #753B96; 7451 --consult-purple-dark: #753B96; 7452 --consult-black: #171717; 7453 --consult-text: #1c1c1c; 7454 --consult-muted: #696969; 7455 --consult-border: rgba(23, 23, 23, 0.09); 7456 --consult-white: #FFFFFF; 7457 7458 position: relative; 7459 display: block; 7460 width: 100%; 7461 max-width: 100%; 7462 margin: 0; 7463 padding: 64px 24px; 7464 overflow: hidden; 7465 box-sizing: border-box; 7466 background: transparent; 7467 color: var(--consult-text); 7468 font-family: "TildaSans", Arial, sans-serif; 7469} 7470 7471#consult-cta *, 7472#consult-cta *::before, 7473#consult-cta *::after { 7474 box-sizing: border-box; 7475 font-family: "TildaSans", Arial, sans-serif; 7476} 7477 7478#consult-cta .consult-cta__wrap { 7479 position: relative; 7480 isolation: isolate; 7481 width: min(1180px, 100%); 7482 max-width: 100%; 7483 min-width: 0; 7484 min-height: 620px; 7485 margin: 0 auto; 7486 padding: 44px; 7487 overflow: hidden; 7488 border: 1px solid rgba(23, 23, 23, 0.08); 7489 border-radius: 30px; 7490 background: 7491 radial-gradient(circle at 10% 8%, rgba(255, 255, 255, 0.42), transparent 29%), 7492 radial-gradient(circle at 91% 88%, rgba(117, 59, 150, 0.12), transparent 30%), 7493 var(--consult-yellow); 7494 box-shadow: 0 20px 50px rgba(23, 23, 23, 0.09); 7495 animation: consultCtaIn 0.65s ease both; 7496} 7497 7498#consult-cta .consult-cta__wrap::before { 7499 content: ""; 7500 position: absolute; 7501 z-index: -1; 7502 top: -120px; 7503 right: 8%; 7504 width: 270px; 7505 height: 270px; 7506 border: 1px solid rgba(23, 23, 23, 0.07); 7507 border-radius: 50%; 7508 pointer-events: none; 7509} 7510 7511#consult-cta .consult-cta__wrap::after {
7512 content: ""; 7513 position: absolute; 7514 z-index: -1; 7515 left: -100px; 7516 bottom: -120px; 7517 width: 250px; 7518 height: 250px; 7519 border: 1px solid rgba(117, 59, 150, 0.12); 7520 border-radius: 50%; 7521 pointer-events: none; 7522} 7523 7524#consult-cta .consult-cta__main { 7525 position: relative; 7526 display: grid; 7527 grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr); 7528 gap: 30px; 7529 width: 100%; 7530 max-width: 100%; 7531 min-width: 0; 7532 min-height: 410px; 7533} 7534 7535#consult-cta .consult-cta__content { 7536 position: relative; 7537 z-index: 5; 7538 align-self: center; 7539 width: 100%; 7540 max-width: 680px; 7541 min-width: 0; 7542} 7543 7544#consult-cta .consult-cta__badge { 7545 display: inline-flex; 7546 align-items: center; 7547 gap: 9px; 7548 min-height: 34px; 7549 margin-bottom: 17px; 7550 padding: 8px 13px; 7551 border: 1px solid rgba(23, 23, 23, 0.08); 7552 border-radius: 999px; 7553 background: rgba(255, 255, 255, 0.38); 7554 color: var(--consult-black); 7555 font-size: 12px; 7556 font-weight: 700; 7557 line-height: 1; 7558 letter-spacing: 0.08em; 7559 text-transform: uppercase; 7560} 7561 7562#consult-cta .consult-cta__badge::before { 7563 content: ""; 7564 flex: 0 0 auto; 7565 width: 7px; 7566 height: 7px; 7567 border-radius: 50%; 7568 background: var(--consult-purple); 7569 box-shadow: 0 0 0 4px rgba(117, 59, 150, 0.12); 7570} 7571 7572#consult-cta .consult-cta__title { 7573 width: 100%; 7574 max-width: 690px; 7575 min-width: 0; 7576 margin: 0; 7577 color: var(--consult-black); 7578 font-size: 46px; 7579 font-weight: 900; 7580 line-height: 1.05; 7581 letter-spacing: -0.8px; 7582} 7583 7584#consult-cta .consult-cta__text { 7585 width: 100%; 7586 max-width: 620px; 7587 min-width: 0; 7588 margin: 22px 0 0; 7589 color: rgba(23, 23, 23, 0.7); 7590 font-size: 19px; 7591 font-weight: 400; 7592 line-height: 1.5; 7593} 7594 7595#consult-cta .consult-cta__text b { 7596 color: var(--consult-black); 7597 font-weight: 700; 7598} 7599 7600#consult-cta .consult-cta__benefits { 7601 display: grid; 7602 grid-template-columns: repeat(3, minmax(0, 1fr)); 7603 gap: 10px; 7604 width: 100%; 7605 max-width: 620px; 7606 min-width: 0; 7607 margin-top: 30px; 7608} 7609 7610#consult-cta .consult-cta__benefit { 7611 min-width: 0; 7612 padding: 16px; 7613 border: 1px solid rgba(23, 23, 23, 0.07); 7614 border-radius: 16px; 7615 background: rgba(255, 255, 255, 0.42); 7616 backdrop-filter: blur(10px); 7617 -webkit-backdrop-filter: blur(10px); 7618} 7619 7620#consult-cta .consult-cta__benefit b { 7621 display: block; 7622 color: var(--consult-black); 7623 font-size: 21px; 7624 font-weight: 800; 7625 line-height: 1; 7626 letter-spacing: -0.025em; 7627} 7628 7629#consult-cta .consult-cta__benefit span { 7630 display: block; 7631 margin-top: 7px; 7632 color: rgba(23, 23, 23, 0.62); 7633 font-size: 12px; 7634 font-weight: 500; 7635 line-height: 1.3; 7636} 7637 7638#consult-cta .consult-cta__visual { 7639 position: relative; 7640 z-index: 3; 7641 align-self: stretch; 7642 min-height: 410px; 7643 pointer-events: none; 7644} 7645 7646#consult-cta .consult-cta__boy { 7647 position: absolute; 7648 z-index: 5; 7649 right: -15px; 7650 bottom: -44px; 7651 display: block; 7652 width: min(480px, 100%); 7653 max-width: none; 7654 height: auto; 7655 object-fit: contain; 7656} 7657 7658#consult-cta .consult-cta__glow { 7659 position: absolute; 7660 top: 48%; 7661 right: 48%; 7662 width: 310px; 7663 height: 310px; 7664 border-radius: 50%; 7665 background: rgba(255, 255, 255, 0.38); 7666 filter: blur(24px); 7667 transform: translate(50%, -50%); 7668} 7669 7670#consult-cta .consult-cta__shape { 7671 position: absolute; 7672 z-index: 7; 7673 box-shadow: 0 16px 30px rgba(23, 23, 23, 0.13); 7674} 7675 7676#consult-cta .consult-cta__shape--play { 7677 top: 130px; 7678 left: 5px; 7679 width: 82px; 7680 height: 68px; 7681 border-radius: 20px; 7682 background: var(--consult-purple); 7683 transform: rotate(4deg); 7684} 7685 7686#consult-cta .consult-cta__shape--play::before { 7687 content: ""; 7688 position: absolute; 7689 top: 19px; 7690 left: 33px; 7691 width: 0; 7692 height: 0; 7693 border-top: 14px solid transparent; 7694 border-bottom: 14px solid transparent; 7695 border-left: 21px solid #ffffff; 7696} 7697 7698#consult-cta .consult-cta__shape--code { 7699 right: 6px; 7700 bottom: 30px; 7701 display: flex; 7702 align-items: center; 7703 justify-content: center; 7704 width: 86px; 7705 height: 72px; 7706 border: 1px solid rgba(23, 23, 23, 0.07); 7707 border-radius: 20px; 7708 background: rgba(255, 255, 255, 0.88); 7709 color: rgba(23, 23, 23, 0.32); 7710 font-size: 24px; 7711 font-weight: 800; 7712 transform: rotate(5deg); 7713} 7714 7715#consult-cta .consult-cta__shape--bot { 7716 top: 130px; 7717 right: 0; 7718 width: 74px; 7719 height: 52px; 7720 border: 10px solid var(--consult-yellow); 7721 border-radius: 19px; 7722 background: var(--consult-black); 7723} 7724 7725#consult-cta .consult-cta__shape--bot::before, 7726#consult-cta .consult-cta__shape--bot::after {
7727 content: ""; 7728 position: absolute; 7729 top: 13px; 7730 width: 7px; 7731 height: 7px; 7732 border-radius: 50%; 7733 background: #FFFFFF; 7734} 7735 7736#consult-cta .consult-cta__shape--bot::before { 7737 left: 18px; 7738} 7739 7740#consult-cta .consult-cta__shape--bot::after { 7741 right: 18px; 7742} 7743 7744#consult-cta .consult-cta__form { 7745 position: relative; 7746 z-index: 10; 7747 display: grid; 7748 width: 100%; 7749 max-width: 100%; 7750 min-width: 0; 7751 grid-template-columns: minmax(190px, 0.9fr) minmax(180px, 1fr) minmax(180px, 1fr) minmax(170px, 0.8fr); 7752 gap: 12px; 7753 align-items: end; 7754 margin-top: 28px; 7755 padding: 22px; 7756 border: 1px solid rgba(23, 23, 23, 0.08); 7757 border-radius: 22px; 7758 background: rgba(255, 255, 255, 0.94); 7759 box-shadow: 0 16px 38px rgba(23, 23, 23, 0.11); 7760 backdrop-filter: blur(14px); 7761 -webkit-backdrop-filter: blur(14px); 7762} 7763 7764#consult-cta .consult-cta__form-title { 7765 align-self: center; 7766 color: var(--consult-black); 7767 font-size: 22px; 7768 font-weight: 700; 7769 line-height: 1.12; 7770 letter-spacing: -0.025em; 7771} 7772 7773#consult-cta .consult-cta__field { 7774 display: grid; 7775 gap: 7px; 7776 min-width: 0; 7777} 7778 7779#consult-cta .consult-cta__field-label { 7780 color: rgba(23, 23, 23, 0.58); 7781 font-size: 11px; 7782 font-weight: 700; 7783 line-height: 1; 7784 letter-spacing: 0.05em; 7785 text-transform: uppercase; 7786} 7787 7788#consult-cta input { 7789 width: 100%; 7790 height: 56px; 7791 padding: 0 17px; 7792 border: 1px solid rgba(23, 23, 23, 0.1); 7793 border-radius: 14px; 7794 outline: none; 7795 background: #FFFFFF; 7796 color: var(--consult-black); 7797 font-size: 16px; 7798 font-weight: 500; 7799 transition: border-color 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease; 7800} 7801 7802#consult-cta input::placeholder { 7803 color: rgba(23, 23, 23, 0.38); 7804} 7805 7806#consult-cta input:focus { 7807 border-color: var(--consult-purple); 7808 background: #ffffff; 7809 box-shadow: 0 0 0 4px rgba(117, 59, 150, 0.08); 7810} 7811 7812#consult-cta button { 7813 width: 100%; 7814 height: 56px; 7815 padding: 0 20px; 7816 border: 1px solid var(--consult-black); 7817 border-radius: 14px; 7818 background: var(--consult-black); 7819 color: #ffffff; 7820 font-size: 14px; 7821 font-weight: 700; 7822 line-height: 1; 7823 letter-spacing: 0.03em; 7824 text-transform: uppercase; 7825 cursor: pointer; 7826 transition: transform 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease, box-shadow 0.22s ease; 7827} 7828 7829#consult-cta button:hover { 7830 transform: translateY(-2px); 7831 border-color: var(--consult-purple); 7832 background: var(--consult-purple); 7833 box-shadow: 0 12px 26px rgba(23, 23, 23, 0.16); 7834} 7835 7836#consult-cta .consult-cta__policy { 7837 grid-column: 2 / -1; 7838 margin-top: -2px; 7839 color: rgba(23, 23, 23, 0.5); 7840 font-size: 11px; 7841 font-weight: 400; 7842 line-height: 1.4; 7843} 7844 7845 7846#consult-cta .consult-cta__policy a { 7847 color: var(--consult-black); 7848 font-weight: 600; 7849 text-decoration: underline; 7850 text-underline-offset: 3px; 7851} 7852 7853@keyframes consultCtaIn { 7854 from { opacity: 0; transform: translateY(18px); } 7855 to { opacity: 1; transform: translateY(0); } 7856} 7857 7858@media (max-width: 1020px) { 7859 #consult-cta { 7860 padding: 52px 24px; 7861 } 7862 7863 #consult-cta .consult-cta__wrap, 7864 #consult-cta .consult-cta__main, 7865 #consult-cta .consult-cta__content, 7866 #consult-cta .consult-cta__form { 7867 width: 100%; 7868 max-width: 100%; 7869 min-width: 0; 7870 } 7871 7872 #consult-cta .consult-cta__wrap { 7873 min-height: auto; 7874 padding: 34px; 7875 } 7876 7877 #consult-cta .consult-cta__main { 7878 grid-template-columns: minmax(0, 1fr) 300px; 7879 } 7880 7881 #consult-cta .consult-cta__visual { 7882 opacity: 0.72; 7883 } 7884 7885 #consult-cta .consult-cta__form { 7886 grid-template-columns: repeat(2, minmax(0, 1fr)); 7887 } 7888 7889 #consult-cta .consult-cta__form-title { 7890 grid-column: 1 / -1; 7891 } 7892 7893 #consult-cta .consult-cta__policy { 7894 grid-column: 1 / -1; 7895 } 7896} 7897 7898@media (max-width: 780px) { 7899 #consult-cta .consult-cta__main { 7900 grid-template-columns: minmax(0, 1fr); 7901 } 7902 7903 #consult-cta .consult-cta__content { 7904 width: 100%; 7905 max-width: 680px; 7906 min-width: 0; 7907 } 7908 7909 #consult-cta .consult-cta__visual { 7910 position: absolute; 7911 top: 0; 7912 right: -100px; 7913 width: 390px; 7914 max-width: none; 7915 height: 400px; 7916 opacity: 0.18; 7917 } 7918 7919 #consult-cta .consult-cta__benefits { 7920 position: relative; 7921 z-index: 5; 7922 } 7923} 7924 7925@media (max-width: 640px) { 7926 #consult-cta { 7927 width: 100%; 7928 max-width: 100%; 7929 margin: 0; 7930 padding: 40px 24px; 7931 overflow: hidden; 7932 box-sizing: border-box; 7933 } 7934 7935 #consult-cta .consult-cta__wrap, 7936 #consult-cta .consult-cta__main, 7937 #consult-cta .consult-cta__content, 7938 #consult-cta .consult-cta__benefits, 7939 #consult-cta .consult-cta__form { 7940 width: 100%; 7941 max-width: 100%; 7942 min-width: 0; 7943 } 7944 7945 #consult-cta .consult-cta__wrap { 7946 min-height: auto; 7947 margin: 0 auto; 7948 padding: 22px; 7949 border-radius: 22px; 7950 } 7951 7952 #consult-cta .consult-cta__main { 7953 grid-template-columns: minmax(0, 1fr); 7954 min-height: auto; 7955 } 7956 7957 #consult-cta .consult-cta__badge { 7958 max-width: 100%; 7959 margin-bottom: 14px; 7960 padding: 7px 12px; 7961 font-size: 11px; 7962 } 7963 7964 #consult-cta .consult-cta__title { 7965 width: 100%; 7966 max-width: 100%; 7967 min-width: 0; 7968 margin: 0;
7969 font-size: clamp(27px, 7.45vw, 30px); 7970 font-weight: 900; 7971 line-height: 1.05; 7972 letter-spacing: -0.03em; 7973 overflow-wrap: break-word; 7974 word-break: normal; 7975 } 7976 7977 #consult-cta .consult-cta__text { 7978 width: 100%; 7979 max-width: 100%; 7980 min-width: 0; 7981 margin-top: 16px; 7982 font-size: 16px; 7983 line-height: 1.45; 7984 overflow-wrap: break-word; 7985 } 7986 7987 #consult-cta .consult-cta__benefits { 7988 grid-template-columns: minmax(0, 1fr); 7989 gap: 8px; 7990 margin-top: 24px; 7991 } 7992 7993 #consult-cta .consult-cta__benefit { 7994 display: grid; 7995 grid-template-columns: 70px minmax(0, 1fr); 7996 gap: 12px; 7997 align-items: center; 7998 width: 100%; 7999 max-width: 100%; 8000 min-width: 0; 8001 padding: 13px 14px; 8002 border-radius: 14px; 8003 } 8004 8005 #consult-cta .consult-cta__benefit b { 8006 font-size: 19px; 8007 } 8008 8009 #consult-cta .consult-cta__benefit span { 8010 min-width: 0; 8011 margin-top: 0; 8012 overflow-wrap: break-word; 8013 } 8014 8015 #consult-cta .consult-cta__visual { 8016 display: none; 8017 } 8018 8019 #consult-cta .consult-cta__form { 8020 grid-template-columns: minmax(0, 1fr); 8021 gap: 14px; 8022 margin-top: 24px; 8023 padding: 18px; 8024 border-radius: 18px; 8025 } 8026 8027 #consult-cta .consult-cta__form-title, 8028 #consult-cta .consult-cta__policy { 8029 grid-column: auto; 8030 } 8031 8032 #consult-cta .consult-cta__form-title { 8033 font-size: 21px; 8034 } 8035 8036 #consult-cta .consult-cta__field, 8037 #consult-cta input, 8038 #consult-cta button { 8039 width: 100%; 8040 max-width: 100%; 8041 min-width: 0; 8042 } 8043 8044 #consult-cta input, 8045 #consult-cta button { 8046 height: 55px; 8047 } 8048} 8049 8050@media (max-width: 420px) { 8051 #consult-cta { 8052 padding: 40px 20px; 8053 } 8054 8055 #consult-cta .consult-cta__title { 8056 font-size: clamp(26px, 7.25vw, 29px); 8057 line-height: 1.05; 8058 } 8059 8060 #consult-cta .consult-cta__wrap { 8061 padding: 18px; 8062 } 8063 8064 #consult-cta .consult-cta__form { 8065 padding: 16px; 8066 } 8067} 8068 8069@media (prefers-reduced-motion: reduce) { 8070 #consult-cta .consult-cta__wrap { animation: none; } 8071 #consult-cta input, #consult-cta button { transition: none; } 8072} 8073</style> <style> 8074#consult-cta .consult-cta__success { 8075 display: none; 8076 grid-column: 1 / -1; 8077 margin: 0 0 4px; 8078 padding: 14px 16px; 8079 border: 1px solid rgba(23,23,23,.08); 8080 border-radius: 14px; 8081 background: rgba(254,229,0,.24); 8082 color: var(--consult-black); 8083 font-size: 14px; 8084 font-weight: 700; 8085 line-height: 1.4; 8086} 8087 8088#consult-cta button.t-btn_sending { 8089 pointer-events: none; 8090 opacity: .7; 8091} 8092</style>
8092<script> 8093(function () { 8094 var linked = false; 8095 8096 function getOurForm() { 8097 return document.getElementById('consult-cta-tilda'); 8098 } 8099 8100 function getDonorForm() { 8101 var rec = document.getElementById('rec3096690301'); 8102 if (!rec) return null; 8103 8104 var form = rec.querySelector('form.js-form-proccess'); 8105 if (!form) return null; 8106 8107 var serviceInputs = form.querySelectorAll( 8108 'input.js-formaction-services[name="formservices[]"], input[name="formservices[]"]' 8109 ); 8110 8111 return serviceInputs.length ? form : null; 8112 } 8113 8114 function copyTildaServices(donor, target) { 8115 var serviceInputs = donor.querySelectorAll( 8116 'input.js-formaction-services[name="formservices[]"], input[name="formservices[]"]' 8117 ); 8118 8119 var existing = []; 8120 target.querySelectorAll('input[name="formservices[]"]').forEach(function (input) { 8121 existing.push(input.value); 8122 }); 8123 8124 serviceInputs.forEach(function (input) { 8125 if (!input.value || existing.indexOf(input.value) !== -1) return; 8126 8127 var hidden = document.createElement('input'); 8128 hidden.type = 'hidden'; 8129 hidden.name = 'formservices[]'; 8130 hidden.value = input.value; 8131 hidden.className = 'js-formaction-services'; 8132 target.insertBefore(hidden, target.firstChild); 8133 8134 existing.push(input.value); 8135 }); 8136 8137 return target.querySelectorAll('input[name="formservices[]"]').length; 8138 } 8139 8140 function hideDonorBlock(donor) { 8141 var rec = donor.closest('.t-rec') || donor.closest('[id^="rec"]'); 8142 if (!rec) return; 8143 8144 rec.setAttribute('aria-hidden', 'true'); 8145 rec.style.setProperty('display', 'none', 'important'); 8146 rec.style.setProperty('height', '0', 'important'); 8147 rec.style.setProperty('min-height', '0', 'important'); 8148 rec.style.setProperty('margin', '0', 'important'); 8149 rec.style.setProperty('padding', '0', 'important'); 8150 rec.style.setProperty('overflow', 'hidden', 'important'); 8151 } 8152 8153 function bindSuccess(form) { 8154 if (form.dataset.successBound === '1') return; 8155 form.dataset.successBound = '1'; 8156 8157 form.addEventListener('tildaform:aftersuccess', function () { 8158 var success = form.querySelector('.consult-cta__success'); 8159 var button = form.querySelector('button[type="submit"]'); 8160 8161 if (success) success.style.display = 'block'; 8162 8163 if (button) { 8164 button.textContent = 'ÐаÑвка оÑпÑавлена'; 8165 button.disabled = true; 8166 } 8167 8168 form.reset(); 8169 8170 var phone = form.querySelector('input[name="Phone"]'); 8171 if (phone) phone.value = '+7'; 8172 }); 8173 } 8174 8175 function initConsultForm() { 8176 if (linked) return true; 8177 8178 var form = getOurForm(); 8179 if (!form) return false; 8180 8181 bindSuccess(form); 8182 8183 var donor = getDonorForm(); 8184 if (!donor) return false; 8185 8186 var servicesCount = copyTildaServices(donor, form); 8187 if (!servicesCount) return false; 8188 8189 hideDonorBlock(donor); 8190 setTimeout(function () { hideDonorBlock(donor); }, 800); 8191 setTimeout(function () { hideDonorBlock(donor); }, 1800); 8192 8193 form.dataset.tildaLinked = '1'; 8194 linked = true; 8195 8196 console.info('[Consult form] Tilda подклÑÑена. ÐÑиÑмÑиков: ' + servicesCount); 8197 return true; 8198 } 8199 8200 function startInitAttempts() { 8201 var attempts = 0; 8202 var maxAttempts = 30; 8203 8204 if (initConsultForm()) return; 8205 8206 var timer = setInterval(function () { 8207 attempts++; 8208 8209 if (initConsultForm() || attempts >= maxAttempts) { 8210 clearInterval(timer); 8211 8212 if (!linked) { 8213 console.warn( 8214 '[Consult form] Ðе ÑдалоÑÑ Ð½Ð°Ð¹Ñи #rec3096690301 Ñ Ð¿Ð¾Ð´ÐºÐ»ÑÑÑннÑм пÑиÑмÑиком Tilda. ' + 8215 'Ðлок должен бÑÑÑ Ð²ÐºÐ»ÑÑÑн и опÑбликован, ÑкÑÑваÑÑ ÐµÐ³Ð¾ вÑÑÑнÑÑ Ð½ÐµÐ»ÑзÑ.' 8216 ); 8217 } 8218 } 8219 }, 300); 8220 } 8221 8222 if (document.readyState === 'loading') { 8223 document.addEventListener('DOMContentLoaded', startInitAttempts); 8224 } else { 8225 startInitAttempts(); 8226 } 8227})(); 8228</script>
8228
8228<script> 8229(function () { 8230 function initConsultPhoneMask() { 8231 var form = document.getElementById('consult-cta-tilda'); 8232 if (!form) return; 8233 8234 var phone = form.querySelector('input[name="Phone"]'); 8235 if (!phone || phone.dataset.maskReady === '1') return; 8236 8237 phone.dataset.maskReady = '1'; 8238 phone.setAttribute('maxlength', '18'); 8239 8240 function normalizeDigits(raw) { 8241 var digits = String(raw || '').replace(/\D/g, ''); 8242 8243 if (digits.length >= 11 && (digits.charAt(0) === '7' || digits.charAt(0) === '8')) { 8244 digits = digits.slice(1); 8245 } else if (digits.length && digits.charAt(0) === '7' && String(raw).trim().indexOf('+7') === 0) { 8246 digits = digits.slice(1); 8247 } 8248 8249 return digits.slice(0, 10); 8250 } 8251 8252 function formatDigits(d) { 8253 var out = '+7'; 8254 if (d.length > 0) out += ' (' + d.slice(0, 3); 8255 if (d.length >= 3) out += ')'; 8256 if (d.length > 3) out += ' ' + d.slice(3, 6); 8257 if (d.length > 6) out += '-' + d.slice(6, 8); 8258 if (d.length > 8) out += '-' + d.slice(8, 10); 8259 return out; 8260 } 8261 8262 function render(digits) { 8263 phone.value = formatDigits(digits); 8264 try { 8265 phone.setSelectionRange(phone.value.length, phone.value.length); 8266 } catch (e) {} 8267 } 8268
8269 phone.addEventListener('focus', function () { 8270 render(normalizeDigits(phone.value)); 8271 }); 8272 8273 phone.addEventListener('input', function () { 8274 render(normalizeDigits(phone.value)); 8275 }); 8276 8277 phone.addEventListener('paste', function (e) { 8278 e.preventDefault(); 8279 var pasted = e.clipboardData && e.clipboardData.getData 8280 ? e.clipboardData.getData('text') 8281 : ''; 8282 render(normalizeDigits(pasted)); 8283 }); 8284 8285 phone.addEventListener('keydown', function (e) { 8286 if (e.key !== 'Backspace' && e.key !== 'Delete') return; 8287 8288 var digits = normalizeDigits(phone.value); 8289 8290 if (e.key === 'Backspace') { 8291 e.preventDefault(); 8292 render(digits.slice(0, -1)); 8293 } 8294 }); 8295 8296 phone.addEventListener('click', function () { 8297 try { 8298 phone.setSelectionRange(phone.value.length, phone.value.length); 8299 } catch (e) {} 8300 }); 8301 8302 render(normalizeDigits(phone.value)); 8303 } 8304 8305 if (document.readyState === 'loading') { 8306 document.addEventListener('DOMContentLoaded', initConsultPhoneMask); 8307 } else {
8308 initConsultPhoneMask(); 8309 } 8310})(); 8311</script>
8311 <!-- nominify end --> </div> </div> </div> </div> <div id="rec3096673101" 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 --> <section id="discounts" class="discounts"> <div class="discounts__wrap"> <div class="discounts__head"> <div class="discounts__eyebrow"> 8312 ÐÑгоднÑе ÑÑÐ»Ð¾Ð²Ð¸Ñ 8313 </div> <h2 class="discounts__title"> <span class="discounts__title-line">ÐоÑÑоÑннÑе Ñкидки</span> <span class="discounts__title-line">на обÑÑение</span> </h2> <p class="discounts__subtitle"> 8314 Скидки можно ÑÑммиÑоваÑÑ Ð¼ÐµÐ¶Ð´Ñ Ñобой. ÐакÑималÑнÑй ÑÐ°Ð·Ð¼ÐµÑ Ð¾Ð±Ñей Ñкидки â 20%. 8315 </p> </div> <div class="discounts__grid"> <article class="discount-card discount-card--white"> <div class="discount-card__top"> <div class="discount-card__percent">10%</div> <div class="discount-card__icon" aria-hidden="true"> <svg viewBox="0 0 64 64"> <path d="M14 14h36v36H14z"/> <path d="M22 9v10M42 9v10M14 25h36"/> </svg> </div> </div> <div class="discount-card__content"> <h3>Ðа оплаÑÑ Ð¿Ð¾Ð»Ð½Ð¾Ð³Ð¾ ÑÑебного года</h3> <p>ÐÑи единовÑеменной оплаÑе вÑей пÑогÑÐ°Ð¼Ð¼Ñ Ð¾Ð±ÑÑениÑ.</p> </div> </article> <article class="discount-card discount-card--lavender"> <div class="discount-card__top"> <div class="discount-card__percent">10%</div> <div class="discount-card__icon" aria-hidden="true"> <svg viewBox="0 0 64 64"> <circle cx="24" cy="25" r="11"/> <circle cx="42" cy="39" r="11"/> <path d="M31 31l4 3"/> </svg> </div> </div> <div class="discount-card__content"> <h3>Ðа вÑоÑое и поÑледÑÑÑие напÑавлениÑ</h3> <p>Ðогда Ñебенок одновÑеменно поÑеÑÐ°ÐµÑ Ð½ÐµÑколÑко кÑÑÑов.</p> </div> </article> <article class="discount-card discount-card--soft-yellow"> <div class="discount-card__top"> <div class="discount-card__percent">10%</div> <div class="discount-card__icon" aria-hidden="true"> <svg viewBox="0 0 64 64"> <circle cx="23" cy="22" r="9"/> <circle cx="43" cy="25" r="8"/> <path d="M9 52c1-12 7-18 15-18s14 6 15 18"/> <path d="M34 52c1-10 5-15 11-15s10 5 11 15"/> </svg> </div> </div> <div class="discount-card__content"> <h3>Ðа вÑоÑого и поÑледÑÑÑÐ¸Ñ Ð´ÐµÑей из одной ÑемÑи</h3> <p>Ð¡ÐµÐ¼ÐµÐ¹Ð½Ð°Ñ Ñкидка пÑи обÑÑении неÑколÑÐºÐ¸Ñ Ð´ÐµÑей.</p> </div> </article> <article class="discount-card discount-card--white"> <div class="discount-card__top"> <div class="discount-card__percent">10%</div> <div class="discount-card__icon" aria-hidden="true"> <svg viewBox="0 0 64 64"> <path d="M12 18h40v30H12z"/> <path d="M12 27h40"/> <path d="M20 39h12"/> <circle cx="45" cy="39" r="3"/> </svg> </div> </div> <div class="discount-card__content"> <h3>Ðа один плаÑеж в Ð´ÐµÐ½Ñ Ð¿Ñобного занÑÑиÑ</h3> <p>ÐÑи оÑоÑмлении оплаÑÑ ÑÑÐ°Ð·Ñ Ð¿Ð¾Ñле пÑобного ÑÑока.</p> </div> </article> <article class="discount-card discount-card--main"> <div class="discount-card__badge"> 8316 Ð¡ÐµÐ¼ÐµÐ¹Ð½Ð°Ñ Ð¿Ð¾Ð´Ð´ÐµÑжка 8317 </div> <div class="discount-card__main-content"> <div class="discount-card__percent discount-card__percent--main"> 8318 20% 8319 </div> <div class="discount-card__content"> <h3>ÐÐ»Ñ Ð¼Ð½Ð¾Ð³Ð¾Ð´ÐµÑнÑÑ Ð¸ малоимÑÑÐ¸Ñ Ñемей</h3> <p> 8320 СпеÑиалÑнÑе ÑÑÐ»Ð¾Ð²Ð¸Ñ Ð¿ÑедоÑÑавлÑÑÑÑÑ Ð¿Ð¾Ñле подÑвеÑÐ¶Ð´ÐµÐ½Ð¸Ñ Ð»ÑгоÑного ÑÑаÑÑÑа. 8321 </p> </div> </div> <div class="discount-card__decor" aria-hidden="true"> <span></span> <span></span> <span></span> </div> </article> </div> </div> </section> <style> 8322#discounts { 8323 --discounts-yellow: #FEE500; 8324 --discounts-purple: #753B96; 8325 --discounts-black: #171717; 8326 --discounts-text: #1c1c1c; 8327 --discounts-muted: #696969; 8328 --discounts-border: rgba(23, 23, 23, 0.09); 8329 8330 position: relative; 8331 display: block; 8332 width: 100%; 8333 max-width: 100%; 8334 margin: 0; 8335 padding: 64px 24px; 8336 overflow: hidden; 8337 box-sizing: border-box; 8338 background: transparent; 8339 color: var(--discounts-text); 8340 font-family: "TildaSans", Arial, sans-serif; 8341} 8342 8343#discounts *, 8344#discounts *::before, 8345#discounts *::after { 8346 box-sizing: border-box; 8347} 8348 8349#discounts .discounts__wrap { 8350 position: relative; 8351 width: min(1180px, 100%); 8352 max-width: 100%; 8353 min-width: 0; 8354 margin: 0 auto; 8355} 8356 8357/* Ðаголовок */ 8358 8359#discounts .discounts__head { 8360 width: 100%; 8361 max-width: 760px; 8362 min-width: 0; 8363 margin-bottom: 44px; 8364} 8365 8366#discounts .discounts__eyebrow { 8367 display: inline-flex; 8368 align-items: center; 8369 gap: 9px; 8370 max-width: 100%; 8371 min-height: 34px; 8372 margin-bottom: 17px; 8373 padding: 8px 13px; 8374 border: 1px solid rgba(23, 23, 23, 0.08); 8375 border-radius: 999px; 8376 background: rgba(254, 229, 0, 0.22); 8377 color: var(--discounts-black); 8378 font-size: 12px; 8379 font-weight: 700; 8380 line-height: 1; 8381 letter-spacing: 0.08em; 8382 text-transform: uppercase; 8383} 8384 8385#discounts .discounts__eyebrow::before { 8386 content: ""; 8387 flex: 0 0 auto; 8388 width: 7px; 8389 height: 7px; 8390 border-radius: 50%; 8391 background: var(--discounts-yellow); 8392 box-shadow: 0 0 0 4px rgba(254, 229, 0, 0.2); 8393} 8394 8395#discounts .discounts__title { 8396 width: 100%; 8397 max-width: 100%; 8398 min-width: 0; 8399 margin: 0; 8400 color: var(--discounts-black); 8401 font-size: 46px; 8402 font-weight: 900; 8403 line-height: 1.05; 8404 letter-spacing: -0.8px; 8405 overflow-wrap: break-word; 8406 word-break: normal; 8407} 8408 8409 8410#discounts .discounts__title-line { 8411 display: block; 8412} 8413 8414#discounts .discounts__subtitle { 8415 width: 100%; 8416 max-width: 650px; 8417 min-width: 0; 8418 margin: 22px 0 0; 8419 color: var(--discounts-muted); 8420 font-size: 19px; 8421 font-weight: 400; 8422 line-height: 1.5; 8423 overflow-wrap: break-word; 8424} 8425 8426/* СеÑка */ 8427 8428#discounts .discounts__grid { 8429 display: grid; 8430 grid-template-columns: repeat(12, minmax(0, 1fr)); 8431 gap: 20px; 8432 align-items: stretch; 8433 width: 100%; 8434 max-width: 100%; 8435 min-width: 0; 8436} 8437 8438#discounts .discount-card:nth-child(1), 8439#discounts .discount-card:nth-child(4) { 8440 grid-column: span 7; 8441} 8442 8443#discounts .discount-card:nth-child(2), 8444#discounts .discount-card:nth-child(3) { 8445 grid-column: span 5; 8446} 8447 8448#discounts .discount-card--main { 8449 grid-column: 1 / -1; 8450} 8451 8452/* ÐаÑÑоÑки */ 8453 8454#discounts .discount-card { 8455 position: relative; 8456 isolation: isolate; 8457 display: flex; 8458 flex-direction: column; 8459 justify-content: space-between; 8460 width: 100%; 8461 max-width: 100%; 8462 min-width: 0; 8463 min-height: 290px; 8464 padding: 30px; 8465 overflow: hidden; 8466 border: 1px solid var(--discounts-border); 8467 border-radius: 26px; 8468 transition: 8469 transform 0.3s ease, 8470 box-shadow 0.3s ease; 8471} 8472 8473#discounts .discount-card--white { 8474 background: rgba(255, 255, 255, 0.9); 8475} 8476 8477#discounts .discount-card--lavender { 8478 border-color: rgba(117, 59, 150, 0.13); 8479 background: 8480 radial-gradient( 8481 circle at 90% 10%, 8482 rgba(117, 59, 150, 0.2), 8483 transparent 38% 8484 ), 8485 linear-gradient( 8486 145deg, 8487 #ffffff 0%, 8488 #F5EEF7 100% 8489 ); 8490} 8491 8492#discounts .discount-card--soft-yellow { 8493 background: 8494 radial-gradient( 8495 circle at 90% 10%, 8496 rgba(254, 229, 0, 0.46), 8497 transparent 38% 8498 ), 8499 linear-gradient( 8500 145deg, 8501 #FFFFFF 0%, 8502 #FFF9BF 100% 8503 ); 8504} 8505 8506#discounts .discount-card__top { 8507 display: flex; 8508 align-items: flex-start; 8509 justify-content: space-between; 8510 gap: 20px; 8511 width: 100%; 8512 max-width: 100%; 8513 min-width: 0; 8514} 8515 8516#discounts .discount-card__percent { 8517 min-width: 0; 8518 font-size: clamp(52px, 6vw, 78px); 8519 font-weight: 800; 8520 line-height: 0.9; 8521 letter-spacing: -0.06em; 8522} 8523 8524#discounts .discount-card__icon { 8525 display: flex; 8526 align-items: center; 8527 justify-content: center; 8528 flex: 0 0 auto; 8529 width: 66px; 8530 height: 66px; 8531 border: 1px solid rgba(23, 23, 23, 0.07); 8532 border-radius: 19px; 8533 background: rgba(254, 229, 0, 0.58); 8534 transform: rotate(4deg); 8535} 8536 8537#discounts .discount-card__icon svg { 8538 display: block; 8539 width: 34px; 8540 height: 34px; 8541 fill: none; 8542 stroke: currentColor; 8543 stroke-width: 3; 8544 stroke-linecap: round; 8545 stroke-linejoin: round; 8546} 8547 8548#discounts .discount-card__content { 8549 width: 100%; 8550 max-width: 100%; 8551 min-width: 0; 8552 margin-top: 42px; 8553} 8554 8555#discounts .discount-card__content h3 { 8556 width: 100%; 8557 max-width: 100%; 8558 min-width: 0; 8559 margin: 0; 8560 font-size: clamp(25px, 2.5vw, 32px); 8561 font-weight: 700; 8562 line-height: 1.06; 8563 overflow-wrap: break-word; 8564} 8565 8566#discounts .discount-card__content p { 8567 width: 100%; 8568 max-width: 100%; 8569 min-width: 0; 8570 margin: 13px 0 0; 8571 font-size: 16px; 8572 line-height: 1.45; 8573 opacity: 0.68; 8574 overflow-wrap: break-word; 8575} 8576 8577/* ÐÐ»Ð°Ð²Ð½Ð°Ñ ÐºÐ°ÑÑоÑка */ 8578 8579#discounts .discount-card--main { 8580 min-height: 330px; 8581 padding: 34px; 8582 background: var(--discounts-yellow); 8583} 8584 8585#discounts .discount-card__badge { 8586 display: inline-flex; 8587 width: fit-content; 8588 max-width: 100%; 8589 padding: 8px 12px; 8590 border-radius: 999px; 8591 background: var(--discounts-black); 8592 color: var(--discounts-yellow); 8593 font-size: 11px; 8594 font-weight: 700; 8595 line-height: 1; 8596 text-transform: uppercase; 8597} 8598 8599#discounts .discount-card__main-content { 8600 display: grid; 8601 grid-template-columns: auto minmax(0, 1fr); 8602 gap: 46px; 8603 align-items: end; 8604 width: 100%; 8605 max-width: 100%; 8606 min-width: 0; 8607 margin-top: 42px; 8608} 8609 8610#discounts .discount-card__percent--main { 8611 font-size: clamp(88px, 12vw, 148px); 8612 line-height: 0.78; 8613} 8614 8615/* ÐланÑÐµÑ */ 8616 8617@media (max-width: 980px) { 8618 #discounts { 8619 padding: 52px 24px; 8620 } 8621 8622 #discounts .discounts__wrap, 8623 #discounts .discounts__head, 8624 #discounts .discounts__grid { 8625 width: 100%; 8626 max-width: 100%; 8627 min-width: 0; 8628 } 8629 8630 #discounts .discounts__grid { 8631 grid-template-columns: repeat(2, minmax(0, 1fr)); 8632 } 8633 8634 #discounts .discount-card, 8635 #discounts .discount-card:nth-child(1), 8636 #discounts .discount-card:nth-child(2), 8637 #discounts .discount-card:nth-child(3), 8638 #discounts .discount-card:nth-child(4) { 8639 grid-column: auto; 8640 } 8641 8642 #discounts .discount-card--main { 8643 grid-column: 1 / -1; 8644 } 8645} 8646 8647/* ÐобилÑÐ½Ð°Ñ Ð²ÐµÑÑÐ¸Ñ */ 8648 8649@media (max-width: 640px) { 8650 #discounts { 8651 width: 100%; 8652 max-width: 100%; 8653 margin: 0; 8654 padding: 40px 24px; 8655 overflow: hidden; 8656 box-sizing: border-box; 8657 } 8658 8659 #discounts .discounts__wrap, 8660 #discounts .discounts__head, 8661 #discounts .discounts__grid { 8662 width: 100%; 8663 max-width: 100%; 8664 min-width: 0; 8665 } 8666 8667 #discounts .discounts__wrap { 8668 margin: 0 auto; 8669 } 8670 8671 #discounts .discounts__head { 8672 margin-bottom: 26px; 8673 } 8674 8675 #discounts .discounts__eyebrow { 8676 max-width: 100%; 8677 margin-bottom: 14px; 8678 padding: 7px 12px; 8679 font-size: 11px; 8680 } 8681 8682 #discounts .discounts__title { 8683 width: 100%; 8684 max-width: 100%; 8685 min-width: 0; 8686 margin: 0;
8687 font-size: clamp(27px, 7.45vw, 30px); 8688 font-weight: 900; 8689 line-height: 1.05; 8690 letter-spacing: -0.03em; 8691 overflow-wrap: break-word; 8692 word-break: normal; 8693 } 8694 8695 #discounts .discounts__title br { 8696 display: none; 8697 } 8698 8699 #discounts .discounts__subtitle { 8700 width: 100%; 8701 max-width: 100%; 8702 min-width: 0; 8703 margin-top: 16px; 8704 font-size: 16px; 8705 line-height: 1.45; 8706 overflow-wrap: break-word; 8707 } 8708 8709 #discounts .discounts__grid { 8710 grid-template-columns: minmax(0, 1fr); 8711 gap: 14px; 8712 } 8713 8714 #discounts .discount-card, 8715 #discounts .discount-card:nth-child(1), 8716 #discounts .discount-card:nth-child(2), 8717 #discounts .discount-card:nth-child(3), 8718 #discounts .discount-card:nth-child(4), 8719 #discounts .discount-card--main { 8720 grid-column: 1; 8721 width: 100%; 8722 max-width: 100%; 8723 min-width: 0; 8724 } 8725 8726 #discounts .discount-card { 8727 min-height: 0; 8728 padding: 24px; 8729 border-radius: 22px; 8730 } 8731 8732 #discounts .discount-card__top { 8733 gap: 16px; 8734 } 8735 8736 #discounts .discount-card__percent { 8737 font-size: clamp(54px, 17vw, 72px); 8738 } 8739 8740 #discounts .discount-card__icon { 8741 width: 58px; 8742 height: 58px; 8743 border-radius: 17px; 8744 } 8745 8746 #discounts .discount-card__icon svg { 8747 width: 30px; 8748 height: 30px; 8749 } 8750 8751 #discounts .discount-card__content { 8752 margin-top: 30px; 8753 } 8754 8755 #discounts .discount-card__content h3 { 8756 font-size: 25px; 8757 line-height: 1.08; 8758 } 8759 8760 #discounts .discount-card__content p { 8761 margin-top: 11px; 8762 font-size: 15px; 8763 line-height: 1.45; 8764 } 8765 8766 #discounts .discount-card--main { 8767 min-height: 0; 8768 padding: 24px; 8769 } 8770 8771 #discounts .discount-card__main-content { 8772 grid-template-columns: minmax(0, 1fr); 8773 gap: 24px; 8774 margin-top: 30px; 8775 } 8776 8777 #discounts .discount-card__percent--main { 8778 font-size: clamp(82px, 25vw, 118px); 8779 line-height: 0.82; 8780 } 8781 8782 #discounts .discount-card--main .discount-card__content { 8783 margin-top: 0; 8784 } 8785} 8786 8787/* Узкие мобилÑнÑе ÑÑÑÑойÑÑва */ 8788 8789@media (max-width: 420px) { 8790 #discounts { 8791 padding: 40px 20px; 8792 } 8793 8794 #discounts .discounts__title { 8795 font-size: clamp(26px, 7.25vw, 29px); 8796 line-height: 1.05; 8797 } 8798 8799 #discounts .discount-card { 8800 padding: 22px; 8801 } 8802 8803 #discounts .discount-card__percent { 8804 font-size: 56px; 8805 } 8806 8807 #discounts .discount-card__percent--main { 8808 font-size: 86px; 8809 } 8810 8811 #discounts .discount-card__content h3 { 8812 font-size: 23px; 8813 } 8814} 8815</style> <style> 8816/* ===================================================== 8817 DISCOUNTS â MOTION LAYER 8818 ÐобавлÑÐµÑ Ð´Ð¸Ð½Ð°Ð¼Ð¸ÐºÑ Ð±ÐµÐ· Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ ÑекÑÑей веÑÑÑки 8819===================================================== */ 8820 8821/* ÐнимаÑии вклÑÑаÑÑÑÑ ÑолÑко поÑле запÑÑка JS */ 8822#discounts.discounts--motion .discounts__eyebrow, 8823#discounts.discounts--motion .discounts__title-line, 8824#discounts.discounts--motion .discounts__subtitle, 8825#discounts.discounts--motion .discount-card { 8826 opacity: 0; 8827} 8828 8829/* Ðаголовок */ 8830#discounts.discounts--motion.is-visible .discounts__eyebrow { 8831 animation: discountsEyebrowIn .55s cubic-bezier(.22,.8,.25,1) .05s both; 8832} 8833 8834#discounts.discounts--motion.is-visible .discounts__title-line:nth-child(1) { 8835 animation: discountsTitleIn .68s cubic-bezier(.18,.85,.25,1) .12s both; 8836} 8837 8838#discounts.discounts--motion.is-visible .discounts__title-line:nth-child(2) { 8839 animation: discountsTitleIn .68s cubic-bezier(.18,.85,.25,1) .20s both; 8840} 8841 8842#discounts.discounts--motion.is-visible .discounts__subtitle { 8843 animation: discountsTextIn .62s ease .30s both; 8844} 8845 8846/* ÐаÑÑоÑки поÑвлÑÑÑÑÑ ÐºÐ°Ñкадом */ 8847#discounts.discounts--motion.is-visible .discount-card:nth-child(1) { 8848 animation: discountCardIn .72s cubic-bezier(.18,.88,.28,1) .22s both; 8849} 8850 8851#discounts.discounts--motion.is-visible .discount-card:nth-child(2) { 8852 animation: discountCardIn .72s cubic-bezier(.18,.88,.28,1) .30s both; 8853} 8854 8855#discounts.discounts--motion.is-visible .discount-card:nth-child(3) { 8856 animation: discountCardIn .72s cubic-bezier(.18,.88,.28,1) .38s both; 8857} 8858 8859#discounts.discounts--motion.is-visible .discount-card:nth-child(4) { 8860 animation: discountCardIn .72s cubic-bezier(.18,.88,.28,1) .46s both; 8861} 8862 8863#discounts.discounts--motion.is-visible .discount-card:nth-child(5) { 8864 animation: discountMainCardIn .82s cubic-bezier(.18,.88,.28,1) .54s both; 8865} 8866 8867/* ÐÑоÑенÑÑ Ñлегка "дÑÑаÑ" */ 8868#discounts.is-visible .discount-card__percent { 8869 transform-origin: left center; 8870 animation: discountPercentPulse 4.6s ease-in-out 1.25s infinite; 8871} 8872 8873#discounts.is-visible .discount-card:nth-child(2) .discount-card__percent { 8874 animation-delay: 1.55s; 8875} 8876 8877#discounts.is-visible .discount-card:nth-child(3) .discount-card__percent { 8878 animation-delay: 1.85s; 8879} 8880 8881#discounts.is-visible .discount-card:nth-child(4) .discount-card__percent { 8882 animation-delay: 2.15s; 8883} 8884 8885#discounts.is-visible .discount-card__percent--main { 8886 animation: discountMainPercentPulse 3.8s ease-in-out 1.3s infinite; 8887} 8888 8889/* Ðконки живÑÑ Ð¾ÑделÑно Ð¾Ñ ÐºÐ°ÑÑоÑек */ 8890#discounts.is-visible .discount-card__icon { 8891 transform-origin: 50% 50%; 8892 animation: discountIconFloat 4.2s ease-in-out 1.1s infinite; 8893} 8894 8895#discounts.is-visible .discount-card:nth-child(2) .discount-card__icon { 8896 animation-delay: 1.45s; 8897} 8898 8899#discounts.is-visible .discount-card:nth-child(3) .discount-card__icon { 8900 animation-delay: 1.8s; 8901} 8902 8903#discounts.is-visible .discount-card:nth-child(4) .discount-card__icon { 8904 animation-delay: 2.15s; 8905} 8906 8907/* Ðинии иконок мÑгко пÑоÑиÑовÑваÑÑÑÑ Ð¿Ñи поÑвлении */ 8908#discounts.discounts--motion .discount-card__icon svg path, 8909#discounts.discounts--motion .discount-card__icon svg circle { 8910 stroke-dasharray: 150; 8911 stroke-dashoffset: 150; 8912} 8913 8914#discounts.discounts--motion.is-visible .discount-card__icon svg path, 8915#discounts.discounts--motion.is-visible .discount-card__icon svg circle { 8916 animation: discountIconDraw 1.15s ease forwards; 8917} 8918 8919#discounts.discounts--motion.is-visible .discount-card:nth-child(1) .discount-card__icon svg * { 8920 animation-delay: .72s; 8921} 8922 8923#discounts.discounts--motion.is-visible .discount-card:nth-child(2) .discount-card__icon svg * { 8924 animation-delay: .82s; 8925} 8926 8927#discounts.discounts--motion.is-visible .discount-card:nth-child(3) .discount-card__icon svg * { 8928 animation-delay: .92s; 8929} 8930 8931#discounts.discounts--motion.is-visible .discount-card:nth-child(4) .discount-card__icon svg * { 8932 animation-delay: 1.02s; 8933} 8934 8935/* Ðолее вÑÑазиÑелÑнÑй hover на ÐÐ */ 8936@media (hover:hover) { 8937 #discounts .discount-card:hover { 8938 transform: translateY(-8px) scale(1.012);
8939 box-shadow: 0 26px 55px rgba(23,23,23,.13); 8940 } 8941 8942 #discounts .discount-card:hover .discount-card__icon { 8943 animation-play-state: paused; 8944 transform: rotate(-5deg) scale(1.08); 8945 transition: transform .28s cubic-bezier(.2,.8,.2,1); 8946 } 8947 8948 #discounts .discount-card:hover .discount-card__percent { 8949 animation-play-state: paused; 8950 transform: translateY(-3px) scale(1.025); 8951 transition: transform .28s cubic-bezier(.2,.8,.2,1); 8952 } 8953 8954 #discounts .discount-card--main:hover { 8955 transform: translateY(-6px) scale(1.008); 8956 } 8957} 8958 8959/* ÐÐ»Ð°Ð²Ð½Ð°Ñ ÐºÐ°ÑÑоÑка 30% â движÑÑиеÑÑ Ð´ÐµÐºÐ¾ÑаÑивнÑе ÑлеменÑÑ */ 8960#discounts .discount-card--main .discount-card__decor { 8961 position: absolute; 8962 inset: 0; 8963 z-index: -1; 8964 overflow: hidden; 8965 pointer-events: none; 8966} 8967 8968#discounts .discount-card--main .discount-card__decor span { 8969 position: absolute; 8970 display: block; 8971 border: 1px solid rgba(23,23,23,.12); 8972 border-radius: 999px; 8973} 8974 8975#discounts .discount-card--main .discount-card__decor span:nth-child(1) { 8976 width: 190px; 8977 height: 190px; 8978 right: -42px; 8979 top: -62px; 8980 animation: discountDecorOrbitA 10s ease-in-out infinite; 8981} 8982 8983#discounts .discount-card--main .discount-card__decor span:nth-child(2) { 8984 width: 84px; 8985 height: 84px; 8986 right: 150px; 8987 bottom: -28px; 8988 background: rgba(255,255,255,.18); 8989 border-color: rgba(255,255,255,.20); 8990 animation: discountDecorOrbitB 7s ease-in-out .4s infinite; 8991} 8992 8993#discounts .discount-card--main .discount-card__decor span:nth-child(3) { 8994 width: 18px; 8995 height: 18px; 8996 right: 92px; 8997 top: 54%; 8998 border: 0; 8999 background: var(--discounts-black); 9000 animation: discountDecorDot 4.8s ease-in-out .8s infinite; 9001} 9002 9003/* ÐлаÑка на 30% полÑÑÐ°ÐµÑ Ð¾ÑделÑнÑй мÑгкий импÑлÑÑ */ 9004#discounts.is-visible .discount-card__badge { 9005 animation: discountBadgePulse 4s ease-in-out 1.4s infinite; 9006} 9007 9008/* Keyframes */ 9009@keyframes discountsEyebrowIn { 9010 from { opacity:0; transform:translateY(10px) scale(.96); } 9011 to { opacity:1; transform:translateY(0) scale(1); } 9012} 9013 9014@keyframes discountsTitleIn { 9015 from { 9016 opacity:0; 9017 transform:translateY(24px); 9018 filter:blur(5px); 9019 } 9020 to { 9021 opacity:1; 9022 transform:translateY(0); 9023 filter:blur(0); 9024 } 9025} 9026 9027@keyframes discountsTextIn { 9028 from { opacity:0; transform:translateY(12px); } 9029 to { opacity:1; transform:translateY(0); } 9030} 9031 9032@keyframes discountCardIn { 9033 0% { 9034 opacity:0; 9035 transform:translateY(32px) scale(.975); 9036 } 9037 70% { 9038 opacity:1; 9039 transform:translateY(-3px) scale(1.005); 9040 } 9041 100% { 9042 opacity:1; 9043 transform:translateY(0) scale(1); 9044 } 9045} 9046 9047@keyframes discountMainCardIn { 9048 0% { 9049 opacity:0; 9050 transform:translateY(38px) scale(.97); 9051 } 9052 72% { 9053 opacity:1; 9054 transform:translateY(-4px) scale(1.006); 9055 } 9056 100% { 9057 opacity:1; 9058 transform:translateY(0) scale(1); 9059 } 9060} 9061 9062@keyframes discountPercentPulse { 9063 0%,100% { transform:translateY(0) scale(1); } 9064 50% { transform:translateY(-3px) scale(1.018); } 9065} 9066 9067@keyframes discountMainPercentPulse { 9068 0%,100% { transform:translateY(0) scale(1); } 9069 50% { transform:translateY(-5px) scale(1.022); } 9070} 9071 9072@keyframes discountIconFloat { 9073 0%,100% { transform:translateY(0) rotate(4deg); } 9074 50% { transform:translateY(-7px) rotate(-2deg); } 9075} 9076 9077@keyframes discountIconDraw { 9078 to { stroke-dashoffset:0; } 9079} 9080 9081@keyframes discountBadgePulse { 9082 0%,100% { transform:rotate(-1deg) scale(1); } 9083 50% { transform:rotate(1deg) scale(1.035); } 9084} 9085 9086@keyframes discountDecorOrbitA { 9087 0%,100% { transform:translate(0,0) rotate(0deg); } 9088 50% { transform:translate(-14px,16px) rotate(12deg); } 9089} 9090 9091@keyframes discountDecorOrbitB { 9092 0%,100% { transform:translate(0,0) scale(1); } 9093 50% { transform:translate(10px,-10px) scale(1.08); } 9094} 9095 9096@keyframes discountDecorDot { 9097 0%,100% { transform:translateY(0) scale(1); opacity:.9; } 9098 50% { transform:translateY(-12px) scale(.72); opacity:.55; } 9099} 9100 9101@media (max-width:640px) { 9102 /* Ðа мобилÑной ÑÐ¾Ñ ÑанÑем динамикÑ, но делаем ее Ñпокойнее */ 9103 #discounts.is-visible .discount-card__icon { 9104 animation-duration: 5.2s; 9105 } 9106 9107 #discounts .discount-card--main .discount-card__decor span:nth-child(1) { 9108 width: 130px; 9109 height: 130px; 9110 right: -42px; 9111 top: -36px; 9112 } 9113 9114 #discounts .discount-card--main .discount-card__decor span:nth-child(2) { 9115 width: 58px; 9116 height: 58px; 9117 right: 82px; 9118 } 9119} 9120 9121/* ÐоÑÑÑпноÑÑÑ */ 9122@media (prefers-reduced-motion: reduce) { 9123 #discounts.discounts--motion .discounts__eyebrow, 9124 #discounts.discounts--motion .discounts__title-line, 9125 #discounts.discounts--motion .discounts__subtitle, 9126 #discounts.discounts--motion .discount-card { 9127 opacity: 1 !important; 9128 animation: none !important; 9129 transform: none !important; 9130 filter: none !important; 9131 } 9132 9133 #discounts .discount-card__percent, 9134 #discounts .discount-card__icon, 9135 #discounts .discount-card__badge, 9136 #discounts .discount-card__decor span, 9137 #discounts .discount-card__icon svg * { 9138 animation: none !important; 9139 transform: none !important; 9140 stroke-dashoffset: 0 !important; 9141 } 9142} 9143</style>
9143<script> 9144(function () { 9145 var section = document.getElementById('discounts'); 9146 if (!section) return; 9147 9148 section.classList.add('discounts--motion'); 9149 9150 if (!('IntersectionObserver' in window)) { 9151 section.classList.add('is-visible'); 9152 return; 9153 } 9154 9155 var observer = new IntersectionObserver(function(entries) { 9156 entries.forEach(function(entry) { 9157 if (entry.isIntersecting) { 9158 section.classList.add('is-visible'); 9159 observer.unobserve(section); 9160 } 9161 }); 9162 }, { 9163 threshold: 0.16, 9164 rootMargin: '0px 0px -6% 0px' 9165 }); 9166 9167 observer.observe(section); 9168})(); 9169</script>
9169 <style> 9170/* ===================================================== 9171 STRONGER MOTION FOR MAIN 30% CARD 9172===================================================== */ 9173 9174#discounts.is-visible .discount-card--main { 9175 transform-origin: center center; 9176 animation: 9177 discountMainCardIn .82s cubic-bezier(.18,.88,.28,1) .54s both, 9178 discountMainAlive 5.8s ease-in-out 1.7s infinite !important; 9179 will-change: transform, box-shadow; 9180} 9181 9182/* Ðвижение вÑей болÑÑой каÑÑоÑки */ 9183@keyframes discountMainAlive { 9184 0%,100% { 9185 transform: translateY(0) rotate(0deg) scale(1); 9186 box-shadow: 0 16px 34px rgba(23,23,23,.08); 9187 } 9188 35% { 9189 transform: translateY(-5px) rotate(-0.35deg) scale(1.006); 9190 box-shadow: 0 24px 48px rgba(23,23,23,.13); 9191 } 9192 70% { 9193 transform: translateY(-2px) rotate(0.28deg) scale(1.003); 9194 box-shadow: 0 20px 42px rgba(23,23,23,.11); 9195 } 9196} 9197 9198/* ÐвижÑÑийÑÑ ÑвеÑовой блик по жÑлÑой каÑÑоÑке */ 9199#discounts .discount-card--main::before { 9200 content: ""; 9201 position: absolute; 9202 z-index: -1; 9203 top: -35%; 9204 left: -28%; 9205 width: 28%; 9206 height: 170%; 9207 background: linear-gradient( 9208 90deg, 9209 transparent 0%, 9210 rgba(255,255,255,.08) 20%, 9211 rgba(255,255,255,.42) 50%, 9212 rgba(255,255,255,.08) 80%, 9213 transparent 100% 9214 ); 9215 transform: rotate(16deg) translateX(-160%); 9216 animation: discountMainShine 5.8s ease-in-out 2.2s infinite; 9217 pointer-events: none; 9218} 9219 9220@keyframes discountMainShine { 9221 0%,18% { 9222 transform: rotate(16deg) translateX(-180%); 9223 opacity: 0; 9224 } 9225 28% { 9226 opacity: .9; 9227 } 9228 48% { 9229 transform: rotate(16deg) translateX(520%); 9230 opacity: .7; 9231 } 9232 58%,100% { 9233 transform: rotate(16deg) translateX(520%); 9234 opacity: 0; 9235 } 9236} 9237 9238/* Само 30% ÑепеÑÑ Ð·Ð°Ð¼ÐµÑно ÑеагиÑÑÐµÑ */ 9239#discounts.is-visible .discount-card__percent--main { 9240 display: inline-block; 9241 transform-origin: left bottom; 9242 animation: 9243 discountMainPercentPop .9s cubic-bezier(.18,.9,.25,1) .9s both, 9244 discountMainPercentAlive 3.9s ease-in-out 2s infinite !important; 9245} 9246 9247@keyframes discountMainPercentPop { 9248 0% { 9249 opacity: 0; 9250 transform: translateY(24px) scale(.78) rotate(-5deg); 9251 } 9252 72% { 9253 opacity: 1; 9254 transform: translateY(-4px) scale(1.055) rotate(1deg); 9255 } 9256 100% { 9257 opacity: 1; 9258 transform: translateY(0) scale(1) rotate(0deg); 9259 } 9260} 9261 9262@keyframes discountMainPercentAlive { 9263 0%,100% { 9264 transform: translateY(0) scale(1) rotate(0deg); 9265 } 9266 50% { 9267 transform: translateY(-6px) scale(1.035) rotate(-1deg); 9268 } 9269} 9270 9271/* ÐлаÑка "Ð¡ÐµÐ¼ÐµÐ¹Ð½Ð°Ñ Ð¿Ð¾Ð´Ð´ÐµÑжка" */ 9272#discounts.is-visible .discount-card--main .discount-card__badge { 9273 transform-origin: left center; 9274 animation: discountMainBadgeAlive 3.2s ease-in-out 1.65s infinite !important; 9275} 9276 9277@keyframes discountMainBadgeAlive { 9278 0%,100% { 9279 transform: translateY(0) rotate(-1deg) scale(1); 9280 } 9281 50% { 9282 transform: translateY(-4px) rotate(1deg) scale(1.035); 9283 } 9284} 9285 9286/* Ðа hover каÑÑоÑка ÑÑановиÑÑÑ ÐµÑÑ Ð¶Ð¸Ð²ÐµÐµ */ 9287@media (hover:hover) { 9288 #discounts.is-visible .discount-card--main:hover { 9289 animation-play-state: paused !important; 9290 transform: translateY(-10px) rotate(-0.4deg) scale(1.012) !important; 9291 box-shadow: 0 30px 64px rgba(23,23,23,.16) !important; 9292 } 9293 9294 #discounts.is-visible .discount-card--main:hover .discount-card__percent--main { 9295 animation-play-state: paused !important; 9296 transform: translateY(-5px) scale(1.055) rotate(-1deg) !important; 9297 } 9298} 9299 9300@media (max-width:640px) { 9301 #discounts.is-visible .discount-card--main { 9302 animation: 9303 discountMainCardIn .82s cubic-bezier(.18,.88,.28,1) .42s both, 9304 discountMainAliveMobile 6.4s ease-in-out 1.5s infinite !important; 9305 } 9306 9307 @keyframes discountMainAliveMobile { 9308 0%,100% { 9309 transform: translateY(0) scale(1); 9310 } 9311 50% { 9312 transform: translateY(-4px) scale(1.004); 9313 } 9314 } 9315} 9316 9317@media (prefers-reduced-motion: reduce) { 9318 #discounts.is-visible .discount-card--main, 9319 #discounts.is-visible .discount-card__percent--main, 9320 #discounts.is-visible .discount-card--main .discount-card__badge, 9321 #discounts .discount-card--main::before { 9322 animation: none !important; 9323 transform: none !important; 9324 } 9325} 9326</style> <style> 9327/* ===================================================== 9328 SMOOTH OVERRIDE â MAIN 30% CARD 9329 УбиÑаем деÑганоÑÑÑ, оÑÑавлÑем Ñпокойное "дÑÑ Ð°Ð½Ð¸Ðµ" 9330===================================================== */ 9331 9332#discounts.is-visible .discount-card--main { 9333 animation: 9334 discountMainCardIn .82s cubic-bezier(.18,.88,.28,1) .54s both, 9335 discountMainSmooth 8.5s ease-in-out 1.8s infinite !important; 9336 transform-origin: center center; 9337 will-change: transform, box-shadow; 9338} 9339 9340@keyframes discountMainSmooth { 9341 0%,100% { 9342 transform: translateY(0) scale(1); 9343 box-shadow: 0 16px 34px rgba(23,23,23,.08); 9344 } 9345 50% { 9346 transform: translateY(-4px) scale(1.003); 9347 box-shadow: 0 22px 44px rgba(23,23,23,.11); 9348 } 9349} 9350 9351/* 30% â оÑÐµÐ½Ñ Ð¼Ñгкое движение, без повоÑоÑа */ 9352#discounts.is-visible .discount-card__percent--main { 9353 animation: 9354 discountMainPercentPop .9s cubic-bezier(.18,.9,.25,1) .9s both, 9355 discountMainPercentSmooth 6.8s ease-in-out 2s infinite !important; 9356 transform-origin: left bottom; 9357} 9358 9359@keyframes discountMainPercentSmooth { 9360 0%,100% { 9361 transform: translateY(0) scale(1); 9362 } 9363 50% { 9364 transform: translateY(-3px) scale(1.012); 9365 } 9366} 9367 9368/* ÐлаÑка â поÑÑи ÑÑаÑиÑнаÑ, ÑолÑко легкое плавание */ 9369#discounts.is-visible .discount-card--main .discount-card__badge { 9370 animation: discountMainBadgeSmooth 7.2s ease-in-out 2.2s infinite !important; 9371} 9372 9373@keyframes discountMainBadgeSmooth { 9374 0%,100% { 9375 transform: translateY(0); 9376 } 9377 50% { 9378 transform: translateY(-2px); 9379 } 9380} 9381 9382/* Ðлик идÑÑ Ñеже и медленнее */ 9383#discounts .discount-card--main::before { 9384 animation: discountMainShineSmooth 9.5s ease-in-out 3s infinite !important; 9385} 9386 9387@keyframes discountMainShineSmooth { 9388 0%,28% { 9389 transform: rotate(14deg) translateX(-190%); 9390 opacity: 0; 9391 } 9392 34% { 9393 opacity: .45; 9394 } 9395 52% { 9396 transform: rotate(14deg) translateX(520%); 9397 opacity: .35; 9398 } 9399 58%,100% { 9400 transform: rotate(14deg) translateX(520%); 9401 opacity: 0; 9402 } 9403} 9404 9405/* hover Ñоже без ÑÑвка */ 9406@media (hover:hover) { 9407 #discounts.is-visible .discount-card--main:hover { 9408 animation-play-state: paused !important; 9409 transform: translateY(-6px) scale(1.006) !important;
9410 box-shadow: 0 26px 52px rgba(23,23,23,.13) !important; 9411 transition: 9412 transform .45s cubic-bezier(.22,.8,.25,1), 9413 box-shadow .45s ease !important; 9414 } 9415 9416 #discounts.is-visible .discount-card--main:hover .discount-card__percent--main { 9417 animation-play-state: paused !important; 9418 transform: translateY(-2px) scale(1.018) !important; 9419 transition: transform .45s cubic-bezier(.22,.8,.25,1) !important; 9420 } 9421} 9422 9423@media (max-width:640px) { 9424 #discounts.is-visible .discount-card--main { 9425 animation: 9426 discountMainCardIn .82s cubic-bezier(.18,.88,.28,1) .42s both, 9427 discountMainSmoothMobile 9s ease-in-out 1.7s infinite !important; 9428 } 9429 9430 @keyframes discountMainSmoothMobile { 9431 0%,100% { 9432 transform: translateY(0); 9433 } 9434 50% { 9435 transform: translateY(-2px); 9436 } 9437 } 9438} 9439</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3096676201" 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 --> <section id="faq" class="faq"> <div class="faq__wrap"> <div class="faq__head"> <div class="faq__eyebrow"> 9440 FAQ 9441 </div> <h2 class="faq__title"> 9442 ЧаÑÑо задаваемÑе вопÑоÑÑ 9443 </h2> <p class="faq__subtitle"> 9444 СобÑали оÑвеÑÑ Ð½Ð° оÑновнÑе вопÑоÑÑ Ð¾Ð± обÑÑении, ÑаÑпиÑании 9445 и вÑбоÑе Ð¿Ð¾Ð´Ñ Ð¾Ð´ÑÑего напÑавлениÑ. 9446 </p> </div> <div class="faq__list"> <details class="faq__item"> <summary class="faq__question"> <span class="faq__question-text"> 9447 ÐÐ°ÐºÐ°Ñ Ð´Ð»Ð¸ÑелÑноÑÑÑ Ð¾Ð´Ð½Ð¾Ð³Ð¾ занÑÑиÑ? 9448 </span> <span class="faq__plus"></span> </summary> <div class="faq__answer"> <p> 9449 Ðдно занÑÑие длиÑÑÑ 90 минÑÑ. 9450 </p> </div> </details> <details class="faq__item"> <summary class="faq__question"> <span class="faq__question-text"> 9451 ÐеÑи какого возÑаÑÑа могÑÑ Ð¾Ð±ÑÑаÑÑÑÑ Ð² «ÐнжиниÑиÑм»? 9452 </span> <span class="faq__plus"></span> </summary> <div class="faq__answer"> <p> 9453 ÐÑ Ð¾Ð±ÑÑаем деÑей и подÑоÑÑков Ð¾Ñ 5 до 18 леÑ. ÐапÑавление 9454 подбиÑаеÑÑÑ Ð¿Ð¾ возÑаÑÑÑ, ÑÑÐ¾Ð²Ð½Ñ Ð¿Ð¾Ð´Ð³Ð¾Ñовки и инÑеÑеÑам Ñебенка. 9455 </p> </div> </details> <details class="faq__item"> <summary class="faq__question"> <span class="faq__question-text"> 9456 Ðожно ли запиÑаÑÑÑÑ Ð² гÑÑппÑ, где Ñже пÑÐ¾Ñ Ð¾Ð´ÑÑ Ð·Ð°Ð½ÑÑиÑ? 9457 </span> <span class="faq__plus"></span> </summary> <div class="faq__answer"> <p> 9458 Ðа, можно. ÐÑ Ð¿Ð¾Ð´Ð±ÐµÑем Ð¿Ð¾Ð´Ñ Ð¾Ð´ÑÑÑÑ Ð³ÑÑÐ¿Ð¿Ñ Ð¸ поможем ÑÐµÐ±ÐµÐ½ÐºÑ 9459 мÑгко вклÑÑиÑÑÑÑ Ð² обÑÑение. 9460 </p> </div> </details> <details class="faq__item"> <summary class="faq__question"> <span class="faq__question-text"> 9461 Ðожно ли пеÑевеÑÑиÑÑ Ñ Ð¾Ð´Ð½Ð¾Ð³Ð¾ кÑÑÑа на дÑÑгой? 9462 </span> <span class="faq__plus"></span> </summary> <div class="faq__answer"> <p> 9463 Ðа. ÐÑли Ñебенок понÑл, ÑÑо дÑÑгое напÑавление ÐµÐ¼Ñ Ð¸Ð½ÑеÑеÑнее, 9464 Ð¼Ñ Ð¿Ð¾Ð¼Ð¾Ð¶ÐµÐ¼ подобÑаÑÑ Ð½Ð¾Ð²Ñй кÑÑÑ Ð¸ Ñдобное ÑаÑпиÑание. 9465 </p> </div> </details> <details class="faq__item"> <summary class="faq__question"> <span class="faq__question-text"> 9466 ЧÑо деÑи полÑÑаÑÑ Ð¿Ð¾ оконÑании кÑÑÑов? 9467 </span> <span class="faq__plus"></span> </summary> <div class="faq__answer"> <p> 9468 ÐоÑле завеÑÑÐµÐ½Ð¸Ñ ÐºÑÑÑа Ñебенок полÑÑÐ°ÐµÑ Ð³Ð¾ÑовÑе пÑоекÑÑ, 9469 новÑе пÑакÑиÑеÑкие навÑки и ÑеÑÑиÑÐ¸ÐºÐ°Ñ Ð¾Ð± обÑÑении. 9470 </p> </div> </details> <details class="faq__item"> <summary class="faq__question"> <span class="faq__question-text"> 9471 СколÑко длиÑÑÑ Ð¿Ð¾Ð»Ð½Ñй кÑÑÑ? 9472 </span> <span class="faq__plus"></span> </summary> <div class="faq__answer"> <p> 9473 Ðдна ÑÑÑÐ¿ÐµÐ½Ñ ÐºÑÑÑа ÑаÑÑÑиÑана на 36 занÑÑий и длиÑÑÑ 9474 пÑимеÑно 9 меÑÑÑев. 9475 </p> </div> </details> </div> </div> </section> <style> 9476#faq { 9477 --faq-yellow: #FEE500; 9478 --faq-purple: #753B96; 9479 --faq-purple-dark: #753B96; 9480 --faq-black: #171717; 9481 --faq-text: #1c1c1c; 9482 --faq-muted: #696969; 9483 --faq-border: rgba(23, 23, 23, 0.09); 9484 --faq-white: #FFFFFF; 9485 9486 position: relative; 9487 display: block; 9488 width: 100%; 9489 max-width: 100%; 9490 margin: 0; 9491 padding: 64px 24px; 9492 overflow: hidden; 9493 box-sizing: border-box; 9494 background: transparent; 9495 color: var(--faq-text); 9496 font-family: "TildaSans", Arial, sans-serif; 9497} 9498 9499#faq *, 9500#faq *::before, 9501#faq *::after { 9502 box-sizing: border-box; 9503} 9504 9505#faq .faq__wrap { 9506 position: relative; 9507 width: min(1180px, 100%); 9508 max-width: 100%; 9509 min-width: 0; 9510 margin: 0 auto; 9511} 9512 9513/* Ðаголовок */ 9514 9515#faq .faq__head { 9516 width: 100%; 9517 max-width: 760px; 9518 min-width: 0; 9519 margin-bottom: 44px; 9520} 9521 9522#faq .faq__eyebrow { 9523 display: inline-flex; 9524 align-items: center; 9525 gap: 9px; 9526 max-width: 100%; 9527 min-height: 34px; 9528 margin-bottom: 17px; 9529 padding: 8px 13px; 9530 border: 1px solid rgba(23, 23, 23, 0.08); 9531 border-radius: 999px; 9532 background: rgba(254, 229, 0, 0.22); 9533 color: var(--faq-black); 9534 font-size: 12px; 9535 font-weight: 700; 9536 line-height: 1; 9537 letter-spacing: 0.08em; 9538 text-transform: uppercase; 9539} 9540 9541#faq .faq__eyebrow::before { 9542 content: ""; 9543 flex: 0 0 auto; 9544 width: 7px; 9545 height: 7px; 9546 border-radius: 50%; 9547 background: var(--faq-yellow); 9548 box-shadow: 0 0 0 4px rgba(254, 229, 0, 0.2); 9549} 9550 9551#faq .faq__title { 9552 width: 100%; 9553 max-width: 840px; 9554 min-width: 0; 9555 margin: 0; 9556 color: var(--faq-black); 9557 font-size: 46px; 9558 font-weight: 900; 9559 line-height: 0.95; 9560 letter-spacing: -0.8px; 9561 overflow-wrap: break-word; 9562 word-break: normal; 9563} 9564 9565#faq .faq__subtitle { 9566 width: 100%; 9567 max-width: 650px; 9568 min-width: 0; 9569 margin: 22px 0 0; 9570 color: var(--faq-muted); 9571 font-size: 19px; 9572 font-weight: 400; 9573 line-height: 1.5; 9574 overflow-wrap: break-word; 9575} 9576 9577/* СпиÑок */ 9578 9579#faq .faq__list { 9580 display: grid; 9581 grid-template-columns: repeat(2, minmax(0, 1fr)); 9582 gap: 16px; 9583 align-items: start; 9584 width: 100%; 9585 max-width: 100%; 9586 min-width: 0; 9587} 9588 9589/* ÐÐ»ÐµÐ¼ÐµÐ½Ñ FAQ */ 9590 9591#faq .faq__item { 9592 position: relative; 9593 width: 100%; 9594 max-width: 100%; 9595 min-width: 0; 9596 overflow: hidden; 9597 border: 1px solid var(--faq-border); 9598 border-radius: 22px; 9599 background: rgba(255, 255, 255, 0.88); 9600 transition: 9601 transform 0.3s ease, 9602 box-shadow 0.3s ease, 9603 border-color 0.3s ease, 9604 background-color 0.3s ease; 9605 backdrop-filter: blur(12px); 9606 -webkit-backdrop-filter: blur(12px); 9607} 9608 9609#faq .faq__item:hover { 9610 transform: translateY(-3px); 9611 border-color: rgba(23, 23, 23, 0.14); 9612 box-shadow: 0 16px 36px rgba(23, 23, 23, 0.07); 9613} 9614 9615#faq .faq__item[open] { 9616 border-color: rgba(117, 59, 150, 0.14); 9617 background: 9618 radial-gradient( 9619 circle at 100% 0%, 9620 rgba(117, 59, 150, 0.1), 9621 transparent 35% 9622 ), 9623 rgba(255, 255, 255, 0.96); 9624} 9625 9626/* ÐопÑÐ¾Ñ */ 9627 9628#faq summary { 9629 list-style: none; 9630 cursor: pointer; 9631} 9632 9633#faq summary::-webkit-details-marker { 9634 display: none; 9635} 9636 9637#faq .faq__question { 9638 display: flex; 9639 align-items: center; 9640 justify-content: space-between; 9641 gap: 24px; 9642 width: 100%; 9643 max-width: 100%; 9644 min-width: 0; 9645 min-height: 116px; 9646 padding: 26px 26px 26px 28px; 9647} 9648 9649#faq .faq__question-text { 9650 width: 100%; 9651 max-width: 470px; 9652 min-width: 0; 9653 color: var(--faq-black); 9654 font-size: 23px; 9655 font-weight: 700; 9656 line-height: 1.15; 9657 letter-spacing: -0.02em; 9658 overflow-wrap: break-word; 9659 word-break: normal; 9660} 9661 9662/* ÐлÑÑ */ 9663 9664#faq .faq__plus { 9665 position: relative; 9666 flex: 0 0 auto; 9667 width: 46px; 9668 height: 46px; 9669 border: 1px solid rgba(23, 23, 23, 0.08); 9670 border-radius: 14px; 9671 background: rgba(254, 229, 0, 0.86); 9672 transition: 9673 transform 0.3s ease, 9674 background-color 0.3s ease, 9675 border-color 0.3s ease; 9676} 9677 9678#faq .faq__plus::before, 9679#faq .faq__plus::after {
9680 content: ""; 9681 position: absolute; 9682 top: 50%; 9683 left: 50%; 9684 border-radius: 99px; 9685 background: var(--faq-black); 9686 transform: translate(-50%, -50%); 9687} 9688 9689#faq .faq__plus::before { 9690 width: 18px; 9691 height: 2px; 9692} 9693 9694#faq .faq__plus::after { 9695 width: 2px; 9696 height: 18px; 9697 transition: opacity 0.25s ease; 9698} 9699 9700#faq .faq__item[open] .faq__plus { 9701 border-color: rgba(117, 59, 150, 0.14); 9702 background: var(--faq-purple); 9703 transform: rotate(180deg); 9704} 9705 9706#faq .faq__item[open] .faq__plus::before, 9707#faq .faq__item[open] .faq__plus::after { 9708 background: var(--faq-white); 9709} 9710 9711#faq .faq__item[open] .faq__plus::after { 9712 opacity: 0; 9713} 9714 9715/* ÐÑÐ²ÐµÑ */ 9716 9717#faq .faq__answer { 9718 width: 100%; 9719 max-width: 100%; 9720 min-width: 0; 9721 padding: 0 28px 27px; 9722 color: var(--faq-muted); 9723 font-size: 16px; 9724 font-weight: 400; 9725 line-height: 1.55; 9726} 9727 9728#faq .faq__answer p { 9729 width: 100%; 9730 max-width: 520px; 9731 min-width: 0; 9732 margin: 0; 9733 overflow-wrap: break-word; 9734} 9735 9736/* ÐнимаÑÐ¸Ñ */ 9737 9738#faq .faq__item { 9739 animation: faqItemIn 0.6s ease both; 9740} 9741 9742#faq .faq__item:nth-child(2) { 9743 animation-delay: 0.06s; 9744} 9745 9746#faq .faq__item:nth-child(3) { 9747 animation-delay: 0.12s; 9748} 9749 9750#faq .faq__item:nth-child(4) { 9751 animation-delay: 0.18s; 9752} 9753 9754#faq .faq__item:nth-child(5) { 9755 animation-delay: 0.24s; 9756} 9757 9758#faq .faq__item:nth-child(6) { 9759 animation-delay: 0.3s; 9760} 9761 9762@keyframes faqItemIn { 9763 from { 9764 opacity: 0; 9765 transform: translateY(16px); 9766 } 9767 9768 to { 9769 opacity: 1; 9770 transform: translateY(0); 9771 } 9772} 9773 9774/* ÐланÑÐµÑ */ 9775 9776@media (max-width: 980px) { 9777 #faq { 9778 padding: 52px 24px; 9779 } 9780 9781 #faq .faq__wrap, 9782 #faq .faq__head, 9783 #faq .faq__list { 9784 width: 100%; 9785 max-width: 100%; 9786 min-width: 0; 9787 } 9788 9789 #faq .faq__list { 9790 grid-template-columns: minmax(0, 1fr); 9791 } 9792 9793 #faq .faq__question { 9794 min-height: auto; 9795 } 9796 9797 #faq .faq__question-text { 9798 max-width: 720px; 9799 } 9800 9801 #faq .faq__answer p { 9802 max-width: 760px; 9803 } 9804} 9805 9806/* ÐобилÑÐ½Ð°Ñ Ð²ÐµÑÑÐ¸Ñ */ 9807 9808@media (max-width: 640px) { 9809 #faq { 9810 width: 100%; 9811 max-width: 100%; 9812 margin: 0; 9813 padding: 40px 24px; 9814 overflow: hidden; 9815 box-sizing: border-box; 9816 } 9817 9818 #faq .faq__wrap, 9819 #faq .faq__head, 9820 #faq .faq__list { 9821 width: 100%; 9822 max-width: 100%; 9823 min-width: 0; 9824 } 9825 9826 #faq .faq__wrap { 9827 margin: 0 auto; 9828 } 9829 9830 #faq .faq__head { 9831 margin-bottom: 26px; 9832 } 9833 9834 #faq .faq__eyebrow { 9835 max-width: 100%; 9836 margin-bottom: 14px; 9837 padding: 7px 12px; 9838 font-size: 11px; 9839 } 9840 9841 #faq .faq__title { 9842 width: 100%; 9843 max-width: 100%; 9844 min-width: 0; 9845 margin: 0; 9846 font-size: clamp(27px, 7.45vw, 30px); 9847 font-weight: 900; 9848 line-height: 1.02; 9849 letter-spacing: -0.03em; 9850 overflow-wrap: break-word; 9851 word-break: normal; 9852 } 9853 9854 #faq .faq__subtitle { 9855 width: 100%; 9856 max-width: 100%; 9857 min-width: 0; 9858 margin-top: 16px; 9859 font-size: 16px; 9860 line-height: 1.45; 9861 overflow-wrap: break-word; 9862 } 9863 9864 #faq .faq__list { 9865 grid-template-columns: minmax(0, 1fr); 9866 gap: 12px; 9867 } 9868 9869 #faq .faq__item { 9870 width: 100%; 9871 max-width: 100%; 9872 min-width: 0; 9873 border-radius: 18px; 9874 } 9875 9876 #faq .faq__question { 9877 gap: 16px; 9878 width: 100%; 9879 max-width: 100%; 9880 min-width: 0; 9881 padding: 21px 18px 21px 20px; 9882 } 9883 9884 #faq .faq__question-text { 9885 flex: 1 1 auto; 9886 width: auto; 9887 max-width: 100%; 9888 min-width: 0; 9889 font-size: 18px; 9890 line-height: 1.2; 9891 overflow-wrap: break-word; 9892 } 9893 9894 #faq .faq__plus { 9895 width: 40px; 9896 height: 40px; 9897 border-radius: 12px; 9898 } 9899 9900 #faq .faq__plus::before { 9901 width: 16px; 9902 } 9903 9904 #faq .faq__plus::after { 9905 height: 16px; 9906 } 9907 9908 #faq .faq__answer { 9909 width: 100%; 9910 max-width: 100%; 9911 min-width: 0; 9912 padding: 0 20px 21px; 9913 font-size: 15px; 9914 line-height: 1.5; 9915 } 9916 9917 #faq .faq__answer p { 9918 width: 100%; 9919 max-width: 100%; 9920 min-width: 0; 9921 overflow-wrap: break-word; 9922 } 9923} 9924 9925/* Узкие мобилÑнÑе ÑÑÑÑойÑÑва */ 9926 9927@media (max-width: 420px) { 9928 #faq { 9929 padding: 40px 20px; 9930 } 9931 9932 #faq .faq__title { 9933 font-size: clamp(26px, 7.25vw, 29px); 9934 line-height: 1.02; 9935 } 9936 9937 #faq .faq__question { 9938 padding: 19px 16px 19px 18px; 9939 } 9940 9941 #faq .faq__question-text { 9942 font-size: 17px; 9943 } 9944 9945 #faq .faq__plus { 9946 width: 38px; 9947 height: 38px; 9948 } 9949 9950 #faq .faq__answer { 9951 padding: 0 18px 19px; 9952 } 9953} 9954 9955/* ÐÑклÑÑение анимаÑий */ 9956 9957@media (prefers-reduced-motion: reduce) { 9958 #faq .faq__item { 9959 animation: none; 9960 transition: none; 9961 } 9962 9963 #faq .faq__plus, 9964 #faq .faq__plus::after { 9965 transition: none; 9966 } 9967} 9968</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3096680101" class="r t-rec" style=" " data-record-type="215"> <a name="contactform" style="font-size:0;"></a> </div> <div id="rec3096681401" 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 --> <section id="lead-form" class="lead-form"> <div class="lead-form__wrap"> <div class="lead-form__card"> <div class="lead-form__left"> <div class="lead-form__eyebrow"> 9969 ÐодбеÑем напÑавление 9970 </div> <h2 class="lead-form__title"> 9971 ÐÑÑавÑÑе заÑÐ²ÐºÑ 9972 </h2> <p class="lead-form__subtitle"> 9973 СвÑжемÑÑ Ñ Ð²Ð°Ð¼Ð¸, оÑвеÑим на вопÑоÑÑ Ð¸ поможем вÑбÑаÑÑ Ð¿Ð¾Ð´Ñ Ð¾Ð´ÑÑий 9974 кÑÑÑ Ð¸ Ñдобное вÑÐµÐ¼Ñ Ð·Ð°Ð½ÑÑий. 9975 </p> <div class="lead-form__items"> <div class="lead-form__item"> <div class="lead-form__icon"> <svg viewBox="0 0 24 24" aria-hidden="true"> <path d="M6.6 10.8c1.4 2.8 3.7 5 6.6 6.6l2.2-2.2c.3-.3.8-.4 1.2-.3 1.3.4 2.6.6 4 .6.7 0 1.2.5 1.2 1.2v3.5c0 .7-.5 1.2-1.2 1.2C10.
99756 21.4 2.6 13.4 2.6 3.4c0-.7.5-1.2 1.2-1.2h3.5c.7 0 1.2.5 1.2 1.2 0 1.4.2 2.8.6 4 .1.4 0 .9-.3 1.2l-2.2 2.2z"/> </svg> </div> <div class="lead-form__item-content"> <div class="lead-form__item-title"> 9976 ÐеÑезвоним 9977 </div> <p> 9978 Ð ÑеÑение 15 минÑÑ Ð¿Ð¾Ð·Ð²Ð¾Ð½Ð¸Ð¼ вам и зададим неÑколÑко 9979 ÑÑоÑнÑÑÑÐ¸Ñ Ð²Ð¾Ð¿ÑоÑов. 9980 </p> </div> </div> <div class="lead-form__item"> <div class="lead-form__icon lead-form__icon--purple"> <svg viewBox="0 0 24 24" aria-hidden="true"> <path d="M4 4.7c0-.9 1-1.4 1.7-.9l14.2 8.3c.8.5.8 1.7 0 2.2L5.7 22.6c-.7.4-1.7-.1-1.7-.9v-5.4c0-.4.2-.8.6-1l6.3-2.1-6.3-2.1c-.4-.1-.6-.5-.6-1V4.7z"/> </svg> </div> <div class="lead-form__item-content"> <div class="lead-form__item-title"> 9981 ÐодбеÑем кÑÑÑ 9982 </div> <p> 9983 Ðоможем вÑбÑаÑÑ Ð¿Ð¾Ð´Ñ Ð¾Ð´ÑÑее напÑавление по возÑаÑÑÑ Ð¸ 9984 инÑеÑеÑам Ñебенка. 9985 </p> </div> </div> <div class="lead-form__item"> <div class="lead-form__icon"> <svg viewBox="0 0 24 24" aria-hidden="true"> <path d="M6.5 17.5H6c-2.2 0-4-1.8-4-4V8c0-2.2 1.8-4 4-4h8c2.2 0 4 1.8 4 4v5.5c0 2.2-1.8 4-4 4h-3.1l-3.4 3.1c-.4.4-1 .1-1-.5v-2.6z"/> <path d="M18.2 8.3c2.1.2 3.8 1.9 3.8 4.1v3.1c0 2.2-1.8 4-4 4h-.5v2.1c0 .6-.7.9-1.1.5l-2.1-1.9"/> </svg> </div> <div class="lead-form__item-content"> <div class="lead-form__item-title"> 9986 ÐÑвеÑим на вопÑоÑÑ 9987 </div> <p> 9988 РаÑÑкажем о ÑоÑмаÑе обÑÑениÑ, ÑаÑпиÑании, ÑÑоимоÑÑи 9989 и пеÑвом пÑобном занÑÑии. 9990 </p> </div> </div> </div> </div> <form 9991 id="lead-form-tilda" 9992 class="lead-form__form t-form js-form-proccess" 9993 method="POST" 9994 action="" 9995 data-formactiontype="2" 9996 data-inputbox=".lead-form__field" 9997 novalidate 9998 > <input type="hidden" name="tildaspec-formname" value="ÐаÑвка â Ð³Ð»Ð°Ð²Ð½Ð°Ñ ÑÑÑаниÑа"> <input type="hidden" name="source" value="ÐÐ»Ð°Ð²Ð½Ð°Ñ ÑÑÑаниÑа"> <div class="lead-form__success js-successbox" aria-live="polite"> 9999 СпаÑибо! ÐаÑвка оÑпÑавлена. ÐÑ ÑвÑжемÑÑ Ñ Ð²Ð°Ð¼Ð¸. 10000 </div> <div class="lead-form__form-head"> <div class="lead-form__form-title"> 10001 ÐаполниÑе ÑоÑÐ¼Ñ 10002 </div> <p> 10003 ÐÑÑавÑÑе конÑакÑÑ â Ð¼Ñ ÑвÑжемÑÑ Ñ Ð²Ð°Ð¼Ð¸ и вÑе подÑобно ÑаÑÑкажем. 10004 </p> </div> <label class="lead-form__field"> <span>ÐаÑе имÑ</span> <input 10005 type="text" 10006 name="Name" 10007 class="t-input js-tilda-rule" 10008 data-tilda-rule="name" 10009 placeholder="ÐведиÑе имÑ" 10010 autocomplete="name" 10011 required 10012 > </label> <label class="lead-form__field"> <span>ÐÐ°Ñ ÑелеÑон</span> <input 10013 type="tel" 10014 name="Phone" 10015 class="t-input js-tilda-rule" 10016 data-tilda-rule="phone" 10017 value="+7" 10018 placeholder="+7 (000) 000-00-00" 10019 autocomplete="tel" 10020 inputmode="tel" 10021 required 10022 > </label> <label class="lead-form__field"> <span>ÐозÑаÑÑ Ñебенка</span> <select name="ÐозÑаÑÑ Ñебенка" class="t-select js-tilda-rule" data-tilda-rule="required" required> <option value="" selected disabled> 10023 ÐÑбеÑиÑе возÑаÑÑ 10024 </option> <option value="5">5 леÑ</option> <option value="6">6 леÑ</option> <option value="7">7 леÑ</option> <option value="8">8 леÑ</option> <option value="9">9 леÑ</option> <option value="10">10 леÑ</option> <option value="11">11 леÑ</option> <option value="12">12 леÑ</option> <option value="13">13 леÑ</option> <option value="14">14 леÑ</option> <option value="15">15 леÑ</option> <option value="16">16 леÑ</option> <option value="17">17 леÑ</option> <option value="18">18 леÑ</option> </select> </label> <button type="submit" class="lead-form__button"> <span>ÐÑпÑавиÑÑ Ð·Ð°ÑвкÑ</span> <span class="lead-form__button-arrow">â</span> </button> <p class="lead-form__policy"> 10025 ÐÐ°Ð¶Ð¸Ð¼Ð°Ñ ÐºÐ½Ð¾Ð¿ÐºÑ Â«ÐÑпÑавиÑÑ Ð·Ð°ÑвкÑ», Ð²Ñ Ð¿Ð¾Ð´ÑвеÑждаеÑе ÑоглаÑие 10026 <a href="/policy">на обÑабоÑÐºÑ Ð¿ÐµÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ </a> </p> <div style="position:absolute;
10026left:-5000px;bottom:0;display:none;"> <input type="text" name="form-spec-comments" value="Its good" class="js-form-spec-comments" tabindex="-1"> </div> </form> </div> </div> </section> <style> 10027#lead-form { 10028 --lf-yellow: #FEE500; 10029 --lf-yellow-dark: #FEE500; 10030 --lf-purple: #753B96; 10031 --lf-purple-dark: #753B96; 10032 --lf-black: #171717; 10033 --lf-text: #1c1c1c; 10034 --lf-muted: #696969; 10035 --lf-border: rgba(23, 23, 23, 0.09); 10036 --lf-white: #FFFFFF; 10037 10038 position: relative; 10039 display: block; 10040 width: 100%; 10041 max-width: 100%; 10042 margin: 0; 10043 padding: 64px 24px; 10044 overflow: hidden; 10045 box-sizing: border-box; 10046 background: transparent; 10047 color: var(--lf-text); 10048 font-family: "TildaSans", Arial, sans-serif; 10049} 10050 10051#lead-form *, 10052#lead-form *::before, 10053#lead-form *::after { 10054 box-sizing: border-box; 10055} 10056 10057#lead-form .lead-form__wrap { 10058 position: relative; 10059 width: min(1180px, 100%); 10060 max-width: 100%; 10061 min-width: 0; 10062 margin: 0 auto; 10063} 10064 10065/* ÐÑÐ½Ð¾Ð²Ð½Ð°Ñ ÐºÐ°ÑÑоÑка */ 10066 10067#lead-form .lead-form__card { 10068 position: relative; 10069 isolation: isolate; 10070 display: grid; 10071 grid-template-columns: minmax(0, 1.05fr) minmax(380px, 0.95fr); 10072 gap: 46px; 10073 align-items: stretch; 10074 width: 100%; 10075 max-width: 100%; 10076 min-width: 0; 10077 padding: 38px; 10078 overflow: hidden; 10079 border: 1px solid var(--lf-border); 10080 border-radius: 28px; 10081 background: 10082 radial-gradient( 10083 circle at 92% 8%, 10084 rgba(254, 229, 0, 0.2), 10085 transparent 28% 10086 ), 10087 radial-gradient( 10088 circle at 5% 95%, 10089 rgba(117, 59, 150, 0.08), 10090 transparent 25% 10091 ), 10092 rgba(255, 255, 255, 0.88); 10093 box-shadow: 0 20px 50px rgba(23, 23, 23, 0.07); 10094 backdrop-filter: blur(14px); 10095 -webkit-backdrop-filter: blur(14px); 10096} 10097 10098#lead-form .lead-form__left, 10099#lead-form .lead-form__form { 10100 position: relative; 10101 z-index: 2; 10102 width: 100%; 10103 max-width: 100%; 10104 min-width: 0; 10105} 10106 10107/* Ðаголовок */ 10108 10109#lead-form .lead-form__eyebrow { 10110 display: inline-flex; 10111 align-items: center; 10112 gap: 9px; 10113 max-width: 100%; 10114 min-height: 34px; 10115 margin-bottom: 17px; 10116 padding: 8px 13px; 10117 border: 1px solid rgba(23, 23, 23, 0.08); 10118 border-radius: 999px; 10119 background: rgba(254, 229, 0, 0.22); 10120 color: var(--lf-black); 10121 font-size: 12px; 10122 font-weight: 700; 10123 line-height: 1; 10124 letter-spacing: 0.08em; 10125 text-transform: uppercase; 10126} 10127 10128#lead-form .lead-form__eyebrow::before { 10129 content: ""; 10130 flex: 0 0 auto; 10131 width: 7px; 10132 height: 7px; 10133 border-radius: 50%; 10134 background: var(--lf-yellow); 10135 box-shadow: 0 0 0 4px rgba(254, 229, 0, 0.2); 10136} 10137 10138#lead-form .lead-form__title { 10139 width: 100%; 10140 max-width: 670px; 10141 min-width: 0; 10142 margin: 0; 10143 color: var(--lf-black); 10144 font-size: 46px; 10145 font-weight: 900; 10146 line-height: 0.95; 10147 letter-spacing: -0.8px; 10148 overflow-wrap: break-word; 10149 word-break: normal; 10150} 10151 10152#lead-form .lead-form__subtitle { 10153 width: 100%; 10154 max-width: 590px; 10155 min-width: 0; 10156 margin: 22px 0 0; 10157 color: var(--lf-muted); 10158 font-size: 19px; 10159 font-weight: 400; 10160 line-height: 1.5; 10161 overflow-wrap: break-word; 10162} 10163 10164/* ÐÑнкÑÑ Ñлева */ 10165 10166#lead-form .lead-form__items { 10167 display: grid; 10168 gap: 14px; 10169 width: 100%; 10170 max-width: 100%; 10171 min-width: 0; 10172 margin-top: 34px; 10173} 10174 10175#lead-form .lead-form__item { 10176 display: grid; 10177 grid-template-columns: 54px minmax(0, 1fr); 10178 gap: 17px; 10179 align-items: center; 10180 width: 100%; 10181 max-width: 100%; 10182 min-width: 0; 10183 min-height: 98px; 10184 padding: 18px 20px; 10185 border: 1px solid var(--lf-border); 10186 border-radius: 20px; 10187 background: rgba(255, 255, 255, 0.72); 10188 transition: 10189 transform 0.3s ease, 10190 box-shadow 0.3s ease, 10191 border-color 0.3s ease; 10192} 10193 10194#lead-form .lead-form__item:hover { 10195 transform: translateY(-3px); 10196 border-color: rgba(23, 23, 23, 0.14); 10197 box-shadow: 0 16px 34px rgba(23, 23, 23, 0.07); 10198} 10199 10200#lead-form .lead-form__icon { 10201 display: flex; 10202 align-items: center; 10203 justify-content: center; 10204 flex: 0 0 auto; 10205 width: 54px; 10206 height: 54px; 10207 border: 1px solid rgba(23, 23, 23, 0.07); 10208 border-radius: 16px; 10209 background: var(--lf-yellow); 10210 color: var(--lf-black); 10211} 10212 10213#lead-form .lead-form__icon--purple { 10214 border-color: rgba(117, 59, 150, 0.12); 10215 background: rgba(117, 59, 150, 0.12); 10216 color: var(--lf-purple); 10217} 10218 10219#lead-form .lead-form__icon svg { 10220 width: 25px; 10221 height: 25px; 10222 fill: currentColor; 10223} 10224 10225#lead-form .lead-form__icon svg path + path { 10226 fill: none; 10227 stroke: currentColor; 10228 stroke-width: 1.7; 10229 stroke-linecap: round; 10230 stroke-linejoin: round; 10231} 10232 10233#lead-form .lead-form__item-content { 10234 width: 100%; 10235 max-width: 100%; 10236 min-width: 0; 10237} 10238 10239#lead-form .lead-form__item-title { 10240 margin-bottom: 5px; 10241 color: var(--lf-black); 10242 font-size: 17px; 10243 font-weight: 700; 10244 line-height: 1.2; 10245} 10246 10247#lead-form .lead-form__item p { 10248 width: 100%; 10249 max-width: 500px; 10250 min-width: 0; 10251 margin: 0; 10252 color: var(--lf-muted); 10253 font-size: 15px; 10254 font-weight: 400; 10255 line-height: 1.45; 10256 overflow-wrap: break-word; 10257} 10258 10259/* ФоÑма */ 10260 10261#lead-form .lead-form__form { 10262 align-self: stretch; 10263 display: flex; 10264 flex-direction: column; 10265 gap: 18px; 10266 padding: 30px; 10267 border: 1px solid rgba(117, 59, 150, 0.12); 10268 border-radius: 24px; 10269 background: 10270 radial-gradient( 10271 circle at 100% 0%, 10272 rgba(117, 59, 150, 0.15), 10273 transparent 32% 10274 ), 10275 linear-gradient( 10276 145deg, 10277 rgba(255, 255, 255, 0.98) 0%, 10278 rgba(248, 243, 249, 0.96) 100% 10279 ); 10280} 10281 10282#lead-form .lead-form__form-head { 10283 width: 100%; 10284 max-width: 100%; 10285 min-width: 0; 10286 margin-bottom: 4px; 10287} 10288 10289#lead-form .lead-form__form-title { 10290 margin: 0; 10291 color: var(--lf-black); 10292 font-size: 30px; 10293 font-weight: 700; 10294 line-height: 1.05; 10295 letter-spacing: -0.025em; 10296} 10297 10298#lead-form .lead-form__form-head p { 10299 width: 100%; 10300 max-width: 420px; 10301 min-width: 0; 10302 margin: 10px 0 0; 10303 color: var(--lf-muted); 10304 font-size: 15px; 10305 font-weight: 400; 10306 line-height: 1.45; 10307 overflow-wrap: break-word; 10308} 10309 10310#lead-form .lead-form__field { 10311 display: grid; 10312 gap: 8px; 10313 width: 100%; 10314 max-width: 100%; 10315 min-width: 0; 10316} 10317 10318#lead-form .lead-form__field > span { 10319 color: var(--lf-black); 10320 font-size: 14px; 10321 font-weight: 700; 10322 line-height: 1.2; 10323} 10324 10325#lead-form input, 10326#lead-form select { 10327 display: block; 10328 width: 100%; 10329 max-width: 100%; 10330 min-width: 0; 10331 height: 58px; 10332 padding: 0 18px; 10333 border: 1px solid rgba(23, 23, 23, 0.11); 10334 border-radius: 14px; 10335 outline: none; 10336 background: rgba(255, 255, 255, 0.92); 10337 color: var(--lf-black); 10338 font-family: "TildaSans", Arial, sans-serif; 10339 font-size: 16px; 10340 font-weight: 400; 10341 transition: 10342 border-color 0.25s ease, 10343 box-shadow 0.25s ease, 10344 background-color 0.25s ease; 10345} 10346 10347#lead-form select { 10348 padding-right: 48px; 10349 cursor: pointer; 10350} 10351 10352#lead-form input::placeholder { 10353 color: rgba(23, 23, 23, 0.38); 10354} 10355 10356#lead-form input:focus, 10357#lead-form select:focus { 10358 border-color: rgba(117, 59, 150, 0.5); 10359 background: #ffffff; 10360 box-shadow: 0 0 0 4px rgba(117, 59, 150, 0.08); 10361} 10362 10363/* Ðнопка */ 10364 10365#lead-form .lead-form__button { 10366 display: inline-flex; 10367 align-items: center; 10368 justify-content: center; 10369 gap: 14px; 10370 width: 100%; 10371 max-width: 100%; 10372 min-width: 0; 10373 min-height: 58px; 10374 margin-top: 4px; 10375 padding: 0 20px; 10376 border: 1px solid var(--lf-black); 10377 border-radius: 14px; 10378 background: var(--lf-black); 10379 color: #ffffff; 10380 font-family: "TildaSans", Arial, sans-serif; 10381 font-size: 16px; 10382 font-weight: 700; 10383 line-height: 1; 10384 cursor: pointer; 10385 transition: 10386 transform 0.25s ease, 10387 background-color 0.25s ease, 10388 color 0.25s ease, 10389 box-shadow 0.25s ease; 10390} 10391 10392#lead-form .lead-form__button:hover { 10393 transform: translateY(-3px); 10394 background: var(--lf-yellow); 10395 color: var(--lf-black); 10396 box-shadow: 0 14px 30px rgba(23, 23, 23, 0.12); 10397} 10398 10399#lead-form .lead-form__button-arrow { 10400 display: flex; 10401 align-items: center; 10402 justify-content: center; 10403 flex: 0 0 auto; 10404 width: 29px; 10405 height: 29px; 10406 border-radius: 9px; 10407 background: var(--lf-yellow); 10408 color: var(--lf-black); 10409 font-size: 16px; 10410 transition: 10411 transform 0.25s ease, 10412 background-color 0.25s ease, 10413 color 0.25s ease; 10414} 10415 10416#lead-form .lead-form__button:hover .lead-form__button-arrow { 10417 transform: translateX(3px); 10418 background: var(--lf-black); 10419 color: #ffffff; 10420} 10421 10422/* СоглаÑие */ 10423 10424#lead-form .lead-form__policy { 10425 width: 100%; 10426 max-width: 440px; 10427 min-width: 0; 10428 margin: 0; 10429 color: rgba(23, 23, 23, 0.52); 10430 font-size: 12px; 10431 font-weight: 400; 10432 line-height: 1.45; 10433 overflow-wrap: break-word; 10434} 10435 10436#lead-form .lead-form__policy a { 10437 color: var(--lf-black); 10438 font-weight: 600; 10439 text-decoration: underline; 10440 text-underline-offset: 3px; 10441} 10442 10443/* ÐнимаÑÐ¸Ñ */ 10444 10445#lead-form .lead-form__card { 10446 animation: leadFormIn 0.65s ease both; 10447} 10448 10449@keyframes leadFormIn { 10450 from { 10451 opacity: 0; 10452 transform: translateY(18px); 10453 } 10454 10455 to { 10456 opacity: 1; 10457 transform: translateY(0); 10458 } 10459} 10460 10461/* ÐланÑÐµÑ */ 10462 10463@media (max-width: 980px) { 10464 #lead-form { 10465 padding: 52px 24px; 10466 } 10467 10468 #lead-form .lead-form__wrap, 10469 #lead-form .lead-form__card, 10470 #lead-form .lead-form__left, 10471 #lead-form .lead-form__form { 10472 width: 100%; 10473 max-width: 100%; 10474 min-width: 0; 10475 } 10476 10477 #lead-form .lead-form__card { 10478 grid-template-columns: minmax(0, 1fr); 10479 gap: 32px; 10480 padding: 32px; 10481 } 10482 10483 #lead-form .lead-form__left { 10484 max-width: 760px; 10485 } 10486 10487 #lead-form .lead-form__items { 10488 grid-template-columns: repeat(3, minmax(0, 1fr)); 10489 } 10490 10491 #lead-form .lead-form__item { 10492 grid-template-columns: minmax(0, 1fr); 10493 align-content: start; 10494 min-height: 210px; 10495 } 10496} 10497 10498/* ÐобилÑÐ½Ð°Ñ Ð²ÐµÑÑÐ¸Ñ */ 10499 10500@media (max-width: 640px) { 10501 #lead-form { 10502 width: 100%; 10503 max-width: 100%; 10504 margin: 0; 10505 padding: 40px 24px; 10506 overflow: hidden; 10507 box-sizing: border-box; 10508 } 10509 10510 #lead-form .lead-form__wrap, 10511 #lead-form .lead-form__card, 10512 #lead-form .lead-form__left, 10513 #lead-form .lead-form__form, 10514 #lead-form .lead-form__items { 10515 width: 100%; 10516 max-width: 100%; 10517 min-width: 0; 10518 } 10519 10520 #lead-form .lead-form__wrap { 10521 margin: 0 auto; 10522 } 10523 10524 #lead-form .lead-form__card { 10525 grid-template-columns: minmax(0, 1fr); 10526 gap: 24px; 10527 padding: 22px; 10528 border-radius: 22px; 10529 } 10530 10531 #lead-form .lead-form__eyebrow { 10532 max-width: 100%; 10533 margin-bottom: 14px; 10534 padding: 7px 12px; 10535 font-size: 11px; 10536 } 10537 10538 #lead-form .lead-form__title { 10539 width: 100%; 10540 max-width: 100%; 10541 min-width: 0; 10542 margin: 0;
10543 font-size: clamp(27px, 7.45vw, 30px); 10544 font-weight: 900; 10545 line-height: 1.02; 10546 letter-spacing: -0.03em; 10547 overflow-wrap: break-word; 10548 word-break: normal; 10549 } 10550 10551 #lead-form .lead-form__subtitle { 10552 width: 100%; 10553 max-width: 100%; 10554 min-width: 0; 10555 margin-top: 16px; 10556 font-size: 16px; 10557 line-height: 1.45; 10558 overflow-wrap: break-word; 10559 } 10560 10561 #lead-form .lead-form__items { 10562 grid-template-columns: minmax(0, 1fr); 10563 gap: 12px; 10564 margin-top: 27px; 10565 } 10566 10567 #lead-form .lead-form__item { 10568 grid-template-columns: 48px minmax(0, 1fr); 10569 gap: 14px; 10570 width: 100%; 10571 max-width: 100%; 10572 min-width: 0; 10573 min-height: auto; 10574 padding: 15px; 10575 border-radius: 18px; 10576 } 10577 10578 #lead-form .lead-form__icon { 10579 width: 48px; 10580 height: 48px; 10581 border-radius: 14px; 10582 } 10583 10584 #lead-form .lead-form__icon svg { 10585 width: 22px; 10586 height: 22px; 10587 } 10588 10589 #lead-form .lead-form__item-content { 10590 width: 100%; 10591 max-width: 100%; 10592 min-width: 0; 10593 } 10594 10595 #lead-form .lead-form__item-title { 10596 font-size: 16px; 10597 } 10598 10599 #lead-form .lead-form__item p { 10600 width: 100%; 10601 max-width: 100%; 10602 min-width: 0; 10603 font-size: 14px; 10604 overflow-wrap: break-word; 10605 } 10606 10607 #lead-form .lead-form__form { 10608 gap: 16px; 10609 padding: 22px; 10610 border-radius: 20px; 10611 } 10612 10613 #lead-form .lead-form__form-title { 10614 font-size: 27px; 10615 } 10616 10617 #lead-form input, 10618 #lead-form select { 10619 width: 100%; 10620 max-width: 100%; 10621 min-width: 0; 10622 height: 56px; 10623 font-size: 16px; 10624 } 10625 10626 #lead-form .lead-form__button { 10627 width: 100%; 10628 max-width: 100%; 10629 min-width: 0; 10630 min-height: 57px; 10631 } 10632} 10633 10634/* Узкие мобилÑнÑе ÑÑÑÑойÑÑва */ 10635 10636@media (max-width: 420px) { 10637 #lead-form { 10638 padding: 40px 20px; 10639 } 10640 10641 #lead-form .lead-form__title { 10642 font-size: clamp(26px, 7.25vw, 29px); 10643 line-height: 1.02; 10644 } 10645 10646 #lead-form .lead-form__card { 10647 padding: 18px; 10648 } 10649 10650 #lead-form .lead-form__item { 10651 grid-template-columns: minmax(0, 1fr); 10652 } 10653 10654 #lead-form .lead-form__form { 10655 padding: 18px; 10656 } 10657} 10658 10659/* ÐÑклÑÑение анимаÑий */ 10660 10661@media (prefers-reduced-motion: reduce) { 10662 #lead-form .lead-form__card { 10663 animation: none; 10664 } 10665 10666 #lead-form .lead-form__item, 10667 #lead-form .lead-form__button, 10668 #lead-form .lead-form__button-arrow { 10669 transition: none; 10670 } 10671} 10672</style> <!-- СкÑÑваем ÑÑандаÑÑнÑÑ ÑоÑÐ¼Ñ Tilda --> <style> 10673#lead-form .lead-form__success { 10674 display: none; 10675 margin: 0 0 16px; 10676 padding: 14px 16px; 10677 border: 1px solid rgba(23, 23, 23, 0.08); 10678 border-radius: 14px; 10679 background: rgba(254, 229, 0, 0.24); 10680 color: var(--lf-black); 10681 font-size: 14px; 10682 font-weight: 700; 10683 line-height: 1.4; 10684} 10685 10686#lead-form .lead-form__button.t-btn_sending { 10687 pointer-events: none; 10688 opacity: .7; 10689} 10690</style>
10690<script> 10691(function () { 10692 var linked = false; 10693 10694 function getOurForm() { 10695 return document.getElementById('lead-form-tilda'); 10696 } 10697 10698 function getDonorForm() { 10699 var rec = document.getElementById('rec3097247901'); 10700 if (!rec) return null; 10701 10702 var form = rec.querySelector('form.js-form-proccess'); 10703 if (!form) return null; 10704 10705 var serviceInputs = form.querySelectorAll( 10706 'input.js-formaction-services[name="formservices[]"], input[name="formservices[]"]' 10707 ); 10708 10709 return serviceInputs.length ? form : null; 10710 } 10711 10712 function copyTildaServices(donor, target) { 10713 var serviceInputs = donor.querySelectorAll( 10714 'input.js-formaction-services[name="formservices[]"], input[name="formservices[]"]' 10715 ); 10716 10717 var existing = []; 10718 target.querySelectorAll('input[name="formservices[]"]').forEach(function (input) { 10719 existing.push(input.value); 10720 }); 10721 10722 serviceInputs.forEach(function (input) { 10723 if (!input.value || existing.indexOf(input.value) !== -1) return; 10724 10725 var hidden = document.createElement('input'); 10726 hidden.type = 'hidden'; 10727 hidden.name = 'formservices[]'; 10728 hidden.value = input.value; 10729 hidden.className = 'js-formaction-services'; 10730 target.insertBefore(hidden, target.firstChild); 10731 10732 existing.push(input.value); 10733 }); 10734 10735 return target.querySelectorAll('input[name="formservices[]"]').length; 10736 } 10737 10738 function hideDonorBlock(donor) { 10739 var rec = donor.closest('.t-rec') || donor.closest('[id^="rec"]'); 10740 if (!rec) return; 10741 10742 rec.setAttribute('aria-hidden', 'true'); 10743 rec.style.setProperty('display', 'none', 'important'); 10744 rec.style.setProperty('height', '0', 'important'); 10745 rec.style.setProperty('min-height', '0', 'important'); 10746 rec.style.setProperty('margin', '0', 'important'); 10747 rec.style.setProperty('padding', '0', 'important'); 10748 rec.style.setProperty('overflow', 'hidden', 'important'); 10749 } 10750 10751 function bindSuccess(form) { 10752 if (form.dataset.successBound === '1') return; 10753 form.dataset.successBound = '1'; 10754 10755 form.addEventListener('tildaform:aftersuccess', function () { 10756 var success = form.querySelector('.lead-form__success'); 10757 var button = form.querySelector('.lead-form__button'); 10758 10759 if (success) success.style.display = 'block'; 10760 10761 if (button) { 10762 button.innerHTML = '<span>ÐаÑвка оÑпÑавлена</span>'; 10763 button.disabled = true; 10764 } 10765 10766 form.reset(); 10767 10768 var phone = form.querySelector('input[name="Phone"]'); 10769 if (phone) phone.value = '+7'; 10770 }); 10771 } 10772 10773 function initLeadForm() { 10774 if (linked) return true; 10775 10776 var form = getOurForm(); 10777 if (!form) return false; 10778 10779 bindSuccess(form); 10780 10781 var donor = getDonorForm(); 10782 if (!donor) return false; 10783 10784 var servicesCount = copyTildaServices(donor, form); 10785 if (!servicesCount) return false; 10786 10787 hideDonorBlock(donor); 10788 setTimeout(function () { hideDonorBlock(donor); }, 800); 10789 setTimeout(function () { hideDonorBlock(donor); }, 1800); 10790 10791 form.dataset.tildaLinked = '1'; 10792 linked = true; 10793 10794 console.info('[Lead form] Tilda подклÑÑена. ÐÑиÑмÑиков: ' + servicesCount); 10795 return true; 10796 } 10797 10798 function startInitAttempts() { 10799 var attempts = 0; 10800 var maxAttempts = 30; 10801 10802 if (initLeadForm()) return; 10803 10804 var timer = setInterval(function () { 10805 attempts++; 10806 10807 if (initLeadForm() || attempts >= maxAttempts) { 10808 clearInterval(timer); 10809 10810 if (!linked) { 10811 console.warn( 10812 '[Lead form] Ðе ÑдалоÑÑ Ð½Ð°Ð¹Ñи #rec3097247901 Ñ Ð¿Ð¾Ð´ÐºÐ»ÑÑÑннÑм пÑиÑмÑиком Tilda. ' + 10813 'Ðлок должен бÑÑÑ Ð²ÐºÐ»ÑÑÑн и опÑбликован, ÑкÑÑваÑÑ ÐµÐ³Ð¾ вÑÑÑнÑÑ Ð½ÐµÐ»ÑзÑ.' 10814 ); 10815 } 10816 } 10817 }, 300); 10818 } 10819 10820 if (document.readyState === 'loading') { 10821 document.addEventListener('DOMContentLoaded', startInitAttempts); 10822 } else { 10823 startInitAttempts(); 10824 } 10825})(); 10826</script>
10826
10826<script> 10827(function () { 10828 function initLeadPhoneMask() { 10829 var form = document.getElementById('lead-form-tilda'); 10830 if (!form) return; 10831 10832 var phone = form.querySelector('input[name="Phone"]'); 10833 if (!phone || phone.dataset.maskReady === '1') return; 10834 10835 phone.dataset.maskReady = '1'; 10836 phone.setAttribute('maxlength', '18'); 10837 10838 function normalizeDigits(raw) { 10839 var digits = String(raw || '').replace(/\D/g, ''); 10840 10841 if (digits.length >= 11 && (digits.charAt(0) === '7' || digits.charAt(0) === '8')) { 10842 digits = digits.slice(1); 10843 } else if (digits.length && digits.charAt(0) === '7' && String(raw).trim().indexOf('+7') === 0) { 10844 digits = digits.slice(1); 10845 } 10846 10847 return digits.slice(0, 10); 10848 } 10849 10850 function formatDigits(d) { 10851 var out = '+7'; 10852 if (d.length > 0) out += ' (' + d.slice(0, 3); 10853 if (d.length >= 3) out += ')'; 10854 if (d.length > 3) out += ' ' + d.slice(3, 6); 10855 if (d.length > 6) out += '-' + d.slice(6, 8); 10856 if (d.length > 8) out += '-' + d.slice(8, 10); 10857 return out; 10858 } 10859 10860 function render(digits) { 10861 phone.value = formatDigits(digits); 10862 try { 10863 phone.setSelectionRange(phone.value.length, phone.value.length); 10864 } catch (e) {} 10865 } 10866
10867 phone.addEventListener('focus', function () { 10868 render(normalizeDigits(phone.value)); 10869 }); 10870 10871 phone.addEventListener('input', function () { 10872 render(normalizeDigits(phone.value)); 10873 }); 10874 10875 phone.addEventListener('paste', function (e) { 10876 e.preventDefault(); 10877 10878 var pasted = ''; 10879 if (e.clipboardData && e.clipboardData.getData) { 10880 pasted = e.clipboardData.getData('text'); 10881 } else if (window.clipboardData) { 10882 pasted = window.clipboardData.getData('Text'); 10883 } 10884 10885 render(normalizeDigits(pasted)); 10886 }); 10887 10888 phone.addEventListener('keydown', function (e) { 10889 if (e.key !== 'Backspace' && e.key !== 'Delete') return; 10890 10891 var digits = normalizeDigits(phone.value); 10892 10893 if (e.key === 'Backspace') { 10894 e.preventDefault(); 10895 render(digits.slice(0, -1)); 10896 return; 10897 } 10898 10899 if (e.key === 'Delete' && phone.selectionStart !== null && phone.selectionStart <= 2) { 10900 e.preventDefault(); 10901 render(digits); 10902 } 10903 }); 10904 10905 phone.addEventListener('click', function () { 10906 try { 10907 phone.setSelectionRange(phone.value.length, phone.value.length); 10908 } catch (e) {} 10909 }); 10910 10911 render(normalizeDigits(phone.value)); 10912 } 10913 10914 if (document.readyState === 'loading') { 10915 document.addEventListener('DOMContentLoaded', initLeadPhoneMask); 10916 } else { 10917 initLeadPhoneMask(); 10918 } 10919})(); 10920</script>
10920 <!-- nominify end --> </div> </div> </div> </div> <div id="rec3097036601" class="r t-rec" style=" " data-record-type="215"> <a name="contact" style="font-size:0;"></a> </div> <div id="rec3096682201" 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 --> <section id="contacts" class="contacts"> <div class="contacts__wrap"> <div class="contacts__info"> <div class="contacts__head"> <div class="contacts__eyebrow"> 10921 ÐонÑакÑÑ 10922 </div> <h2 class="contacts__title"> 10923 ÐÑ ÑÑдом 10924 </h2> <p class="contacts__subtitle"> 10925 СвÑжиÑеÑÑ Ñ Ð½Ð°Ð¼Ð¸ ÑдобнÑм ÑпоÑобом или вÑбеÑиÑе ближайÑий обÑазоваÑелÑнÑй ÑенÑÑ. 10926 </p> </div> <div class="contacts__communication"> <div class="contacts__block"> <div class="contacts__block-label"> 10927 ÐозвониÑе нам 10928 </div> <a 10929 href="tel:88002343043" 10930 class="contacts__main-link" 10931 > 10932 8 800 234 30-43 10933 </a> </div> <div class="contacts__block"> <div class="contacts__block-label"> 10934 ÐаÑа поÑÑа 10935 </div> <a 10936 href="mailto:[email protected]" 10937 class="contacts__main-link contacts__main-link--email" 10938 > 10939 [email protected] 10940 </a> </div> </div> <div class="contacts__socials"> <a href="https://max.ru/u/f9LHodD0cOKdWJ07dYTYns8SoG9jXKHa5sKxl5WH2nOVk47cuqiOShvIJr4" target="_blank" rel="noopener noreferrer" aria-label="MAX"> 10941 MAX 10942 </a> <a href="https://vk.ru/inginirium_krd" target="_blank" rel="noopener noreferrer" aria-label="ÐÐонÑакÑе"> 10943 ÐÐонÑакÑе 10944 </a> </div> <div class="contacts__addresses"> <h3 class="contacts__addresses-title"> 10945 ÐаÑи адÑеÑа 10946 </h3> <div class="contacts__addresses-list"> <div class="contacts__address"> <div class="contacts__address-number"> 10947 01 10948 </div> <div class="contacts__address-content"> <span>ÐÐÐ ÐÑбеÑнÑкий</span> <b>Ñл. ÐоÑпоÑÑкаÑ, 10, 1 ÑÑаж</b> </div> </div> <div class="contacts__address"> <div class="contacts__address-number"> 10949 02 10950 </div> <div class="contacts__address-content"> <span>ÐÐРФеÑÑивалÑнÑй</span> <b>Ñл. ÐамÑÑи ЧеÑнобÑлÑÑев, 6, 1 ÑÑаж</b> </div> </div> <div class="contacts__address"> <div class="contacts__address-number"> 10951 03 10952 </div> <div class="contacts__address-content"> <span>ÐÐÐ ÐидÑоÑÑÑоиÑелей</span> <b>Ñл. ÐгнаÑова, 10/1, 2 ÑÑаж</b> </div> </div> </div> </div> <div class="contacts__links"> <a href="/contract"> 10953 ÐоговоÑ-оÑеÑÑа 10954 </a> <a href="/policy"> 10955 ÐолиÑика обÑабоÑки пеÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ 10956 </a> </div> </div> <div class="contacts__map"> <iframe 10957 src="https://yandex.ru/map-widget/v1/?um=constructor%3A985d1482a1b75c8a3e7a81b4f3d52d525b53b30c9bebe419a562e49a290fff6c&source=constructor" 10958 width="100%" 10959 height="100%" 10960 frameborder="0" 10961 title="ÐаÑÑа обÑазоваÑелÑнÑÑ ÑенÑÑов «ÐнжиниÑиÑм»" 10962 ></iframe> </div> </div> </section> <style> 10963#contacts { 10964 --contacts-yellow: #FEE500; 10965 --contacts-purple: #753B96; 10966 --contacts-purple-dark: #753B96; 10967 --contacts-black: #171717; 10968 --contacts-text: #1c1c1c; 10969 --contacts-muted: #696969; 10970 --contacts-border: rgba(23, 23, 23, 0.09); 10971 --contacts-white: #FFFFFF; 10972 10973 position: relative; 10974 display: block; 10975 width: 100%; 10976 max-width: 100%; 10977 margin: 0; 10978 padding: 64px 24px; 10979 overflow: hidden; 10980 box-sizing: border-box; 10981 background: transparent; 10982 color: var(--contacts-text); 10983 font-family: "TildaSans", Arial, sans-serif; 10984} 10985 10986#contacts *, 10987#contacts *::before, 10988#contacts *::after { 10989 box-sizing: border-box; 10990} 10991 10992#contacts .contacts__wrap { 10993 position: relative; 10994 display: grid; 10995 grid-template-columns: 10996 minmax(380px, 0.82fr) 10997 minmax(0, 1.18fr); 10998 gap: 20px; 10999 align-items: stretch; 11000 width: min(1180px, 100%); 11001 max-width: 100%; 11002 min-width: 0; 11003 margin: 0 auto; 11004} 11005 11006#contacts .contacts__info, 11007#contacts .contacts__map { 11008 position: relative; 11009 width: 100%; 11010 max-width: 100%; 11011 min-width: 0; 11012 overflow: hidden; 11013 border: 1px solid var(--contacts-border); 11014 border-radius: 26px; 11015 background: rgba(255, 255, 255, 0.88); 11016 box-shadow: 0 20px 50px rgba(23, 23, 23, 0.07); 11017 backdrop-filter: blur(14px); 11018 -webkit-backdrop-filter: blur(14px); 11019} 11020 11021/* ÐнÑоÑмаÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑаÑÑÑ */ 11022 11023#contacts .contacts__info { 11024 isolation: isolate; 11025 padding: 34px; 11026} 11027 11028#contacts .contacts__head { 11029 width: 100%; 11030 max-width: 620px; 11031 min-width: 0; 11032} 11033 11034#contacts .contacts__eyebrow { 11035 display: inline-flex; 11036 align-items: center; 11037 gap: 9px; 11038 max-width: 100%; 11039 min-height: 34px; 11040 margin-bottom: 17px; 11041 padding: 8px 13px; 11042 border: 1px solid rgba(23, 23, 23, 0.08); 11043 border-radius: 999px; 11044 background: rgba(254, 229, 0, 0.22); 11045 color: var(--contacts-black); 11046 font-size: 12px; 11047 font-weight: 700; 11048 line-height: 1; 11049 letter-spacing: 0.08em; 11050 text-transform: uppercase; 11051} 11052 11053#contacts .contacts__eyebrow::before { 11054 content: ""; 11055 flex: 0 0 auto; 11056 width: 7px; 11057 height: 7px; 11058 border-radius: 50%; 11059 background: var(--contacts-yellow); 11060 box-shadow: 0 0 0 4px rgba(254, 229, 0, 0.2); 11061} 11062 11063#contacts .contacts__title { 11064 width: 100%; 11065 max-width: 100%; 11066 min-width: 0; 11067 margin: 0; 11068 color: var(--contacts-black); 11069 font-size: 46px; 11070 font-weight: 900; 11071 line-height: 0.95; 11072 letter-spacing: -0.8px; 11073 overflow-wrap: break-word; 11074 word-break: normal; 11075} 11076 11077#contacts .contacts__subtitle { 11078 width: 100%; 11079 max-width: 540px; 11080 min-width: 0; 11081 margin: 22px 0 0; 11082 color: var(--contacts-muted); 11083 font-size: 19px; 11084 font-weight: 400; 11085 line-height: 1.5; 11086 overflow-wrap: break-word; 11087} 11088 11089/* ТелеÑон и поÑÑа */ 11090 11091#contacts .contacts__communication { 11092 display: grid; 11093 gap: 14px; 11094 width: 100%; 11095 max-width: 100%; 11096 min-width: 0; 11097 margin-top: 34px; 11098} 11099 11100#contacts .contacts__block { 11101 width: 100%; 11102 max-width: 100%; 11103 min-width: 0; 11104 padding: 19px 20px; 11105 border: 1px solid var(--contacts-border); 11106 border-radius: 18px; 11107 background: rgba(255, 255, 255, 0.72); 11108 transition: 11109 transform 0.3s ease, 11110 box-shadow 0.3s ease; 11111} 11112 11113#contacts .contacts__block-label { 11114 margin-bottom: 7px; 11115 color: var(--contacts-muted); 11116 font-size: 14px; 11117 line-height: 1.3; 11118} 11119 11120#contacts .contacts__main-link { 11121 display: inline-block; 11122 max-width: 100%; 11123 min-width: 0; 11124 color: var(--contacts-black); 11125 font-size: clamp(23px, 2.6vw, 31px); 11126 font-weight: 700; 11127 line-height: 1.15; 11128 text-decoration: none;
11129 overflow-wrap: anywhere; 11130 word-break: normal; 11131} 11132 11133/* СоÑиалÑнÑе ÑеÑи */ 11134 11135#contacts .contacts__socials { 11136 display: flex; 11137 flex-wrap: wrap; 11138 gap: 12px; 11139 width: 100%; 11140 max-width: 100%; 11141 min-width: 0; 11142 margin: 20px 0 34px; 11143} 11144 11145#contacts .contacts__socials a { 11146 display: inline-flex; 11147 align-items: center; 11148 justify-content: center; 11149 max-width: 100%; 11150 height: 48px; 11151 padding: 0 20px; 11152 border: 1px solid rgba(23, 23, 23, 0.08); 11153 border-radius: 14px; 11154 background: var(--contacts-yellow); 11155 color: var(--contacts-black); 11156 font-size: 13px; 11157 font-weight: 800; 11158 line-height: 1; 11159 text-decoration: none; 11160 transition: 11161 transform 0.25s ease, 11162 background-color 0.25s ease, 11163 color 0.25s ease, 11164 box-shadow 0.25s ease; 11165} 11166 11167#contacts .contacts__socials a:nth-child(2) { 11168 border-color: rgba(117, 59, 150, 0.12); 11169 background: rgba(117, 59, 150, 0.12); 11170 color: var(--contacts-purple); 11171} 11172 11173#contacts .contacts__socials a:hover { 11174 transform: translateY(-3px); 11175 background: var(--contacts-purple); 11176 color: var(--contacts-white); 11177 box-shadow: 0 12px 25px rgba(117, 59, 150, 0.18); 11178} 11179 11180/* ÐдÑеÑа */ 11181 11182#contacts .contacts__addresses { 11183 width: 100%; 11184 max-width: 100%; 11185 min-width: 0; 11186 padding-top: 29px; 11187 border-top: 1px solid var(--contacts-border); 11188} 11189 11190#contacts .contacts__addresses-title { 11191 margin: 0; 11192 color: var(--contacts-black); 11193 font-size: 29px; 11194 font-weight: 700; 11195 line-height: 1.1; 11196} 11197 11198#contacts .contacts__addresses-list { 11199 display: grid; 11200 gap: 12px; 11201 width: 100%; 11202 max-width: 100%; 11203 min-width: 0; 11204 margin-top: 20px; 11205} 11206 11207#contacts .contacts__address { 11208 display: grid; 11209 grid-template-columns: 43px minmax(0, 1fr); 11210 gap: 14px; 11211 align-items: start; 11212 width: 100%; 11213 max-width: 100%; 11214 min-width: 0; 11215 padding: 16px; 11216 border: 1px solid var(--contacts-border); 11217 border-radius: 17px; 11218 background: rgba(255, 255, 255, 0.7); 11219} 11220 11221#contacts .contacts__address-number { 11222 display: flex; 11223 align-items: center; 11224 justify-content: center; 11225 flex: 0 0 auto; 11226 width: 43px; 11227 height: 43px; 11228 border-radius: 13px; 11229 background: rgba(254, 229, 0, 0.84); 11230 font-size: 12px; 11231 font-weight: 800; 11232 line-height: 1; 11233} 11234 11235#contacts .contacts__address-content { 11236 width: 100%; 11237 max-width: 100%; 11238 min-width: 0; 11239} 11240 11241#contacts .contacts__address-content span { 11242 display: block; 11243 color: var(--contacts-muted); 11244 font-size: 13px; 11245 line-height: 1.3; 11246} 11247 11248#contacts .contacts__address b { 11249 display: block; 11250 max-width: 100%; 11251 margin-top: 4px; 11252 color: var(--contacts-black); 11253 font-size: 17px; 11254 font-weight: 700; 11255 line-height: 1.35; 11256 overflow-wrap: break-word; 11257} 11258 11259/* СÑÑлки */ 11260 11261#contacts .contacts__links { 11262 display: grid; 11263 gap: 8px; 11264 width: 100%; 11265 max-width: 100%; 11266 min-width: 0; 11267 margin-top: 26px; 11268} 11269 11270#contacts .contacts__links a { 11271 max-width: 100%; 11272 color: rgba(23, 23, 23, 0.62); 11273 font-size: 13px; 11274 line-height: 1.4; 11275 text-underline-offset: 4px; 11276 overflow-wrap: break-word; 11277} 11278 11279/* ÐаÑÑа */ 11280 11281#contacts .contacts__map { 11282 min-height: 720px; 11283 background: #f2f1ed; 11284} 11285 11286#contacts .contacts__map iframe { 11287 display: block; 11288 width: 100%; 11289 max-width: 100%; 11290 height: 100%; 11291 min-height: 720px; 11292 border: 0; 11293 filter: saturate(0.9) contrast(0.97); 11294} 11295 11296/* ÐланÑÐµÑ */ 11297 11298@media (max-width: 980px) { 11299 #contacts { 11300 padding: 52px 24px; 11301 } 11302 11303 #contacts .contacts__wrap { 11304 grid-template-columns: minmax(0, 1fr); 11305 width: 100%; 11306 max-width: 100%; 11307 min-width: 0; 11308 } 11309 11310 #contacts .contacts__info, 11311 #contacts .contacts__map { 11312 width: 100%; 11313 max-width: 100%; 11314 min-width: 0; 11315 } 11316 11317 #contacts .contacts__map, 11318 #contacts .contacts__map iframe { 11319 min-height: 520px; 11320 } 11321} 11322 11323/* ÐобилÑÐ½Ð°Ñ Ð²ÐµÑÑÐ¸Ñ */ 11324 11325@media (max-width: 640px) { 11326 #contacts { 11327 width: 100%; 11328 max-width: 100%; 11329 margin: 0; 11330 padding: 40px 24px; 11331 overflow: hidden; 11332 box-sizing: border-box; 11333 } 11334 11335 #contacts .contacts__wrap { 11336 grid-template-columns: minmax(0, 1fr); 11337 gap: 14px; 11338 width: 100%; 11339 max-width: 100%; 11340 min-width: 0; 11341 margin: 0 auto; 11342 } 11343 11344 #contacts .contacts__info, 11345 #contacts .contacts__map, 11346 #contacts .contacts__head, 11347 #contacts .contacts__communication, 11348 #contacts .contacts__addresses, 11349 #contacts .contacts__addresses-list, 11350 #contacts .contacts__links { 11351 width: 100%; 11352 max-width: 100%; 11353 min-width: 0; 11354 } 11355 11356 #contacts .contacts__info { 11357 padding: 22px; 11358 border-radius: 22px; 11359 } 11360 11361 #contacts .contacts__eyebrow { 11362 max-width: 100%; 11363 margin-bottom: 14px; 11364 padding: 7px 12px; 11365 font-size: 11px; 11366 } 11367 11368 #contacts .contacts__title { 11369 width: 100%; 11370 max-width: 100%; 11371 min-width: 0; 11372 margin: 0;
11373 font-size: clamp(27px, 7.45vw, 30px); 11374 font-weight: 900; 11375 line-height: 1.02; 11376 letter-spacing: -0.03em; 11377 overflow-wrap: break-word; 11378 } 11379 11380 #contacts .contacts__subtitle { 11381 width: 100%; 11382 max-width: 100%; 11383 min-width: 0; 11384 margin-top: 16px; 11385 font-size: 16px; 11386 line-height: 1.45; 11387 overflow-wrap: break-word; 11388 } 11389 11390 #contacts .contacts__communication { 11391 gap: 10px; 11392 margin-top: 26px; 11393 } 11394 11395 #contacts .contacts__block { 11396 padding: 17px 18px; 11397 border-radius: 16px; 11398 } 11399 11400 #contacts .contacts__block-label { 11401 font-size: 13px; 11402 } 11403 11404 #contacts .contacts__main-link { 11405 max-width: 100%; 11406 font-size: 23px; 11407 line-height: 1.15; 11408 overflow-wrap: anywhere; 11409 } 11410 11411 #contacts .contacts__main-link--email { 11412 font-size: 20px; 11413 } 11414 11415 #contacts .contacts__socials { 11416 display: grid; 11417 grid-template-columns: repeat(2, minmax(0, 1fr)); 11418 gap: 10px; 11419 margin: 18px 0 28px; 11420 } 11421 11422 #contacts .contacts__socials a { 11423 width: 100%; 11424 max-width: 100%; 11425 height: 46px; 11426 padding: 0 12px; 11427 border-radius: 13px; 11428 } 11429 11430 #contacts .contacts__addresses { 11431 padding-top: 24px; 11432 } 11433 11434 #contacts .contacts__addresses-title { 11435 font-size: 26px; 11436 } 11437 11438 #contacts .contacts__addresses-list { 11439 gap: 10px; 11440 margin-top: 17px; 11441 } 11442 11443 #contacts .contacts__address { 11444 grid-template-columns: 40px minmax(0, 1fr); 11445 gap: 12px; 11446 padding: 14px; 11447 border-radius: 16px; 11448 } 11449 11450 #contacts .contacts__address-number { 11451 width: 40px; 11452 height: 40px; 11453 border-radius: 12px; 11454 } 11455 11456 #contacts .contacts__address-content span { 11457 font-size: 12px; 11458 } 11459 11460 #contacts .contacts__address b { 11461 font-size: 15px; 11462 line-height: 1.4; 11463 } 11464 11465 #contacts .contacts__links { 11466 margin-top: 22px; 11467 } 11468 11469 #contacts .contacts__map { 11470 min-height: 420px; 11471 border-radius: 22px; 11472 } 11473 11474 #contacts .contacts__map iframe { 11475 min-height: 420px; 11476 } 11477} 11478 11479/* Узкие мобилÑнÑе ÑÑÑÑойÑÑва */ 11480 11481@media (max-width: 420px) { 11482 #contacts { 11483 padding: 40px 20px; 11484 } 11485 11486 #contacts .contacts__info { 11487 padding: 18px; 11488 } 11489 11490 #contacts .contacts__title { 11491 font-size: clamp(26px, 7.25vw, 29px); 11492 line-height: 1.02; 11493 } 11494 11495 #contacts .contacts__main-link { 11496 font-size: 21px; 11497 } 11498 11499 #contacts .contacts__main-link--email { 11500 font-size: 18px; 11501 } 11502 11503 #contacts .contacts__socials { 11504 grid-template-columns: minmax(0, 1fr); 11505 } 11506 11507 #contacts .contacts__address { 11508 grid-template-columns: 38px minmax(0, 1fr); 11509 padding: 13px; 11510 } 11511 11512 #contacts .contacts__address-number { 11513 width: 38px; 11514 height: 38px; 11515 } 11516 11517 #contacts .contacts__map, 11518 #contacts .contacts__map iframe { 11519 min-height: 380px; 11520 } 11521} 11522</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3096685101" 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 --> <footer id="ai-footer" class="ai-footer"> <div class="ai-footer__wrap"> <div class="ai-footer__grid"> <div class="ai-footer__col"> <div class="ai-footer__brand">«ÐнжиниÑиÑм ÐÐТУ им. Ð.Ð. ÐаÑмана»</div> <div class="ai-footer__text"> 11523 © 2026 ÐÐР«ÐнжиниÑиÑм»<br> 11524 ÐÐÐ 2311305513<br> 11525 ÐÐÐ Ð 1202300026730 11526 </div> </div> <div class="ai-footer__col"> <div class="ai-footer__title">ÐокÑменÑÑ</div> <a href="https://inginirium.pro/policy" class="ai-footer__link">ÐолиÑика конÑиденÑиалÑноÑÑи</a> <a href="https://inginirium.pro/contract" class="ai-footer__link">ÐÑблиÑÐ½Ð°Ñ Ð¾ÑеÑÑа</a> </div> <div class="ai-footer__col"> <div class="ai-footer__title">ÐонÑакÑÑ</div> <div class="ai-footer__text"> <a href="tel:88002343043" class="ai-footer__text-link">8 800 234 30-43</a><br> <a href="mailto:[email protected]" class="ai-footer__text-link">[email protected]</a> </div> </div> </div> </div> </footer> <style> 11527#ai-footer { 11528 --footer-yellow: #FEE500; 11529 --footer-purple: #753B96; 11530 --footer-black: #171717; 11531 --footer-white: #FFFFFF; 11532 11533 position: relative; 11534 width: 100%; 11535 padding: 80px 24px 120px; 11536 background: transparent; 11537 color: var(--footer-black); 11538 font-family: "TildaSans", Arial, sans-serif; 11539} 11540 11541#ai-footer * { box-sizing: border-box; } 11542 11543#ai-footer .ai-footer__wrap { width: min(1180px, 100%); margin: 0 auto; } 11544 11545#ai-footer .ai-footer__grid { 11546 display: grid; 11547 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 11548 gap: 40px; 11549} 11550
11551#ai-footer .ai-footer__col { display: flex; flex-direction: column; gap: 16px; } 11552 11553#ai-footer .ai-footer__brand { 11554 font-size: 20px; 11555 font-weight: 800; 11556 line-height: 1.2; 11557 letter-spacing: -0.02em; 11558} 11559 11560#ai-footer .ai-footer__title { 11561 font-size: 12px; 11562 font-weight: 700; 11563 text-transform: uppercase; 11564 letter-spacing: 0.08em; 11565 opacity: 0.6; 11566} 11567 11568#ai-footer .ai-footer__text { 11569 font-size: 15px; 11570 line-height: 1.6; 11571 opacity: 0.8; 11572} 11573 11574/* СÑÑлки и поÑÑа/ÑелеÑон */ 11575#ai-footer .ai-footer__link, 11576#ai-footer .ai-footer__text-link { 11577 display: block; 11578 font-size: 15px; 11579 color: var(--footer-purple); 11580 text-decoration: none; 11581 transition: 0.25s; 11582} 11583 11584#ai-footer .ai-footer__text-link { color: var(--footer-black); } 11585#ai-footer .ai-footer__text-link:hover { color: var(--footer-purple); } 11586 11587#ai-footer .ai-footer__link:hover { 11588 text-decoration: underline; 11589} 11590 11591@media (max-width: 768px) { 11592 #ai-footer { padding: 60px 16px 140px; } 11593 #ai-footer .ai-footer__grid { gap: 30px; } 11594} 11595</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3096690301" class="r t-rec t-rec_pt_105 t-rec_pb_105" style="padding-top:105px;padding-bottom:105px; " data-animationappear="off" data-record-type="2441" data-parenttplid="678"> <!-- t678 --> <div class="t678 "> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div> <form 11596id="form3096690301" name='form3096690301' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group" class="t-form js-form-proccess t-form_inputs-total_3 " data-success-callback="t678_onSuccess"> <input type="hidden" name="formservices[]" value="90cf40a21ab6eb8c324ea5f35d691d9c" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="1ed1623f728544562b513b1df5979f3e" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="10236ffb47ea7c6d42e4db916e0fd6fe" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="bbc4403e11ff08b6ced938ceaf094075" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="0948b2553531ef87d7633b9627ccf128" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="68ef36601823264529a97dcb15694f56" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="c50d17e3eae1ed3694e4fb78c731f29b" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="cd3dc78d52d09a1e3f3d691968a77e83" class="js-formaction-services"> <!-- @classes t-title t-text t-btn --> <div class="js-successbox t-form__successbox t-text t-text_md" 11597aria-live="polite" 11598style="display:none;" data-success-message="ÐÑ Ð¿Ð¾Ð»ÑÑили ваÑÑ Ð·Ð°ÑвкÑ. РближайÑее вÑÐµÐ¼Ñ ÑвÑжемÑÑ Ñ Ð²Ð°Ð¼Ð¸, подÑвеÑдим запиÑÑ Ð¸ оÑпÑавим ÑÑÑÐ»ÐºÑ Ð´Ð»Ñ Ð¾Ð¿Ð»Ð°ÑÑ, ÑÑÐ¾Ð±Ñ Ð·Ð°ÐºÑепиÑÑ Ð¼ÐµÑÑо."></div> <div 11599class="t-form__inputsbox 11600t-form__inputsbox_horizontal 11601"> <div 11602class="t-input-group t-input-group_nm " data-input-lid="7524585095010" data-field-type="nm" data-field-name="name"> <div class="t-input-block "> <input 11603type="text" 11604autocomplete="name" 11605name="name" 11606id="input_7524585095010" 11607class="t-input js-tilda-rule" 11608value="" 11609placeholder="ÐаÑе имÑ" data-tilda-req="1" aria-required="true" data-tilda-rule="name" 11610aria-describedby="error_7524585095010" 11611style="color:#000000;border:1px solid #000000;"> </div> <div class="t-input-error" aria-live="polite" id="error_7524585095010"></div> </div> <div 11612class="t-input-group t-input-group_ph " data-input-lid="7524585095011" data-field-async="true" data-field-type="ph" data-field-name="phone"> <div class="t-input-block "> <input 11613type="tel" 11614autocomplete="tel" 11615name="phone" 11616id="input_7524585095011" data-phonemask-init="no" data-phonemask-id="3096690301" data-phonemask-lid="7524585095011" data-phonemask-maskcountry="RU" class="t-input js-phonemask-input js-tilda-rule" 11617value="" 11618placeholder="+1(000)000-0000" data-tilda-req="1" aria-required="true" aria-describedby="error_7524585095011" 11619style="color:#000000;border:1px solid #000000;">
11619<script type="text/javascript">t_onReady(function() {t_onFuncLoad('t_loadJsFile',function() {t_loadJsFile('https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js',function() {t_onFuncLoad('t_form_phonemask_load',function() {var phoneMasks=document.querySelectorAll('#rec3096690301 [data-phonemask-lid="7524585095011"]');t_form_phonemask_load(phoneMasks);});})})});</script>
11619 </div> <div class="t-input-error" aria-live="polite" id="error_7524585095011"></div> </div> <div 11620class="t-input-group t-input-group_ta " data-input-lid="7524585095012" data-field-type="ta" data-field-name="order"> <div class="t-input-block "> <textarea 11621name="order" 11622id="input_7524585095012" 11623class="t-input js-tilda-rule" 11624aria-describedby="error_7524585095012" 11625style="color:#000000;border:1px solid #000000;height:102px;" 11626rows="3"></textarea> </div> <div class="t-input-error" aria-live="polite" id="error_7524585095012"></div> </div> <div class="t-form__errorbox-middle"> <!--noindex--> <div 11627class="js-errorbox-all t-form__errorbox-wrapper" 11628style="display:none;" data-nosnippet 11629tabindex="-1" 11630aria-label="ÐÑибки пÑи заполнении ÑоÑмÑ"> <ul 11631role="list" 11632class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> <div class="t-form__submit"> <button 11633class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md" 11634type="submit"><span class="t-btnflex__text">ÐÐÐÐ ÐÐÐÐ ÐÐÐТЬ</span> <style>#rec3096690301 .t-btnflex.t-btnflex_type_submit{color:#ffffff;background-color:#000000;--border-width:0px;border-style:none !important;box-shadow:none !important;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}</style></button> </div> </div> <div class="t-form__errorbox-bottom"> <!--noindex--> <div 11635class="js-errorbox-all t-form__errorbox-wrapper" 11636style="display:none;" data-nosnippet 11637tabindex="-1" 11638aria-label="ÐÑибки пÑи заполнении ÑоÑмÑ"> <ul 11639role="list" 11640class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> </form> <style>#rec3096690301 input::-webkit-input-placeholder{color:#000000;opacity:0.5;}#rec3096690301 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec3096690301 input:-moz-placeholder{color:#000000;opacity:0.5;}#rec3096690301 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec3096690301 textarea::-webkit-input-placeholder{color:#000000;opacity:0.5;}#rec3096690301 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec3096690301 textarea:-moz-placeholder{color:#000000;opacity:0.5;}#rec3096690301 textarea:-ms-input-placeholder{color:#000000;opacity:0.5;}</style> </div> <div class="t678__form-bottom-text t-text t-text_xs" field="text">ÐÐ°Ð¶Ð¸Ð¼Ð°Ñ ÐºÐ½Ð¾Ð¿ÐºÑ Â«ÐабÑониÑоваÑÑ», Ð²Ñ Ð¿Ð¾Ð´ÑвеÑждаеÑе Ñвое <a href="https://inginirium.pro/personal">ÑоглаÑие на обÑабоÑÐºÑ Ð¿ÐµÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ </a></div> </div> </div> </div> </div> <div id="rec3097247901" class="r t-rec t-rec_pt_105 t-rec_pb_105" style="padding-top:105px;padding-bottom:105px; " data-animationappear="off" data-record-type="2441" data-parenttplid="678"> <!-- t678 --> <div class="t678 "> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div> <form 11641id="form3097247901" name='form3097247901' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group" class="t-form js-form-proccess t-form_inputs-total_3 " data-success-callback="t678_onSuccess"> <input type="hidden" name="formservices[]" value="90cf40a21ab6eb8c324ea5f35d691d9c" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="1ed1623f728544562b513b1df5979f3e" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="10236ffb47ea7c6d42e4db916e0fd6fe" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="bbc4403e11ff08b6ced938ceaf094075" class="js-formaction-services">
11641 <input type="hidden" name="formservices[]" value="0948b2553531ef87d7633b9627ccf128" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="68ef36601823264529a97dcb15694f56" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="c50d17e3eae1ed3694e4fb78c731f29b" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="cd3dc78d52d09a1e3f3d691968a77e83" class="js-formaction-services"> <!-- @classes t-title t-text t-btn --> <div class="js-successbox t-form__successbox t-text t-text_md" 11642aria-live="polite" 11643style="display:none;" data-success-message="ÐÑ Ð¿Ð¾Ð»ÑÑили ваÑÑ Ð·Ð°ÑвкÑ. РближайÑее вÑÐµÐ¼Ñ ÑвÑжемÑÑ Ñ Ð²Ð°Ð¼Ð¸, подÑвеÑдим запиÑÑ Ð¸ оÑпÑавим ÑÑÑÐ»ÐºÑ Ð´Ð»Ñ Ð¾Ð¿Ð»Ð°ÑÑ, ÑÑÐ¾Ð±Ñ Ð·Ð°ÐºÑепиÑÑ Ð¼ÐµÑÑо."></div> <div 11644class="t-form__inputsbox 11645t-form__inputsbox_horizontal 11646"> <div 11647class="t-input-group t-input-group_nm " data-input-lid="1330966903010" data-field-type="nm" data-field-name="name"> <div class="t-input-block "> <input 11648type="text" 11649autocomplete="name" 11650name="name" 11651id="input_1330966903010" 11652class="t-input js-tilda-rule" 11653value="" 11654placeholder="ÐаÑе имÑ" data-tilda-req="1" aria-required="true" data-tilda-rule="name" 11655aria-describedby="error_1330966903010" 11656style="color:#000000;border:1px solid #000000;"> </div> <div class="t-input-error" aria-live="polite" id="error_1330966903010"></div> </div> <div 11657class="t-input-group t-input-group_ph " data-input-lid="1330966903011" data-field-async="true" data-field-type="ph" data-field-name="phone"> <div class="t-input-block "> <input 11658type="tel" 11659autocomplete="tel" 11660name="phone" 11661id="input_1330966903011" data-phonemask-init="no" data-phonemask-id="3097247901" data-phonemask-lid="1330966903011" data-phonemask-maskcountry="RU" class="t-input js-phonemask-input js-tilda-rule" 11662value="" 11663placeholder="+1(000)000-0000" data-tilda-req="1" aria-required="true" aria-describedby="error_1330966903011" 11664style="color:#000000;border:1px solid #000000;">
11664<script type="text/javascript">t_onReady(function() {t_onFuncLoad('t_loadJsFile',function() {t_loadJsFile('https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js',function() {t_onFuncLoad('t_form_phonemask_load',function() {var phoneMasks=document.querySelectorAll('#rec3097247901 [data-phonemask-lid="1330966903011"]');t_form_phonemask_load(phoneMasks);});})})});</script>
11664 </div> <div class="t-input-error" aria-live="polite" id="error_1330966903011"></div> </div> <div 11665class="t-input-group t-input-group_ta " data-input-lid="1330966903012" data-field-type="ta" data-field-name="order"> <div class="t-input-block "> <textarea 11666name="order" 11667id="input_1330966903012" 11668class="t-input js-tilda-rule" 11669aria-describedby="error_1330966903012" 11670style="color:#000000;border:1px solid #000000;height:102px;" 11671rows="3"></textarea> </div> <div class="t-input-error" aria-live="polite" id="error_1330966903012"></div> </div> <div class="t-form__errorbox-middle"> <!--noindex--> <div 11672class="js-errorbox-all t-form__errorbox-wrapper" 11673style="display:none;" data-nosnippet 11674tabindex="-1" 11675aria-label="ÐÑибки пÑи заполнении ÑоÑмÑ"> <ul 11676role="list" 11677class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> <div class="t-form__submit"> <button 11678class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md" 11679type="submit"><span class="t-btnflex__text">ÐÐÐÐ ÐÐÐÐ ÐÐÐТЬ</span> <style>#rec3097247901 .t-btnflex.t-btnflex_type_submit{color:#ffffff;background-color:#000000;--border-width:0px;border-style:none !important;box-shadow:none !important;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}</style></button> </div> </div> <div class="t-form__errorbox-bottom"> <!--noindex--> <div 11680class="js-errorbox-all t-form__errorbox-wrapper" 11681style="display:none;" data-nosnippet 11682tabindex="-1" 11683aria-label="ÐÑибки пÑи заполнении ÑоÑмÑ"> <ul 11684role="list" 11685class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> </form> <style>#rec3097247901 input::-webkit-input-placeholder{color:#000000;opacity:0.5;}#rec3097247901 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec3097247901 input:-moz-placeholder{color:#000000;opacity:0.5;}#rec3097247901 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec3097247901 textarea::-webkit-input-placeholder{color:#000000;opacity:0.5;}#rec3097247901 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec3097247901 textarea:-moz-placeholder{color:#000000;opacity:0.5;}#rec3097247901 textarea:-ms-input-placeholder{color:#000000;opacity:0.5;}</style> </div> <div class="t678__form-bottom-text t-text t-text_xs" field="text">ÐÐ°Ð¶Ð¸Ð¼Ð°Ñ ÐºÐ½Ð¾Ð¿ÐºÑ Â«ÐабÑониÑоваÑÑ», Ð²Ñ Ð¿Ð¾Ð´ÑвеÑждаеÑе Ñвое <a href="https://inginirium.pro/personal">ÑоглаÑие на обÑабоÑÐºÑ Ð¿ÐµÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ </a></div> </div> </div> </div> </div> <div id="rec3096693801" 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> 11686.apple-emoji{ 11687 display:inline-block; 11688 width:1em; 11689 height:1em; 11690 vertical-align:-0.12em; 11691 object-fit:contain; 11692 margin:0 .03em; 11693 image-rendering:auto; 11694} 11695 11696/* каÑÑоÑки */ 11697.roadmap-step__emoji .apple-emoji{ 11698 width:34px; 11699 height:34px; 11700 margin:0; 11701 vertical-align:middle; 11702} 11703 11704.fit-sticker__emoji .apple-emoji{ 11705 width:40px; 11706 height:40px; 11707 margin:0; 11708 vertical-align:middle; 11709} 11710 11711.action-sticker__emoji .apple-emoji, 11712.ai-actions__emoji .apple-emoji, 11713.ai-fit__emoji .apple-emoji{ 11714 width:34px; 11715 height:34px; 11716 margin:0; 11717 vertical-align:middle; 11718} 11719 11720@media (max-width:768px){ 11721 .roadmap-step__emoji .apple-emoji{ 11722 width:28px; 11723 height:28px; 11724 } 11725 11726 .fit-sticker__emoji .apple-emoji{ 11727 width:34px; 11728 height:34px; 11729 } 11730 11731 .action-sticker__emoji .apple-emoji, 11732 .ai-actions__emoji .apple-emoji, 11733 .ai-fit__emoji .apple-emoji{ 11734 width:30px; 11735 height:30px; 11736 } 11737} 11738 11739/* ===== ФÐÐС ÐÐÐÐÐÐ ===== */ 11740.apple-emoji[alt="â¡"]{ 11741 position:relative; 11742 transform:translate(-6px, 6px); 11743} 11744 11745@media (max-width:768px){ 11746 .apple-emoji[alt="â¡"]{ 11747 transform:translate(-4px, 4px); 11748 } 11749} 11750</style>
11750<script> 11751document.addEventListener("DOMContentLoaded", function () { 11752 const emojiMap = { 11753 // ÐÑновнÑе и ÐÐ (AI Camp) 11754 "ð§ ": "https://em-content.zobj.net/source/apple/354/brain_1f9e0.png", 11755 "ð»": "https://em-content.zobj.net/source/apple/354/laptop_1f4bb.png", 11756 "ð®": "https://em-content.zobj.net/source/apple/354/video-game_1f3ae.png", 11757 "â¨": "https://em-content.zobj.net/source/apple/354/sparkles_2728.png", 11758 "ð": "https://em-content.zobj.net/source/apple/354/rocket_1f680.png", 11759 "â¡": "https://em-content.zobj.net/source/apple/354/high-voltage_26a1.png", 11760 "ð¥": "https://em-content.zobj.net/source/apple/354/fire_1f525.png", 11761 "âï¸": "https://em-content.zobj.net/source/apple/354/writing-hand_270d-fe0f.png", 11762 "â": "https://em-content.zobj.net/source/apple/354/writing-hand_270d-fe0f.png", 11763 11764 // Ðедиа и конÑÐµÐ½Ñ (Media Camp) 11765 "ð¯": "https://em-content.zobj.net/source/apple/354/direct-hit_1f3af.png", 11766 "ð¬": "https://em-content.zobj.net/source/apple/354/clapper-board_1f3ac.png", 11767 "ð¹": "https://em-content.zobj.net/source/apple/354/video-camera_1f4f9.png", 11768 11769 // ÐÐ¸Ð·Ð½ÐµÑ Ð¸ еда (Business Camp) 11770 "ð": "https://em-content.zobj.net/source/apple/354/hamburger_1f354.png", 11771 "ð": "https://em-content.zobj.net/source/apple/354/bar-chart_1f4ca.png", 11772 "ð§": "https://em-content.zobj.net/source/apple/354/ice_1f9ca.png", 11773 "ð": "https://em-content.zobj.net/source/apple/354/delivery-truck_1f69a.png", 11774 11775 // РобоÑоÑÐµÑ Ð½Ð¸ÐºÐ° (Robo Camp) 11776 "ð¤": "https://em-content.zobj.net/source/apple/354/robot_1f916.png", 11777 "âï¸": "https://em-content.zobj.net/source/apple/354/gear_2699-fe0f.png", 11778 "â": "https://em-content.zobj.net/source/apple/354/gear_2699-fe0f.png", 11779 "ð ": "https://em-content.zobj.net/source/apple/354/house_1f3e0.png", 11780 "ð¡": "https://em-content.zobj.net/source/apple/354/satellite-antenna_1f4e1.png", 11781 "ð": "https://em-content.zobj.net/source/apple/354/electric-plug_1f50c.png", 11782 11783 // ÐТ-ÐÐ³ÐµÐ½Ñ Ð¸ заÑиÑа (Agent Camp) 11784 "ð¡ï¸": "https://em-content.zobj.net/source/apple/354/shield_1f6e1-fe0f.png", 11785 "ð¡": "https://em-content.zobj.net/source/apple/354/shield_1f6e1-fe0f.png", 11786 "ð": "https://em-content.zobj.net/source/apple/354/globe-with-meridians_1f310.png", 11787 11788 // ÐаÑка (Science Camp) 11789 "ð¬": "https://em-content.zobj.net/source/apple/354/microscope_1f52c.png", 11790 "ð§ª": "https://em-content.zobj.net/source/apple/354/test-tube_1f9ea.png", 11791 "âï¸": "https://em-content.zobj.net/source/apple/354/atom-symbol_269b-fe0f.png", 11792 "â": "https://em-content.zobj.net/source/apple/354/atom-symbol_269b-fe0f.png", 11793 11794 // ÐÑоÑее Ñо ÑÑÑÐ°Ð½Ð¸Ñ 11795 "ð±": "https://em-content.zobj.net/source/apple/354/seedling_1f331.png", 11796 "ð¡": "https://em-content.zobj.net/source/apple/354/light-bulb_1f4a1.png", 11797 "ð": "https://em-content.zobj.net/source/apple/354/memo_1f4dd.png" 11798 }; 11799 11800 const escapedKeys = Object.keys(emojiMap) 11801 .sort((a, b) => b.length - a.length) 11802 .map(s => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")); 11803 11804 const emojiRegex = new RegExp(escapedKeys.join("|"), "g"); 11805 11806 function isForbidden(el){ 11807 if (!el || !el.nodeName) return true; 11808 const tag = el.nodeName.toUpperCase(); 11809 return ["SCRIPT","STYLE","TEXTAREA","INPUT","OPTION","NOSCRIPT","CODE","PRE","SVG","CANVAS"].includes(tag); 11810 } 11811 11812 function replace(node){ 11813 if (!node || !node.nodeValue || !node.parentNode) return; 11814 if (isForbidden(node.parentNode)) return; 11815 if (node.parentElement && node.parentElement.closest(".apple-emoji-done")) return; 11816 11817 const text = node.nodeValue; 11818 emojiRegex.lastIndex = 0; 11819 if (!emojiRegex.test(text)) return; 11820 emojiRegex.lastIndex = 0; 11821 11822 const frag = document.createDocumentFragment(); 11823 let last = 0; 11824 let m; 11825 11826 while ((m = emojiRegex.exec(text))){ 11827 const emoji = m[0]; 11828 const i = m.index; 11829 11830 if (i > last){ 11831 frag.appendChild(document.createTextNode(text.slice(last, i))); 11832 } 11833 11834 const img = document.createElement("img"); 11835 img.src = emojiMap[emoji]; 11836 img.alt = emoji; 11837 img.className = "apple-emoji"; 11838 img.decoding = "async"; 11839 img.setAttribute("draggable","false"); 11840 11841 frag.appendChild(img); 11842 last = i + emoji.length; 11843 } 11844 11845 if (last < text.length){ 11846 frag.appendChild(document.createTextNode(text.slice(last))); 11847 } 11848 11849 const wrap = document.createElement("span"); 11850 wrap.className = "apple-emoji-done"; 11851 wrap.style.display = "inline"; 11852 wrap.appendChild(frag); 11853 11854 node.parentNode.replaceChild(wrap, node); 11855 } 11856 11857 function run(root){ 11858 if (!root || isForbidden(root)) return; 11859 11860 const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT); 11861 const nodes = []; 11862 11863 while (walker.nextNode()){ 11864 nodes.push(walker.currentNode); 11865 } 11866
11867 nodes.forEach(replace); 11868 } 11869 11870 function init(){ 11871 run(document.body); 11872 } 11873 11874 init(); 11875 11876 const observer = new MutationObserver(muts=>{ 11877 muts.forEach(m=>{ 11878 m.addedNodes.forEach(n=>{ 11879 if (n.nodeType === 3){ 11880 replace(n); 11881 } else if (n instanceof HTMLElement && !isForbidden(n)){ 11882 run(n); 11883 } 11884 }); 11885 }); 11886 }); 11887 11888 observer.observe(document.body,{ 11889 childList:true, 11890 subtree:true 11891 }); 11892 11893 setTimeout(init,800); 11894 setTimeout(init,1800); 11895 setTimeout(init,3200); 11896}); 11897</script>
11897 <!-- nominify end --> </div> </div> </div> </div> <div id="rec3096694701" 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> 11898/* ===================================================== 11899 ÐÐÐÐÐÐÐ ÐУРâ FIXED BOTTOM BAR 11900===================================================== */ 11901 11902#ing-bottom-offer { 11903 position: fixed !important; 11904 11905 left: 0 !important; 11906 right: 0 !important; 11907 11908 /* Safari иногда оÑÑавлÑÐµÑ 1px Ð·Ð°Ð·Ð¾Ñ Ñ fixed-ÑлеменÑа */ 11909 bottom: -2px !important; 11910 11911 z-index: 999999 !important; 11912 11913 width: 100% !important; 11914 11915 margin: 0 !important; 11916 padding: 0 !important; 11917 11918 background: 11919 radial-gradient( 11920 ellipse at 12% -40%, 11921 rgba(255,255,255,.20) 0%, 11922 rgba(255,255,255,.08) 28%, 11923 rgba(255,255,255,0) 55% 11924 ), 11925 radial-gradient( 11926 ellipse at 73% 140%, 11927 rgba(213,150,255,.20) 0%, 11928 rgba(213,150,255,0) 55% 11929 ), 11930 linear-gradient( 11931 105deg, 11932 #6435D9 0%, 11933 #7137C9 28%, 11934 #8740AE 58%, 11935 #9849A4 78%, 11936 #7040E4 100% 11937 ) !important; 11938 11939 border: 0 !important; 11940 border-top: 0 !important; 11941 border-right: 0 !important; 11942 border-bottom: 0 !important; 11943 border-left: 0 !important; 11944 11945 outline: 0 !important; 11946 11947 box-shadow: 11948 0 -6px 24px rgba(48,24,90,.10) !important; 11949 11950 box-sizing: border-box !important; 11951 11952 font-family: 11953 'TildaSans', 11954 'TildaSans VF', 11955 Arial, 11956 sans-serif !important; 11957 11958 -webkit-font-smoothing: antialiased; 11959 text-rendering: optimizeLegibility; 11960 11961 /* не даÑм Safari ÑиÑоваÑÑ Ð·Ð° пÑеделами ÑлеменÑа */ 11962 overflow: hidden !important; 11963 11964 /* оÑделÑнÑй Ñлой ÑендеÑинга */ 11965 transform: translateZ(0); 11966 -webkit-transform: translateZ(0); 11967 11968 backface-visibility: hidden; 11969 -webkit-backface-visibility: hidden; 11970} 11971 11972 11973/* ===================================================== 11974 ÐÐÐТÐÐÐÐÐ 11975===================================================== */ 11976 11977#ing-bottom-offer .ing-offer-inner { 11978 width: 100%; 11979 max-width: 1440px; 11980 11981 min-height: 78px; 11982 11983 margin: 0 auto; 11984 11985 /* 11986 +2px ÑÐ½Ð¸Ð·Ñ ÐºÐ¾Ð¼Ð¿ÐµÐ½ÑиÑÑÑÑ ÑмеÑение вÑей 11987 плаÑки за гÑаниÑÑ viewport 11988 */ 11989 padding: 10px 28px 12px; 11990 11991 display: flex; 11992 align-items: center; 11993 justify-content: space-between; 11994 11995 gap: 30px; 11996 11997 box-sizing: border-box; 11998 11999 background: transparent !important; 12000 12001 border: 0 !important; 12002 outline: 0 !important; 12003} 12004 12005 12006/* ===================================================== 12007 ТÐÐСТ 12008===================================================== */ 12009 12010#ing-bottom-offer .ing-offer-copy { 12011 display: flex; 12012 align-items: center; 12013 12014 gap: 13px; 12015 12016 min-width: 0; 12017 12018 margin: 0; 12019 padding: 0; 12020} 12021 12022 12023/* ÐСÐÐÐÐÐРТÐÐСТ */ 12024 12025#ing-bottom-offer .ing-offer-title { 12026 margin: 0; 12027 padding: 0; 12028 12029 color: #ffffff; 12030 12031 font-family: 12032 'TildaSans', 12033 'TildaSans VF', 12034 Arial, 12035 sans-serif !important; 12036 12037 font-size: 16px; 12038 font-weight: 650; 12039 line-height: 1.2; 12040 12041 letter-spacing: 0; 12042 12043 white-space: nowrap; 12044} 12045 12046 12047/* ÐТÐÐ ÐРТÐÐСТ */ 12048 12049#ing-bottom-offer .ing-offer-pill { 12050 display: inline-flex; 12051 align-items: center; 12052 justify-content: center; 12053 12054 margin: 0; 12055 padding: 7px 13px 8px; 12056 12057 color: rgba(255,255,255,.96); 12058 12059 font-family: 12060 'TildaSans', 12061 'TildaSans VF', 12062 Arial, 12063 sans-serif !important; 12064 12065 font-size: 14px; 12066 font-weight: 500; 12067 line-height: 1; 12068 12069 white-space: nowrap; 12070 12071 background: 12072 linear-gradient( 12073 180deg, 12074 rgba(255,255,255,.16) 0%, 12075 rgba(255,255,255,.09) 100% 12076 ); 12077 12078 border: 1px solid rgba(255,255,255,.22); 12079 border-radius: 999px; 12080 12081 box-shadow: 12082 inset 0 1px 0 rgba(255,255,255,.10); 12083} 12084 12085 12086/* ===================================================== 12087 ÐÐÐÐÐÐ 12088===================================================== */ 12089 12090#ing-bottom-offer .ing-offer-btn { 12091 flex: 0 0 auto; 12092 12093 display: inline-flex; 12094 align-items: center; 12095 justify-content: center; 12096 12097 height: 48px; 12098 12099 margin: 0; 12100 padding: 0 24px; 12101 12102 box-sizing: border-box; 12103 12104 background: 12105 linear-gradient( 12106 180deg, 12107 #FFEA19 0%, 12108 #FFE000 100% 12109 ) !important; 12110 12111 color: #111111 !important; 12112 12113 font-family: 12114 'TildaSans', 12115 'TildaSans VF', 12116 Arial, 12117 sans-serif !important; 12118 12119 font-size: 15px; 12120 font-weight: 700; 12121 line-height: 1; 12122 12123 white-space: nowrap; 12124 12125 text-decoration: none !important; 12126 12127 border: 0 !important; 12128 border-radius: 14px; 12129 12130 outline: 0 !important; 12131 12132 box-shadow: 12133 0 5px 15px rgba(42,18,74,.15), 12134 inset 0 1px 0 rgba(255,255,255,.40); 12135 12136 transition: 12137 transform .18s ease, 12138 box-shadow .18s ease, 12139 filter .18s ease; 12140} 12141 12142 12143#ing-bottom-offer .ing-offer-btn:hover { 12144 transform: translateY(-1px); 12145 12146 filter: brightness(1.02); 12147 12148 box-shadow: 12149 0 7px 18px rgba(42,18,74,.19), 12150 inset 0 1px 0 rgba(255,255,255,.40); 12151} 12152 12153 12154/* ===================================================== 12155 ÐÐÐÐÐЬÐÐЯ ÐÐРСÐЯ 12156===================================================== */ 12157 12158@media screen and (max-width: 768px) { 12159 12160 #ing-bottom-offer { 12161 width: 100vw !important; 12162 max-width: 100vw !important; 12163 12164 left: 0 !important; 12165 right: auto !important; 12166 12167 bottom: -2px !important; 12168 12169 overflow: hidden !important; 12170 12171 background: 12172 radial-gradient( 12173 ellipse at 10% -80%, 12174 rgba(255,255,255,.24) 0%, 12175 rgba(255,255,255,.07) 42%, 12176 transparent 65% 12177 ), 12178 radial-gradient( 12179 ellipse at 85% 140%, 12180 rgba(208,132,240,.18) 0%, 12181 transparent 60% 12182 ), 12183 linear-gradient( 12184 105deg, 12185 #6534DD 0%, 12186 #7538C8 45%, 12187 #9144A9 78%, 12188 #7840D8 100% 12189 ) !important; 12190 12191 box-shadow: 12192 0 -5px 20px rgba(46,20,85,.11) !important; 12193 } 12194 12195 12196 /* ÐÐСЬ ÐÐÐÐ */ 12197 12198 #ing-bottom-offer .ing-offer-inner { 12199 width: 100% !important; 12200 max-width: none !important; 12201 12202 min-height: 70px !important; 12203 12204 margin: 0 !important; 12205 12206 padding: 12207 9px 16px 12208 11px 18px !important; 12209 12210 display: flex !important; 12211 align-items: center !important; 12212 justify-content: space-between !important; 12213 12214 gap: 12px !important; 12215 12216 box-sizing: border-box !important; 12217 } 12218 12219 12220 /* ÐÐÐÐЯ ЧÐСТЬ */ 12221 12222 #ing-bottom-offer .ing-offer-copy { 12223 flex: 1 1 auto !important; 12224 12225 display: flex !important; 12226 flex-direction: column !important; 12227 align-items: flex-start !important; 12228 justify-content: center !important; 12229 12230 gap: 3px !important; 12231 12232 min-width: 0 !important; 12233 12234 margin: 0 !important; 12235 padding: 0 !important; 12236 } 12237 12238 12239 /* ÐÐÐÐÐЫРТÐÐСТ */ 12240 12241 #ing-bottom-offer .ing-offer-title { 12242 margin: 0 !important; 12243 padding: 0 !important; 12244 12245 color: #fff !important; 12246 12247 font-size: 13px !important; 12248 font-weight: 650 !important; 12249 line-height: 1.2 !important; 12250 12251 white-space: nowrap !important; 12252 } 12253 12254 12255 /* ÐТÐÐ ÐРТÐÐСТ */ 12256 12257 #ing-bottom-offer .ing-offer-pill { 12258 display: block !important; 12259 12260 margin: 0 !important; 12261 padding: 0 !important; 12262 12263 color: rgba(255,255,255,.78) !important; 12264 12265 font-size: 10.5px !important; 12266 font-weight: 500 !important; 12267 line-height: 1.2 !important; 12268 12269 white-space: nowrap !important; 12270 12271 background: transparent !important; 12272 12273 border: 0 !important; 12274 border-radius: 0 !important; 12275 12276 box-shadow: none !important; 12277 } 12278 12279 12280 /* ÐÐÐÐÐÐ */ 12281 12282 #ing-bottom-offer .ing-offer-btn { 12283 flex: 0 0 auto !important; 12284 12285 width: auto !important; 12286 min-width: 92px !important; 12287 12288 height: 42px !important; 12289 12290 margin: 0 !important; 12291 padding: 0 13px !important; 12292 12293 font-size: 12px !important; 12294 font-weight: 700 !important; 12295 12296 border-radius: 12px !important; 12297 12298 box-shadow:
12299 0 4px 11px rgba(44,18,75,.13), 12300 inset 0 1px 0 rgba(255,255,255,.40) !important; 12301 } 12302 12303} 12304 12305 12306/* ===================================================== 12307 ÐÐÐÐÐЬÐÐРТÐÐÐФÐÐЫ 12308===================================================== */ 12309 12310@media screen and (max-width: 380px) { 12311 12312 #ing-bottom-offer .ing-offer-inner { 12313 min-height: 66px !important; 12314 12315 padding: 12316 8px 12px 12317 10px 14px !important; 12318 12319 gap: 8px !important; 12320 } 12321 12322 12323 #ing-bottom-offer .ing-offer-title { 12324 font-size: 12px !important; 12325 } 12326 12327 12328 #ing-bottom-offer .ing-offer-pill { 12329 font-size: 9.5px !important; 12330 } 12331 12332 12333 #ing-bottom-offer .ing-offer-btn { 12334 min-width: 84px !important; 12335 12336 height: 40px !important; 12337 12338 padding: 0 10px !important; 12339 12340 font-size: 11px !important; 12341 } 12342 12343} 12344</style> <div id="ing-bottom-offer"> <div class="ing-offer-inner"> <div class="ing-offer-copy"> <div class="ing-offer-title"> 12345 УÑебнÑй год Ñже ÑÑаÑÑовал 12346 </div> <div class="ing-offer-pill"> 12347 УÑпейÑе пÑиÑоединиÑÑÑÑ Ðº набоÑÑ 12348 </div> </div> <a href="#lead-form" class="ing-offer-btn"> 12349 ÐапиÑаÑÑÑÑ 12350 </a> </div> </div> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3096695301" 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> 12351#allrecords h1, 12352#allrecords h2 { 12353 font-family: "PFAgoraSlabPro", "TildaSans", Arial, sans-serif !important; 12354} 12355</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec3394304501" 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 --> <!-- ========================= 12356COMPACT COOKIE CONSENT 12357YANDEX METRIKA: 67997182 12358========================= --> <div class="ii-cookie-consent" id="iiCookieConsent"> <div class="ii-cookie-consent__text"> 12359 ÐÑ Ð¸ÑполÑзÑем ÑÐ°Ð¹Ð»Ñ cookie и ÑеÑÐ²Ð¸Ñ Â«Ð¯Ð½Ð´ÐµÐºÑ ÐеÑÑика» Ð´Ð»Ñ Ð°Ð½Ð°Ð»Ð¸Ð·Ð° поÑеÑаемоÑÑи и ÑлÑÑÑÐµÐ½Ð¸Ñ ÑабоÑÑ ÑайÑа. 12360 ÐÐ°Ð¶Ð¸Ð¼Ð°Ñ Â«ÐÑинÑÑÑ», Ð²Ñ ÑоглаÑаеÑеÑÑ Ð½Ð° иÑполÑзование Ñайлов cookie и обÑабоÑÐºÑ Ð´Ð°Ð½Ð½ÑÑ Ð² ÑооÑвеÑÑÑвии Ñ 12361 <a href="https://inginirium.pro/personal" target="_blank" rel="noopener"> 12362 полиÑике обÑабоÑки пеÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ 12363 </a> </div> <div class="ii-cookie-consent__actions"> <button 12364 class="ii-cookie-consent__btn ii-cookie-consent__btn--accept" 12365 id="iiCookieAccept" 12366 type="button" 12367 > 12368 ÐÑинÑÑÑ 12369 </button> <button 12370 class="ii-cookie-consent__btn ii-cookie-consent__btn--decline" 12371 id="iiCookieDecline" 12372 type="button" 12373 > 12374 ÐÑказаÑÑÑÑ 12375 </button> </div> </div> <style> 12376.ii-cookie-consent{ 12377 position:fixed; 12378 box-sizing:border-box; 12379 max-width:calc(100vw - 24px); 12380 left:12px; 12381 right:12px; 12382 bottom:12px; 12383 12384 z-index:999999; 12385 12386 display:flex; 12387 align-items:center; 12388 justify-content:space-between; 12389 gap:16px; 12390 12391 padding:12px 14px; 12392 12393 background:rgba(255,255,255,.97); 12394 12395 border:1px solid rgba(129,63,142,.12); 12396 border-radius:18px; 12397 12398 box-shadow: 12399 0 18px 45px rgba(42,25,85,.12); 12400 12401 font-family:"TildaSans", Arial, sans-serif; 12402 12403 backdrop-filter:blur(14px); 12404 -webkit-backdrop-filter:blur(14px); 12405} 12406 12407.ii-cookie-consent__text{ 12408 max-width:780px; 12409 12410 color:#171717; 12411 12412 font-size:12.5px; 12413 line-height:1.4; 12414 font-weight:500; 12415} 12416 12417.ii-cookie-consent__text a{ 12418 color:#813F8E; 12419 text-decoration:none; 12420 font-weight:700; 12421} 12422 12423.ii-cookie-consent__actions{ 12424 display:flex; 12425 align-items:center; 12426 gap:8px; 12427 12428 flex-shrink:0; 12429} 12430 12431.ii-cookie-consent__btn{ 12432 height:38px; 12433 padding:0 18px; 12434 12435 border:0; 12436 border-radius:999px; 12437 12438 cursor:pointer; 12439 white-space:nowrap; 12440 12441 font-family:"TildaSans", Arial, sans-serif; 12442 font-size:12px; 12443 font-weight:800; 12444 12445 transition: 12446 transform .2s ease, 12447 opacity .2s ease; 12448} 12449 12450.ii-cookie-consent__btn:hover{ 12451 transform:translateY(-1px); 12452} 12453 12454.ii-cookie-consent__btn--accept{ 12455 background:#FEE500; 12456 color:#171717; 12457 box-shadow:0 6px 16px rgba(254,229,0,.22); 12458} 12459 12460.ii-cookie-consent__btn--accept:hover{ 12461 background:#ffe91a; 12462} 12463 12464.ii-cookie-consent__btn--decline{ 12465 background:rgba(129,63,142,.08); 12466 color:#813F8E; 12467 border:1px solid rgba(129,63,142,.12); 12468} 12469 12470.ii-cookie-consent__btn--decline:hover{ 12471 background:rgba(129,63,142,.13); 12472} 12473 12474.ii-cookie-consent.is-hidden{ 12475 opacity:0; 12476 transform:translateY(8px); 12477 pointer-events:none; 12478} 12479
12480@media(max-width:900px){ 12481 12482 .ii-cookie-consent{ 12483 flex-direction:column; 12484 align-items:flex-start; 12485 12486 gap:12px; 12487 } 12488 12489 .ii-cookie-consent__actions{ 12490 width:100%; 12491 } 12492 12493 .ii-cookie-consent__btn{ 12494 flex:1; 12495 } 12496} 12497 12498@media(max-width:640px){ 12499 12500 .ii-cookie-consent{ 12501 left:8px; 12502 right:8px; 12503 bottom:8px; 12504 width:auto; 12505 max-width:calc(100vw - 16px); 12506 box-sizing:border-box; 12507 12508 padding:10px 12px; 12509 border-radius:16px; 12510 12511 gap:10px; 12512 } 12513 12514 .ii-cookie-consent__text{ 12515 width:100%; 12516 min-width:0; 12517 font-size:11.5px; 12518 line-height:1.38; 12519 overflow-wrap:anywhere; 12520 } 12521 12522 .ii-cookie-consent__actions{ 12523 width:100%; 12524 min-width:0; 12525 display:grid; 12526 grid-template-columns:minmax(0,1fr) minmax(0,1fr); 12527 gap:8px; 12528 box-sizing:border-box; 12529 } 12530 12531 .ii-cookie-consent__btn{ 12532 width:100%; 12533 min-width:0; 12534 height:36px; 12535 padding:0 10px; 12536 box-sizing:border-box; 12537 12538 display:flex; 12539 align-items:center; 12540 justify-content:center; 12541 12542 font-size:11.5px; 12543 border-radius:999px; 12544 } 12545 12546 .ii-cookie-consent__btn--accept{ 12547 background:#FEE500; 12548 color:#171717; 12549 } 12550 12551 .ii-cookie-consent__btn--decline{ 12552 background:rgba(129,63,142,.09); 12553 color:#813F8E; 12554 } 12555} 12556</style>
12556<script> 12557(function(){ 12558 12559 const CONSENT_KEY = 'ii_ym_consent_v4'; 12560 const CONSENT_DAYS = 365; 12561 12562 const consent = document.getElementById('iiCookieConsent'); 12563 const acceptBtn = document.getElementById('iiCookieAccept'); 12564 const declineBtn = document.getElementById('iiCookieDecline'); 12565 12566 if(!consent || !acceptBtn || !declineBtn) return; 12567 12568 function setCookie(name, value, days){ 12569 const date = new Date(); 12570 date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000); 12571 document.cookie = 12572 name + '=' + encodeURIComponent(value) + 12573 '; expires=' + date.toUTCString() + 12574 '; path=/; SameSite=Lax'; 12575 } 12576 12577 function getCookie(name){ 12578 const parts = document.cookie.split('; '); 12579 for(let i = 0; i < parts.length; i++){ 12580 const pair = parts[i].split('='); 12581 if(pair[0] === name){ 12582 return decodeURIComponent(pair[1] || ''); 12583 } 12584 } 12585 return null; 12586 } 12587 12588 function getConsent(){ 12589 try{ 12590 return localStorage.getItem(CONSENT_KEY) || getCookie(CONSENT_KEY); 12591 } catch(e){ 12592 return getCookie(CONSENT_KEY); 12593 } 12594 } 12595 12596 function saveConsent(value){ 12597 try{ 12598 localStorage.setItem(CONSENT_KEY, value); 12599 localStorage.setItem(CONSENT_KEY + '_date', new Date().toISOString()); 12600 } catch(e){} 12601 12602 setCookie(CONSENT_KEY, value, CONSENT_DAYS); 12603 setCookie(CONSENT_KEY + '_date', new Date().toISOString(), CONSENT_DAYS); 12604 } 12605 12606 function loadYandexMetrika(){ 12607 if(window.ymLoaded) return; 12608 window.ymLoaded = true; 12609 12610 (function(m,e,t,r,i,k,a){ 12611 m[i]=m[i]||function(){ 12612 (m[i].a=m[i].a||[]).push(arguments); 12613 }; 12614 12615 m[i].l=1*new Date(); 12616 12617 k=e.createElement(t); 12618 a=e.getElementsByTagName(t)[0]; 12619 12620 k.async=1; 12621 k.src=r; 12622 12623 a.parentNode.insertBefore(k,a); 12624 12625 })(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); 12626 12627 ym(67997182, "init", { 12628 clickmap:true, 12629 trackLinks:true, 12630 accurateTrackBounce:true, 12631 webvisor:true 12632 }); 12633 } 12634 12635 function hideBanner(){ 12636 consent.style.transition = 'opacity .25s ease, transform .25s ease'; 12637 consent.classList.add('is-hidden'); 12638 12639 setTimeout(function(){ 12640 if(consent && consent.parentNode){ 12641 consent.parentNode.removeChild(consent); 12642 } 12643 }, 260); 12644 } 12645 12646 const consentState = getConsent(); 12647 12648 if(consentState === 'accepted'){ 12649 loadYandexMetrika(); 12650 consent.remove(); 12651 return; 12652 } 12653 12654 if(consentState === 'declined'){ 12655 consent.remove(); 12656 return; 12657 } 12658 12659 acceptBtn.addEventListener('click', function(e){ 12660 e.preventDefault(); 12661 12662 saveConsent('accepted'); 12663 loadYandexMetrika(); 12664 hideBanner(); 12665 }); 12666 12667 declineBtn.addEventListener('click', function(e){ 12668 e.preventDefault(); 12669 12670 saveConsent('declined'); 12671 hideBanner(); 12672 }); 12673 12674})(); 12675</script>
12675 <!-- nominify end --> </div> </div> </div> </div> <div id="rec1640274291" 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 -->
12675<script type="text/javascript"> 12676 12677//ÐбÑÑвлÑем пеÑеменнÑÑ Ð´Ð°ÑÑ 12678 12679var Data = new Date(), 12680 12681 TwoDay = new Date(); 12682 12683let Time = Data.getUTCHours(); 12684 12685let Minutes = Data.getMinutes(); 12686 12687 12688let dayPlus = 3; 12689 12690if (Time>=00 && Minutes>00 ) dayPlus=3; 12691 12692TwoDay.setDate(Data.getDate()+dayPlus); 12693 12694Month = TwoDay.getMonth(); 12695 12696Day = TwoDay.getDate(); 12697 12698Day2 = Data.getDate(); 12699 12700Year = TwoDay.getFullYear(); 12701 12702switch (Month) 12703 12704{ 12705 12706 case 0: fMonth="ÑнваÑÑ"; break; 12707 12708 case 1: fMonth="ÑевÑалÑ"; break; 12709 12710 case 2: fMonth="маÑÑа"; break; 12711 12712 case 3: fMonth="апÑелÑ"; break; 12713 12714 case 4: fMonth="маÑ"; break; 12715 12716 case 5: fMonth="иÑнÑ"; break; 12717 12718 case 6: fMonth="иÑлÑ"; break; 12719 12720 case 7: fMonth="авгÑÑÑа"; break; 12721 12722 case 8: fMonth="ÑенÑÑбÑÑ"; break; 12723 12724 case 9: fMonth="окÑÑбÑÑ"; break; 12725 12726 case 10: fMonth="ноÑбÑÑ"; break; 12727 12728 case 11: fMonth="декабÑÑ"; break; 12729 12730} 12731 12732//ÐÑводим даÑÑ Ð² заголовок ÑоÑÐ¼Ñ 12733 12734$('.data_1 .tn-atom').html(' ÑолÑко до <b>' +Day+' '+fMonth+' </b> '); 12735 12736$('.t795__title').html(''+Day+' '+fMonth+' '); 12737 12738$('.data_2 .tn-atom').html('<b>'+Day+' '+fMonth+' </b>'); 12739 12740</script>
12740 <!-- nominify end --> </div> </div> </div> </div> <div id="rec537537453" class="r t-rec" style=" " data-animationappear="off" data-record-type="868"> <!-- t868 --> <div class="t868"> <div 12741class="t-popup" data-tooltip-hook="#popup:embedcode2" data-track-popup='/tilda/popup/rec537537453/opened' role="dialog" 12742aria-modal="true" 12743tabindex="-1"> <div class="t-popup__close t-popup__block-close"> <button 12744type="button" 12745class="t-popup__close-wrapper t-popup__block-close-button" 12746aria-label="ÐакÑÑÑÑ Ð´Ð¸Ð°Ð»Ð¾Ð³Ð¾Ð²Ð¾Ðµ окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_10"> <div class="t868__code-wrap"> <!-- nominify begin --> <div data-marquiz-id="63c1d4d299dd8d004f8a06d1"></div>
12746<script>(function(t, p) {window.Marquiz ? Marquiz.add([t, p]) : document.addEventListener('marquizLoaded', function() {Marquiz.add([t, p])})})('Inline', {id: '63c1d4d299dd8d004f8a06d1', buttonText: 'ÐÑойÑи ÑеÑÑ', bgColor: '#813f8e', textColor: '#fff', rounded: true, shadow: 'rgba(129, 63, 142, 0.5)', blicked: true, buttonOnMobile: false})</script>
12746 <!-- nominify end --> </div> </div> </div> </div>
12746<script>t_onReady(function() {setTimeout(function() {t_onFuncLoad('t868_initPopup',function() {t868_initPopup('537537453');});},500);});</script>
12746 </div> <div id="rec1655815521" class="r t-rec t-rec_pt_0 t-rec_pb_0 t-screenmax-640px" style="padding-top:0px;padding-bottom:0px; " data-animationappear="off" data-record-type="450" data-screen-max="640px"> <div class="t450__menu__content " 12747style="top:15px; " data-menu="yes" data-appearoffset="" data-hideoffset=""> <div class="t450__burger_container "> <div class="t450__burger_bg t450__burger_cirqle" 12748style="background-color:#fee500; opacity:1;"> </div> <button type="button" 12749class="t-menuburger t-menuburger_first " 12750aria-label="ÐавигаÑионное менÑ" 12751aria-expanded="false"> <span style="background-color:#000000;"></span> <span style="background-color:#000000;"></span> <span style="background-color:#000000;"></span> <span style="background-color:#000000;"></span> </button>
12751<script>function t_menuburger_init(recid) {var rec=document.querySelector('#rec' + recid);if(!rec) return;var burger=rec.querySelector('.t-menuburger');if(!burger) return;var isSecondStyle=burger.classList.contains('t-menuburger_second');if(isSecondStyle&&!window.isMobile&&!('ontouchend' in document)) {burger.addEventListener('mouseenter',function() {if(burger.classList.contains('t-menuburger-opened')) return;burger.classList.remove('t-menuburger-unhovered');burger.classList.add('t-menuburger-hovered');});burger.addEventListener('mouseleave',function() {if(burger.classList.contains('t-menuburger-opened')) return;burger.classList.remove('t-menuburger-hovered');burger.classList.add('t-menuburger-unhovered');setTimeout(function() {burger.classList.remove('t-menuburger-unhovered');},300);});} 12752burger.addEventListener('click',function() {if(!burger.closest('.tmenu-mobile')&&!burger.closest('.t450__burger_container')&&!burger.closest('.t3112__burger_container')&&!burger.closest('.t466__container')&&!burger.closest('.t204__burger')&&!burger.closest('.t199__js__menu-toggler')) {burger.classList.toggle('t-menuburger-opened');burger.classList.remove('t-menuburger-unhovered');}});var menu=rec.querySelector('[data-menu="yes"]');if(!menu) return;var menuLinks=menu.querySelectorAll('.t-menu__link-item');var submenuClassList=['t978__menu-link_hook','t978__tm-link','t966__tm-link','t794__tm-link','t-menusub__target-link'];Array.prototype.forEach.call(menuLinks,function(link) {link.addEventListener('click',function() {var isSubmenuHook=submenuClassList.some(function(submenuClass) {return link.classList.contains(submenuClass);});if(isSubmenuHook) return;burger.classList.remove('t-menuburger-opened');});});menu.addEventListener('clickedAnchorInTooltipMenu',function() {burger.classList.remove('t-menuburger-opened');});} 12753t_onReady(function() {t_onFuncLoad('t_menuburger_init',function(){t_menuburger_init('1655815521');});});</script>
12753 <style>.t-menuburger{position:relative;flex-shrink:0;width:28px;height:20px;padding:0;border:none;background-color:transparent;outline:none;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:transform .5s ease-in-out;cursor:pointer;z-index:999;}.t-menuburger span{display:block;position:absolute;width:100%;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:.25s ease-in-out;height:3px;background-color:#000;}.t-menuburger span:nth-child(1){top:0px;}.t-menuburger span:nth-child(2),.t-menuburger span:nth-child(3){top:8px;}.t-menuburger span:nth-child(4){top:16px;}.t-menuburger__big{width:42px;height:32px;}.t-menuburger__big span{height:5px;}.t-menuburger__big span:nth-child(2),.t-menuburger__big span:nth-child(3){top:13px;}.t-menuburger__big span:nth-child(4){top:26px;}.t-menuburger__small{width:22px;height:14px;}.t-menuburger__small span{height:2px;}.t-menuburger__small span:nth-child(2),.t-menuburger__small span:nth-child(3){top:6px;}.t-menuburger__small span:nth-child(4){top:12px;}.t-menuburger-opened span:nth-child(1){top:8px;width:0%;left:50%;}.t-menuburger-opened span:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg);}.t-menuburger-opened span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}.t-menuburger-opened span:nth-child(4){top:8px;width:0%;left:50%;}.t-menuburger-opened.t-menuburger__big span:nth-child(1){top:6px;}.t-menuburger-opened.t-menuburger__big span:nth-child(4){top:18px;}.t-menuburger-opened.t-menuburger__small span:nth-child(1),.t-menuburger-opened.t-menuburger__small span:nth-child(4){top:6px;}@media (hover),(min-width:0\0){.t-menuburger_first:hover span:nth-child(1){transform:translateY(1px);}.t-menuburger_first:hover span:nth-child(4){transform:translateY(-1px);}.t-menuburger_first.t-menuburger__big:hover span:nth-child(1){transform:translateY(3px);}.t-menuburger_first.t-menuburger__big:hover span:nth-child(4){transform:translateY(-3px);}}.t-menuburger_second span:nth-child(2),.t-menuburger_second span:nth-child(3){width:80%;left:20%;right:0;}@media (hover),(min-width:0\0){.t-menuburger_second.t-menuburger-hovered span:nth-child(2),.t-menuburger_second.t-menuburger-hovered span:nth-child(3){animation:t-menuburger-anim 0.3s ease-out normal forwards;}.t-menuburger_second.t-menuburger-unhovered span:nth-child(2),.t-menuburger_second.t-menuburger-unhovered span:nth-child(3){animation:t-menuburger-anim2 0.3s ease-out normal forwards;}}.t-menuburger_second.t-menuburger-opened span:nth-child(2),.t-menuburger_second.t-menuburger-opened span:nth-child(3){left:0;right:0;width:100%!important;}.t-menuburger_third span:nth-child(4){width:70%;left:unset;right:0;}@media (hover),(min-width:0\0){.t-menuburger_third:not(.t-menuburger-opened):hover span:nth-child(4){width:100%;}}.t-menuburger_third.t-menuburger-opened span:nth-child(4){width:0!important;right:50%;}.t-menuburger_fourth{height:12px;}.t-menuburger_fourth.t-menuburger__small{height:8px;}.t-menuburger_fourth.t-menuburger__big{height:18px;}.t-menuburger_fourth span:nth-child(2),.t-menuburger_fourth span:nth-child(3){top:4px;opacity:0;}.t-menuburger_fourth span:nth-child(4){top:8px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(2),.t-menuburger_fourth.t-menuburger__small span:nth-child(3){top:3px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(4){top:6px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(2),.t-menuburger_fourth.t-menuburger__small span:nth-child(3){top:3px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(4){top:6px;}.t-menuburger_fourth.t-menuburger__big span:nth-child(2),.t-menuburger_fourth.t-menuburger__big span:nth-child(3){top:6px;}.t-menuburger_fourth.t-menuburger__big span:nth-child(4){top:12px;}@media (hover),(min-width:0\0){.t-menuburger_fourth:not(.t-menuburger-opened):hover span:nth-child(1){transform:translateY(1px);}.t-menuburger_fourth:not(.t-menuburger-opened):hover span:nth-child(4){transform:translateY(-1px);}.t-menuburger_fourth.t-menuburger__big:not(.t-menuburger-opened):hover span:nth-child(1){transform:translateY(3px);}.t-menuburger_fourth.t-menuburger__big:not(.t-menuburger-opened):hover span:nth-child(4){transform:translateY(-3px);}}.t-menuburger_fourth.t-menuburger-opened span:nth-child(1),.t-menuburger_fourth.t-menuburger-opened span:nth-child(4){top:4px;}.t-menuburger_fourth.t-menuburger-opened span:nth-child(2),.t-menuburger_fourth.t-menuburger-opened span:nth-child(3){opacity:1;}@keyframes t-menuburger-anim{0%{width:80%;left:20%;right:0;}50%{width:100%;left:0;right:0;}100%{width:80%;left:0;right:20%;}}@keyframes t-menuburger-anim2{0%{width:80%;left:0;}50%{width:100%;right:0;left:0;}100%{width:80%;left:20%;right:0;}}</style> </div> </div> <!-- t450 --> <div id="nav1655815521marker"></div> <div class="t450__overlay"> <div class="t450__overlay_bg" 12754style=" "> </div> </div> <div id="nav1655815521" class="t450 " data-tooltip-hook="#menuopen" 12755style="max-width: 100vw;background-color: #ffffff;"> <button type="button" 12756class="t450__close-button t450__close t450_opened " 12757style="background-color: #ffffff;" aria-label="Close menu"> <div class="t450__close_icon" style="color:#000000;"> <span></span> <span></span> <span></span> <span></span> </div> </button> <div class="t450__container t-align_left"> <div class="t450__top"> <nav class="t450__menu"> <ul role="list" class="t450__list t-menu__list"> <li class="t450__list_item"> <a class="t-menu__link-item " 12758href="/#kurs" data-menu-submenu-hook="" data-menu-item-number="1"> 12759ÐÑÑÑÑ 12760</a> </li> <li class="t450__list_item"> <a class="t-menu__link-item " 12761href="/#contact" data-menu-submenu-hook="" data-menu-item-number="2"> 12762ÐонÑакÑÑ 12763</a> </li> <li class="t450__list_item"> <a class="t-menu__link-item " 12764href="#schedule" data-menu-submenu-hook="" data-menu-item-number="3"> 12765РаÑпиÑание 12766</a> </li> </ul> </nav> </div> <div class="t450__rightside"> <div class="t450__rightcontainer">
12766 <div class="t450__right_descr t-descr t-descr_xs" field="descr"><div style="color: rgb(0, 0, 0);" data-customstyle="yes">ЦенÑÑ Ð¼Ð¾Ð»Ð¾Ð´ÐµÐ¶Ð½Ð¾Ð³Ð¾ инноваÑионного ÑвоÑÑеÑÑва «ÐнжиниÑиÑм ÐÐТУ им. Ð.Ð. ÐаÑмана»</div></div> <div class="t450__right_social_links"> <div class="t-sociallinks"> <ul role="list" class="t-sociallinks__wrapper" aria-label="СоÑ. ÑеÑи"> <!-- new soclinks --><li class="t-sociallinks__item t-sociallinks__item_vk"><a href="https://vk.com/inginirium_krd" target="_blank" rel="nofollow" aria-label="vk" style="width: 30px; height: 30px;"><svg class="t-sociallinks__svg" role="presentation" width=30px height=30px viewBox="0 0 100 100" fill="none" 12767xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" 12768d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50ZM25 34c.406 19.488 10.15 31.2 27.233 31.2h.968V54.05c6.278.625 11.024 5.216 12.93 11.15H75c-2.436-8.87-8.838-13.773-12.836-15.647C66.162 47.242 71.783 41.62 73.126 34h-8.058c-1.749 6.184-6.932 11.805-11.867 12.336V34h-8.057v21.611C40.147 54.362 33.838 48.304 33.556 34H25Z" 12769fill="#813f8e" /> </svg></a></li><!-- /new soclinks --> </ul> </div> </div> </div> </div> </div> </div>
12769<script>t_onReady(function() {var rec=document.querySelector('#rec1655815521');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t450_initMenu',function() {t450_initMenu('1655815521');});t_onFuncLoad('t_menuWidgets__init',function() {t_menuWidgets__init('1655815521');});});</script>
12769 <style>#rec1655815521 .t-menu__link-item{-webkit-transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;position:relative;}#rec1655815521 .t-menu__link-item.t-active:not(.t978__menu-link){color:#813f8e !important;}#rec1655815521 .t-menu__link-item.t-active::after{content:'';position:absolute;left:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;opacity:1;width:100%;height:100%;bottom:-0px;border-bottom:0px solid #813f8e;-webkit-box-shadow:inset 0px -1px 0px 0px #813f8e;-moz-box-shadow:inset 0px -1px 0px 0px #813f8e;box-shadow:inset 0px -1px 0px 0px #813f8e;}@supports (overflow:-webkit-marquee) and (justify-content:inherit){#rec1655815521 .t-menu__link-item,#rec1655815521 .t-menu__link-item.t-active{opacity:1 !important;}}</style> <style>#rec1655815521 a.t-menusub__link-item{color:#000000;}</style> <style>#rec1655815521 .t450__logo{color:#000000;font-family:'pfagoraslabpro';}#rec1655815521 .t450__right_descr{font-size:16px;font-family:'pfagoraslabpro';}</style> <style>#rec1655815521 .t450__logowrapper a{color:#000000;font-family:'pfagoraslabpro';}#rec1655815521 a.t-menu__link-item{font-size:24px;color:#000000;font-family:'pfagoraslabpro';}</style> <style>#rec1655815521 .t450__right_langs_lang a{color:#000000;font-family:'pfagoraslabpro';}</style> </div> <div id="rec537125757" class="r t-rec" style=" " data-animationappear="off" data-record-type="868"> <!-- t868 --> <div class="t868"> <div 12770class="t-popup" data-tooltip-hook="#popup:embedcode" data-track-popup='/tilda/popup/rec537125757/opened' role="dialog" 12771aria-modal="true" 12772tabindex="-1"> <div class="t-popup__close t-popup__block-close"> <button 12773type="button" 12774class="t-popup__close-wrapper t-popup__block-close-button"
12775aria-label="ÐакÑÑÑÑ Ð´Ð¸Ð°Ð»Ð¾Ð³Ð¾Ð²Ð¾Ðµ окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_10"> <div class="t868__code-wrap"> <!-- nominify begin --> <div data-marquiz-id="63c1d4d299dd8d004f8a06d1"></div>
12775<script>(function(t, p) {window.Marquiz ? Marquiz.add([t, p]) : document.addEventListener('marquizLoaded', function() {Marquiz.add([t, p])})})('Inline', {id: '63c1d4d299dd8d004f8a06d1', buttonText: 'ÐÑойÑи ÑеÑÑ', bgColor: '#813f8e', textColor: '#fff', rounded: true, shadow: 'rgba(129, 63, 142, 0.5)', blicked: true, buttonOnMobile: false})</script>
12775 <!-- nominify end --> </div> </div> </div> </div>
12775<script>t_onReady(function() {setTimeout(function() {t_onFuncLoad('t868_initPopup',function() {t868_initPopup('537125757');});},500);});</script>
12775 </div> <div id="rec391272230" 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 -->
12775<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
12775 <style> 12776 #map1 { 12777 /*ÐадаÑм ÑиÑинÑ, вÑÑоÑÑ Ð¸ оÑÑÑÑÐ¿Ñ Ñ ÐºÐ°ÑÑÑ*/ 12778 width: 100%; height: 600px; padding: 0; margin: 0; 12779 } 12780 </style>
12780<script> 12781 12782 ymaps.ready(function () { 12783 var myMap = new ymaps.Map('map1', { 12784 //ÐооÑдинаÑÑ ÑенÑÑа пÑи запÑÑке каÑÑÑ 12785 center: [45.030572, 38.968710], 12786 //УвелиÑение каÑÑÑ Ð¿Ñи запÑÑке 12787 zoom: 15 12788 }, { 12789 searchControlProvider: 'yandex#search' 12790 }), 12791 12792 // СоздаÑм Ð¼Ð°ÐºÐµÑ ÑодеÑжимого. 12793 MyIconContentLayout = ymaps.templateLayoutFactory.createClass( 12794 '<div style="color: #FFFFFF; font-weight: bold;">$[properties.iconContent]</div>' 12795 ), 12796 12797 //ÐадаÑм кооÑдинаÑÑ Ð½Ð°Ñей оÑновной ÑоÑки 12798 myPlacemarkWithContent = new ymaps.Placemark([45.075979, 39.038411], { 12799 //ÐодÑказка пÑи наведении 12800 hintContent: 'ÐнжиниÑиÑм ÐÐТУ им. Ð.Ð.ÐаÑмана"', 12801 //ToolTip 12802 balloonContent: 'ÐаÑи конÑакÑÑ:<br>8 800 234-30-438<br> [email protected] <br>ÐÑаÑнодаÑ, Чапаева 69', 12803 //ÐадпиÑÑ Ð¿Ð¾Ð²ÐµÑÑ Ð¸ÐºÐ¾Ð½ÐºÐ¸ 12804 iconContent: '' 12805 }, { 12806 // ÐпÑии. 12807 // ÐÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾ ÑказаÑÑ Ð´Ð°Ð½Ð½Ñй Ñип макеÑа. 12808 iconLayout: 'default#imageWithContent', 12809 // Ð¡Ð²Ð¾Ñ Ð¸Ð·Ð¾Ð±Ñажение иконки меÑки. 12810 iconImageHref: 'https://ic.wampi.ru/2021/04/21/112_MONTAZNAY-OBLAST-1.png', 12811 // РазмеÑÑ Ð¼ÐµÑки. 12812 iconImageSize: [50, 35], 12813 // СмеÑение левого веÑÑ Ð½ÐµÐ³Ð¾ Ñгла иконки оÑноÑиÑелÑно 12814 // ÐµÑ "ножки" (ÑоÑки пÑивÑзки). 12815 iconImageOffset: [-20, -20], 12816 // СмеÑение ÑÐ»Ð¾Ñ Ñ ÑодеÑжимÑм оÑноÑиÑелÑно ÑÐ»Ð¾Ñ Ñ ÐºÐ°ÑÑинкой. 12817 iconContentOffset: [0, 0], 12818 // ÐÐ°ÐºÐµÑ ÑодеÑжимого. 12819 iconContentLayout: MyIconContentLayout 12820 }); 12821 12822 myMap.behaviors.disable('scrollZoom'); 12823 12824 myMap.geoObjects 12825 .add(myPlacemarkWithContent); 12826}); 12827</script>
12827 <!-- nominify end --> </div> </div> </div> </div> <div id="rec307033380" 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 -->
12827<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
12827 <style> 12828 #map { 12829 /*ÐадаÑм ÑиÑинÑ, вÑÑоÑÑ Ð¸ оÑÑÑÑÐ¿Ñ Ñ ÐºÐ°ÑÑÑ*/ 12830 width: 100%; height: 600px; padding: 0; margin: 0; 12831 } 12832 </style>
12832<script> 12833 12834 ymaps.ready(function () { 12835 var myMap = new ymaps.Map('map', { 12836 //ÐооÑдинаÑÑ ÑенÑÑа пÑи запÑÑке каÑÑÑ 12837 center: [45.075979, 39.038411], 12838 //УвелиÑение каÑÑÑ Ð¿Ñи запÑÑке 12839 zoom: 15 12840 }, { 12841 searchControlProvider: 'yandex#search' 12842 }), 12843 12844 // СоздаÑм Ð¼Ð°ÐºÐµÑ ÑодеÑжимого. 12845 MyIconContentLayout = ymaps.templateLayoutFactory.createClass( 12846 '<div style="color: #FFFFFF; font-weight: bold;">$[properties.iconContent]</div>' 12847 ), 12848 12849 //ÐадаÑм кооÑдинаÑÑ Ð½Ð°Ñей оÑновной ÑоÑки 12850 myPlacemarkWithContent = new ymaps.Placemark([45.075979, 39.038411],{ 12851 //ÐодÑказка пÑи наведении 12852 hintContent: 'ÐнжиниÑиÑм ÐÐТУ им. Ð.Ð.ÐаÑмана"', 12853 //ToolTip 12854 balloonContent: 'ÐаÑи конÑакÑÑ:<br>8 800 234-30-438<br> [email protected] <br>ÐÑаÑнодаÑ, Чапаева 69', 12855 //ÐадпиÑÑ Ð¿Ð¾Ð²ÐµÑÑ Ð¸ÐºÐ¾Ð½ÐºÐ¸ 12856 iconContent: '' 12857 },{ 12858 // ÐпÑии. 12859 // ÐÐµÐ¾Ð±Ñ Ð¾Ð´Ð¸Ð¼Ð¾ ÑказаÑÑ Ð´Ð°Ð½Ð½Ñй Ñип макеÑа. 12860 iconLayout: 'default#imageWithContent', 12861 // Ð¡Ð²Ð¾Ñ Ð¸Ð·Ð¾Ð±Ñажение иконки меÑки. 12862 iconImageHref: 'https://ic.wampi.ru/2021/04/21/112_MONTAZNAY-OBLAST-1.png', 12863 // РазмеÑÑ Ð¼ÐµÑки. 12864 iconImageSize: [50, 35], 12865 // СмеÑение левого веÑÑ Ð½ÐµÐ³Ð¾ Ñгла иконки оÑноÑиÑелÑно 12866 // ÐµÑ "ножки" (ÑоÑки пÑивÑзки). 12867 iconImageOffset: [-20, -20], 12868 // СмеÑение ÑÐ»Ð¾Ñ Ñ ÑодеÑжимÑм оÑноÑиÑелÑно ÑÐ»Ð¾Ñ Ñ ÐºÐ°ÑÑинкой. 12869 iconContentOffset: [0, 0], 12870 // ÐÐ°ÐºÐµÑ ÑодеÑжимого. 12871 iconContentLayout: MyIconContentLayout 12872 }); 12873 12874 12875 myMap.geoObjects 12876 .add(myPlacemarkWithContent); 12877}); 12878</script>
12878 <!-- nominify end --> </div> </div> </div> </div> <div id="rec3096745501" class="r t-rec" style=" " data-record-type="270"> <div class="t270"></div>
12878<script>t_onReady(function() {var hash=window.location.hash;t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,-3);});setTimeout(function() {var curPath=window.location.pathname;var curFullPath=window.location.origin + curPath;var recs=document.querySelectorAll('.r');Array.prototype.forEach.call(recs,function(rec) {var selects='a[href^="#"]:not([href="#"]):not(.carousel-control):not(.t-carousel__control):not([href^="#price"]):not([href^="#submenu"]):not([href^="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([href^="#prodpopup"]):not([href^="#order"]):not([href^="#!"]):not([target="_blank"]),' + 12879'a[href^="' + curPath + '#"]:not([href*="#!/tfeeds/"]):not([href*="#!/tproduct/"]):not([href*="#!/tab/"]):not([href*="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([target="_blank"]),' + 12880'a[href^="' + curFullPath + '#"]:not([href*="#!/tfeeds/"]):not([href*="#!/tproduct/"]):not([href*="#!/tab/"]):not([href*="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([target="_blank"])';var elements=rec.querySelectorAll(selects);Array.prototype.forEach.call(elements,function(element) {element.addEventListener('click',function(event) {event.preventDefault();var hash=this.hash.trim();t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,-3);});});});});if(document.querySelectorAll('.js-store').length>0||document.querySelectorAll('.js-feed').length>0) {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,-3,1);});}},500);setTimeout(function() {var hash=window.location.hash;if(hash&&document.querySelectorAll('a[name="' + hash.slice(1) + '"], div[id="' + hash.slice(1) + '"]').length>0) {if(window.isMobile) {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,0);});} else {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,0);});}}},1000);window.addEventListener('popstate',function() {var hash=window.location.hash;if(hash&&document.querySelectorAll('a[name="' + hash.slice(1) + '"], div[id="' + hash.slice(1) + '"]').length>0) {if(window.isMobile) {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,0);});} else {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,0);});}}});});</script>
12880 </div> </div> <!--/allrecords--> <!-- Stat --> <!-- Yandex.Metrika counter 67997182 -->
12880<script type="text/javascript" data-tilda-cookie-type="analytics">setTimeout(function(){(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})(window,document,"script","https://mc.yandex.ru/metrika/tag.js","ym");window.mainMetrikaId='67997182';ym(window.mainMetrikaId,"init",{clickmap:true,trackLinks:true,accurateTrackBounce:true,webvisor:true,params:{__ym:{"ymCms":{"cms":"tilda","cmsVersion":"1.0"}}},ecommerce:"dataLayer"});},2000);</script>
12880 <noscript><div><img src="https://mc.yandex.ru/watch/67997182" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
12880<script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';} 12881setTimeout(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,'81afb0623b739c66ade361b20d46ae39','script','https://static.tildacdn.com/js/tilda-stat-1.0.min.js');},2000);</script>
12881 </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.