<!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" /> <meta name="google-site-verification" content="3W5japOowboLNjQ8sge1sGCJaL2OOmBZVhLGCNoRjlw" /> <meta name="yandex-verification" content="007f18c3f91cd6ed" /> <!--metatextblock--> <title>Курс «Outblock»: обучение на левел-дизайнера с нуля от XYZ School</title> <meta name="description" content="Онлайн-курс «Outblock»: станьте левел-дизайнером с нуля за 5 месяцев. 🎮 Изучите проектирование игровых уровней, создание концептов и взаимодействие с игровыми движками." /> <meta property="og:url" content="https://www.school-xyz.com/outblock" /> <meta property="og:title" content="Как проектировать игровые уровни. Онлайн-курс по проектированию геймплея." /> <meta property="og:description" content="Получи фундаментальные знания проектирования и блокаут прототипирования игровых уровней и создай свой играбельный уровень по окончанию онлайн-курса за 5 месяцев." /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild3834-3439-4361-a434-616561646261/image_22336471_1.jpg" /> <link rel="canonical" href="https://www.school-xyz.com/outblock"> <!--/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"> <link rel="shortcut icon" href="https://static.tildacdn.com/tild6462-6438-4164-b332-316331666365/favicon.ico" type="image/x-icon" /> <!-- Assets --> <script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script> <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/project1006203/tilda-blocks-page86382166.min.css?t=1772551788" 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-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-forms-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-zoom-2.0.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-zoom-2.0.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.com/css/quill-table.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" type="text/css" href="https://ws.tildacdn.com/project1006203/custom.css?t=1772551788"> <script nomodule src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script> <script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}}
function 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,r=[],n,l=i.getAttribute("data-artboard-screens");if(l){l=l.split(",");for(var o=0;o<l.length;o++)r[o]=parseInt(l[o],10)}else r=[320,480,640,960,1200];for(var o=0;o<r.length;o++){var d=r[o];a>=d&&(n=d)}var _="edit"===window.allrecords.getAttribute("data-tilda-mode"),c="center"===t396_getFieldValue(i,"valign",n,r),s="grid"===t396_getFieldValue(i,"upscale",n,r),w=t396_getFieldValue(i,"height_vh",n,r),g=t396_getFieldValue(i,"height",n,r),u=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!_&&c&&!s&&!w&&g&&!u){var h=parseFloat((a/n).toFixed(3)),f=[i,i.querySelector(".t396__carrier"),i.querySelector(".t396__filter")],v=Math.floor(parseInt(g,10)*h)+"px",p;i.style.setProperty("--initial-scale-height",v);for(var o=0;o<f.length;o++)f[o].style.setProperty("height","var(--initial-scale-height)");t396_scaleInitial__getElementsToScale(i).forEach((function(t){t.style.zoom=h}))}}}}function t396_scaleInitial__getElementsToScale(t){return t?Array.prototype.slice.call(t.children).filter((function(t){return t&&(t.classList.contains("t396__elem")||t.classList.contains("t396__group"))})):[]}function t396_getFieldValue(t,e,i,a){var r,n=a[a.length-1];if(!(r=i===n?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+i)))for(var l=0;l<a.length;l++){var o=a[l];if(!(o<=i)&&(r=o===n?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+o)))break}return r}window.TN_SCALE_INITIAL_VER="1.0",window.tn_scale_initial_window_width=null;</script> <script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js" charset="utf-8" defer onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/ws/project1006203/tilda-blocks-page86382166.min.js?t=1772551788" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-lazyload-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-animation-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-popup-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zoom-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/hammer.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <!-- nominify begin --><script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Курс геймдев",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": 5.0,
"ratingCount": 3719,
"reviewCount": 3828
}
}
</script> <script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "XYZ",
"item": "https://www.school-xyz.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Курсы",
"item": "https://www.school-xyz.com/courses"
},
{
"@type": "ListItem",
"position": 3,
"name": "💥Скидки до 50%",
"item": "https://www.school-xyz.com/courses#all"
}
]
}
</script> <script>
// скрипт для стилизации попапов с работами студентов при переходе по прямой ссылке на этот попап
if (window.location.pathname.includes('/tpost')) {
$('head').append('<link rel="stylesheet" href="https://landing-cdn.school-xyz.com/tpostTildaStyle.css?v=1" type="text/css">');
}
</script> <script>
document.addEventListener('DOMContentLoaded', function() {
var allRec = document.getElementById('allrecords');
if (allRec) allRec.setAttribute('data-fb-event', 'nosend');
});
</script> <script type="text/javascript" id="advcakeAsync">
(function (a) {
var b = a.createElement("script");
b.async = 1;
b.src = "//0gs25f.ru/";
a=a.getElementsByTagName("script")[0]; a.parentNode.insertBefore(b,a)
})(document);
</script> <!-- <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/promosTildaScript.js?v=4"></script> --> <!-- отвечает за работу промобара --> <!-- <link rel="stylesheet" href="https://learn.school-xyz.com/tilda-static/public/promosTildaStyle.css?v=7"> --> <!-- стили для промобара --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/saveUrlGetParamsTildaScript.js"></script> <!-- <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/formsSubmittionTildaScript.js"></script> --> <!-- что-то про регистрацию на интро курсы --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/platformDataAutoFillTildaScript.js?v=9"></script> <!-- автоматизация цен, рассрочка, даты, скидка... --> <!--<script type="text/javascript" src="https://stage.dev.school-xyz.com/tilda-static/public/platformDataAutoFillTildaScript.js?v=1"></script> <!-- автоматизация цен, рассрочка, даты, скидка... --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/preValidatePhoneTildaScript.js"></script> <!-- валидация телефонного номера для любых форм на страницах --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/formsAutoFillTildaScript.js"></script> <!-- автозаполнение форм, только имя и почта --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/formValidateYmClientTildaScript.js"></script> <!-- модуль CPA-интеграций https://t.me/dmitmix --> <script>
const script = document.createElement('script');
script.src = `https://landing-cdn.school-xyz.com/js/xyzCpa.js?v=${Date.now()}`;
document.head.appendChild(script);
</script> <!-- Solo Start --> <script src="https://sologpt.ru/xyz_integration/sologpt.iife.js" defer></script> <!-- Solo End --> <!-- Carrot quest BEGIN --> <script type="text/javascript">
!function(){function t(t,e){return function(){window.carrotquestasync.push(t,arguments)}}if("undefined"==typeof carrotquest){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.carrotquest.app/api.min.js",document.getElementsByTagName("head")[0].appendChild(e),window.carrotquest={},window.carrotquestasync=[],carrotquest.settings={};for(var n=["connect","track","identify","auth","onReady","addCallback","removeCallback","trackMessageInteraction"],a=0;a<n.length;a++)carrotquest[n[a]]=t(n[a])}}(),carrotquest.connect("68058-4eec889da0f5c5a357581273a3");
</script> <!-- Carrot quest END --> <!-- UE admin BEGIN --> <link rel="stylesheet" href="https://tilda.ultimate.education/styles.css"> <script type="text/javascript" src="https://tilda.ultimate.education/index.js" apiUrl="https://product.it.ultimate.education" id="replacer" school="XYZ" currency="RUB" apiVersion="v3"></script> <!-- UE admin END --> <script>
/* привязка виджета чата к скролу, чтобы не было наложения с промобаром */
function findChatWidget() {
let chatWidget = $('#carrotquest-messenger-collapsed-container');
let promoBar = document.querySelector('.uc-promobar');
if (chatWidget.length == 1 && promoBar !== null) {
console.log('виджет чата и промобар найдены!');
if (promoBar.clientHeight != 0) {
let promobarHeight = promoBar.clientHeight + 8;
console.log('Высота промобара: ' + promobarHeight);
document.querySelector('.t-body').style.setProperty('--dynamic-bottom', ' ' + promobarHeight + 'px');
$('.promobar__hide-btn').on('click', function() {
$('.t-body').addClass('hide-promobar');
});
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$('.t-body').addClass('show-promobar');
} else {
$('.t-body').removeClass('show-promobar');
}
$(document).scroll(function() {
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$('.t-body').addClass('show-promobar');
} else {
$('.t-body').removeClass('show-promobar');
}
});
}
} else {
setTimeout(function() {
console.log('виджет чата и/или промобар не найдены');
findChatWidget();
}, 1000);
}
}
findChatWidget();
/* end привязка виджета чата к скролу, чтобы не было наложения с промобаром */
</script> <!-- Pixel victorycorp --> <script type="text/javascript">
(function (d, w) {
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script");
s.type = "text/javascript";
s.async = true;
s.src = "https://victorycorp.ru/index.php?ref="+d.referrer+"&page=" + encodeURIComponent(w.location.href);
n.parentNode.insertBefore(s, n);
})(document, window);
</script> <!-- /Pixel victorycorp --><!-- nominify end --><script type="text/javascript">window.dataLayer=window.dataLayer||[];</script> <!-- Google Tag Manager --> <script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-KTCCH4H');</script> <!-- End Google Tag Manager --> <script type="text/javascript">(function() {if((/bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(navigator.userAgent))===false&&typeof(sessionStorage)!='undefined'&&sessionStorage.getItem('visited')!=='y'&&document.visibilityState){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);}
document.addEventListener('DOMContentLoaded',t_setvisRecs);}})();</script></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="1006203" data-tilda-page-id="86382166" data-tilda-page-alias="outblock" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <!--header--> <header id="t-header" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="1006203" data-tilda-page-id="20568317" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <div id="rec1229679181" class="r t-rec" style=" " data-animationappear="off" data-record-type="121" data-alias-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- НОВЫЙ ХЕДЕР от 15.08.25 --> <!-- 17.09.25 замена всех иконок и картинки в блоке с тестом. Удаление пункта меню Вебинары --> <!-- 19.12.25 заменил пункт меню Бесплатные курсы на Вводный урок с консультантом --> <div class="header__overlay" style="display: none"></div> <header class="header__container"> <div class="header__wrapper"> <a href="/" class="header__logo"> <img class="header__logo_dark" src="https://static.tildacdn.com/tild3538-3936-4030-a562-643962313938/Logo-dark.svg" alt="XYZ School logo"> </a> <nav class="header__items-container"> <ul class="header__items-wrapper"> <li class="header__item header__item-all-courses"> <div class="header__item-link">Все курсы</div> </li> <li class="header__item"> <a href="https://www.school-xyz.com/trial-lesson" class="header__item-link">Вводный урок с консультантом</a> </li> </ul> <a href="https://learn.school-xyz.com/" target="_blank" class="header__members-btn">Личный кабинет</a> </nav> <div class="menu burger-btn"> <div class="icon-left"></div> <div class="icon-right"></div> </div> </div> <div class="menu__wrapper"> <div class="menu-left"> <nav class="menu-left__course-direction"> <ul class="menu-left__course-direction-list"> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/courses" class="menu-left__course-direction-link" data-direction-name="all-courses"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3434-6264-4637-a535-373532313833/Frame_2087329259_1.jpg" alt="Иконка направления Все курсы"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Все курсы</div> <div class="menu-left__course-direction-quontity-courses">37 курсов</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/3d-modelirovanie" class="menu-left__course-direction-link" data-direction-name="3d"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild6632-3831-4331-a264-636330373331/3D-_1.jpg" alt="Иконка направления 3D-моделирование"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">3D-моделирование</div> <div class="menu-left__course-direction-quontity-courses">15 курсов</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/2d-illyustraciya" class="menu-left__course-direction-link" data-direction-name="2d"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3830-3537-4234-b833-633466333735/2D-_1.jpg" alt="Иконка направления 2D-иллюстрация"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">2D-иллюстрация</div> <div class="menu-left__course-direction-quontity-courses">8 курсов</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/geymdizayn" class="menu-left__course-direction-link" data-direction-name="gamedesign"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3461-3239-4635-a138-383032306664/gamedesign_1.jpg" alt="Иконка направления Геймдизайн"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Геймдизайн</div> <div class="menu-left__course-direction-quontity-courses">4 курса</div> </div> </a> </li> </ul> <ul class="menu-left__course-direction-list"> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/programmirovanie" class="menu-left__course-direction-link" data-direction-name="gamecode"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild6533-3234-4231-a361-356136613038/_1.jpg" alt="Иконка направления Программирование"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Программирование</div> <div class="menu-left__course-direction-quontity-courses">8 курсов</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/video-i-speceffekty" class="menu-left__course-direction-link" data-direction-name="vfx"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild6562-3931-4937-b035-363239373230/___1.jpg" alt="Иконка направления Видео и спецэффекты"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Видео и спецэффекты</div> <div class="menu-left__course-direction-quontity-courses">3 курса</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/menedzhement" class="menu-left__course-direction-link" data-direction-name="business"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3165-6365-4236-b463-643730363733/management_1.jpg" alt="Иконка направления Менеджмент"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Менеджмент</div> <div class="menu-left__course-direction-quontity-courses">1 курс</div> </div> </a> </li> </ul> </nav> </div> <div class="menu-right"> <div class="menu-right__test-tags-wrap"> <div class="menu-right__test-tag">Тест</div> <div class="menu-right__test-tag">5 минут</div> </div> <h3 class="menu-right__test-heading">Какая профессия тебе подходит?</h3> <a href="https://www.school-xyz.com/proforientaciya" class="menu-right__test-button">Пройти тест</a> </div> <div class="menu-left__bottom-info"> <ul class="menu-left__bottom-info-list"> <li class="menu-left__bottom-info-link"> <a href="https://www.school-xyz.com/trial-lesson" target="_blank">Вводный урок с консультантом</a> </li> </ul> <a href="https://learn.school-xyz.com/" target="_blank" class="header__members-btn">Личный кабинет</a> </div> </div> </header> <style>
:root header {
font-family: 'BebasRoboto';
--color-bg: #17171b;
--color-bg-menu-open: #23232A;
--color-text: #fff;
--color-bg-lk-btn: #2b2b34;
--color-text-opacity: rgb(206 206 222 / 50%);
--color-accent: #8e8eff;
--color-black: #17171b;
--color-border: #373742;
--color-burger-line: #fff;
--color-burger-bg: #22222e;
--color-button: #6060ff;
}
#allrecords header ul {
padding-left: 0;
margin-bottom: 0;
}
#allrecords header a {
color: inherit;
}
.header__overlay {
position: fixed;
inset: 0;
cursor: pointer;
z-index: 998;
background: rgb(0 0 0 / 50%);
-webkit-tap-highlight-color: transparent;
}
/* Бургер меню */
.burger-btn {
position: relative;
flex-shrink: 0;
width: 40px;
height: 40px;
top: 0;
left: 0;
transition-duration: 0.5s;
border-radius: 22px;
cursor: pointer;
transform: scale(0.8);
visibility: visible;
opacity: 1;
}
.burger-btn.open {
background: var(--color-burger-bg);
visibility: visible;
opacity: 1;
}
.burger-btn .icon-left {
transition-duration: 0.5s;
position: absolute;
width: 12px;
height: 2px;
top: 19px;
background-color: var(--color-burger-line);
left: 9px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.burger-btn.open .icon-left {
transition-duration: 0.3s;
background: transparent;
}
.burger-btn .icon-left:before {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: -8px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.burger-btn.open .icon-left:before {
transform: rotateZ(45deg) scaleX(1.1) translate(2.5px, 2px);
}
.burger-btn .icon-left:after {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: 8px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.burger-btn.open .icon-left:after {
transform: rotateZ(-45deg) scaleX(1.1) translate(2.5px, -2px);
}
.burger-btn .icon-right {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
top: 19px;
background-color: var(--color-burger-line);
left: 21px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.burger-btn.open .icon-right {
transition-duration: 0.3s;
background: transparent;
}
.burger-btn .icon-right:before {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: -8px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.burger-btn.open .icon-right:before {
transform: rotateZ(-45deg) scaleX(1.1) translate(-3.5px, 1px);
}
.burger-btn .icon-right:after {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: 8px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.burger-btn.open .icon-right:after {
transform: rotateZ(45deg) scaleX(1.1) translate(-3.5px, -1px);
}
/* Конец бургер меню */
header.header__container {
position: fixed;
background: transparent;
width: 100%;
z-index: 999;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
transition: border-radius 0.3s ease, background 0.3s ease 0.3s, transform 0.3s ease;
overflow: hidden;
box-sizing: border-box;
}
header.header__container.open {
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
background: var(--color-bg-menu-open);
transition: border-radius 0.3s ease, background 0.3s ease 0s, transform 0.3s ease;
}
header.header__container.main-header--bg_scroll {
background: var(--color-bg);
transition: border-radius 0.3s ease, background 0.3s ease 0s, transform 0.3s ease;
}
header.header__container.main-header--bg_scroll.open {
background: var(--color-bg-menu-open);
}
header.header__container.out {
transform: translateY(-100%);
}
header.header__container.open.out {
transform: none;
}
header a {
color: inherit;
text-decoration: none;
}
header ul {
list-style: none;
}
.header__wrapper {
position: relative;
display: flex;
max-width: 1160px;
margin: 0 auto;
padding: 20px 0;
}
.header__wrapper:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background: var(--color-border);
opacity: 0;
}
.header__container.open .header__wrapper:after {
opacity: 1;
transition: .3s ease;
}
a.header__logo {
display: flex;
margin-right: 48px;
}
.header__items-container {
display: flex;
justify-content: space-between;
width: 100%;
margin-right: 10px;
}
ul.header__items-wrapper {
display: flex;
align-items: center;
column-gap: 40px;
}
li.header__item {
position: relative;
font-size: 14px;
font-weight: 400;
line-height: 28px;
color: var(--color-text);
transition: .3s ease;
}
li.header__item.header__item-all-courses_open {
color: var(--color-accent);
}
a.header__item-link, .header__item-link {
display: block;
}
ul.header__items-wrapper li.header__item-all-courses {
cursor: pointer;
}
ul.header__items-wrapper li.header__item-all-courses .header__item-link::after {
content: '';
display: inline-block;
position: relative;
vertical-align: middle;
width: 6px;
height: 6px;
margin-left: 10px;
transition: .3s ease;
border-width: 0 0 1.5px 1.5px;
border-color: var(--color-text);
border-style: solid;
transform: rotateZ(315deg) translate(1px, -2px);
}
ul.header__items-wrapper li.header__item-all-courses_open .header__item-link::after {
transform: rotateZ(135deg) translate(1px, -1px);
border-color: var(--color-accent);
}
#allrecords a.header__members-btn {
display: flex;
align-items: center;
width: fit-content;
font-size: 14px;
font-weight: 400;
line-height: 24px;
background: var(--color-bg-lk-btn);
border: 0;
border-radius: 30px;
padding: 8px 24px;
color: var(--color-text);
text-decoration: none;
transition: .2s ease;
}
#allrecords .header__container.open .header__members-btn {
background: var(--color-bg-lk-btn);
}
#allrecords a.header__members-btn:hover {
background: var(--color-button);
color: #fff;
}
#allrecords .header__container.open .header__members-btn:hover {
background: var(--color-button);
}
.menu__wrapper {
display: flex;
column-gap: 16px;
max-width: 1160px;
margin: 0 auto;
opacity: 0;
visibility: hidden;
max-height: 0;
padding: 0;
transition: .3s ease;
overflow: hidden;
box-sizing: border-box;
}
.menu__wrapper.menu__wrapper_active {
opacity: 1;
visibility: visible;
max-height: 100vh;
padding: 32px 0;
}
.menu-left {
width: 100%;
max-width: 572px;
}
nav.menu-left__course-direction {
display: flex;
column-gap: 16px;
}
ul.menu-left__course-direction-list {
display: flex;
flex-direction: column;
row-gap: 16px;
width: 100%;
}
li.menu-left__course-direction-item {
font-weight: 400;
font-size: 16px;
line-height: 1.6;
color: var(--color-text);
}
a.menu-left__course-direction-link {
display: flex;
flex-wrap: wrap;
column-gap: 12px;
height: 64px;
padding: 8px;
border-radius: 16px;
transition: .2s ease;
box-sizing: border-box;
}
@media (hover: hover) {
#allrecords a.menu-left__course-direction-link:hover {
background-color: #2b2b35;
}
}
.menu-left__course-direction-icon {
height: 100%;
border-radius: 8px;
}
.menu-left__course-direction-quontity-courses {
font-size: 14px;
color: var(--color-text-opacity);
}
.menu-left__bottom-info {
width: 100%;
}
ul.menu-left__bottom-info-list {
display: flex;
flex-direction: row;
column-gap: 30px;
}
#allrecords ul.menu-left__bottom-info-list {
margin-bottom: 0;
}
li.menu-left__bottom-info-link {
font-size: 14px;
line-height: 30px;
color: var(--color-text);
}
li.menu-left__bottom-info-link a {
transition: .2s ease;
}
#allrecords li.menu-left__bottom-info-link a:hover {
color: var(--color-accent);
}
#allrecords .menu-left__bottom-info a.header__members-btn {
display: none;
}
.menu-right {
position: relative;
display: flex;
flex-direction: column;
row-gap: 16px;
width: 100%;
max-width: 572px;
background-color: #2b2b35;
background-image: url(https://static.tildacdn.com/tild3264-3531-4533-b066-653232386336/Desktop.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
padding: 24px;
border-radius: 16px;
color: var(--color-text);
box-sizing: border-box;
}
.menu-right__test-tags-wrap {
display: flex;
column-gap: 8px;
}
.menu-right__test-tag {
font-size: 12px;
line-height: 1.5;
font-weight: 400;
padding: 4px 12px;
background: #3b3b47;
border-radius: 30px;
color: var(--color-text);
}
.menu-right__test-heading {
font-size: 20px;
font-weight: 600;
line-height: 1.3;
color: var(--color-text);
width: 184px;
}
.menu-right__test-button {
width: fit-content;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
background: var(--color-button);
padding: 10px 24px;
margin-top: auto;
border-radius: 50px;
transition: .2s ease;
}
#allrecords .menu-right__test-button:hover {
background: var(--color-text);
color: var(--color-black);
}
@media screen and (min-width: 1200px) {
.header__items-container {
margin-right: 0;
}
.burger-btn {
display: none;
}
li.header__item:hover {
color: var(--color-accent);
}
ul.header__items-wrapper li.header__item-all-courses:hover .header__item-link::after {
border-color: var(--color-accent);
}
}
@media screen and (min-width: 960px) {
.menu-left__bottom-info {
display: none;
}
}
@media (min-width: 960px) and (max-width: 1199px) {
.menu-right {
background-image: url(https://static.tildacdn.com/tild6438-6533-4036-a435-623266623239/Tablet_Horizontal.jpg);
}
}
@media screen and (max-width: 1199px) {
.t-body.open-menu {
height: 100vh;
min-height: 100vh;
overflow: hidden;
}
header.header__container.open {
border-bottom-left-radius: 32px;
border-bottom-right-radius: 32px;
}
.header__wrapper {
max-width: 940px;
padding: 12px 0;
}
.header__wrapper:after {
width: 100%;
}
.menu__wrapper {
max-width: 940px;
padding: 0;
}
.menu-left {
max-width: 544px;
}
.menu-left__course-direction-link {
display: block;
width: fit-content;
}
.menu-right {
max-width: 380px;
}
}
@media screen and (max-width: 959px) {
header.header__container {
position: fixed;
overflow: auto;
}
header.header__container.open {
height: fit-content;
max-height: 100%;
/*background: var(--color-bg);*/
transition: border-radius 0.3s ease, background 0s ease 0s, transform 0.3s ease;
}
.header__wrapper {
position: sticky;
top: 0;
justify-content: space-between;
max-width: 620px;
padding: 12px 0;
/*background: var(--color-bg);*/
transition: .3s ease;
z-index: 99;
box-sizing: border-box;
}
.header__wrapper:after {
width: 100%;
}
header.header__container.open .header__wrapper {
background: var(--color-bg-menu-open);
/*transition: none;*/
}
nav.header__items-container {
justify-content: end;
}
.header__items-container .header__items-wrapper {
display: none;
}
.menu__wrapper {
flex-wrap: wrap;
max-width: 620px;
padding: 0;
}
.menu__wrapper.menu__wrapper_active {
max-height: fit-content;
padding: 20px 0 32px;
row-gap: 24px;
}
.menu-left {
max-width: 100%;
height: max-content;
}
ul.menu-left__course-direction-list {
width: 50%;
}
.menu-left__course-direction-link {
width: 100%;
}
.menu-left__bottom-info {
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
row-gap: 32px;
}
ul.menu-left__bottom-info-list {
row-gap: 8px;
}
#allrecords ul.menu-left__bottom-info-list {
align-items: start;
flex-direction: column;
}
.menu-right {
max-width: 100%;
height: 292px;
margin-bottom: 8px;
/*background-position-y: -134px;*/
}
}
@media screen and (max-width: 639px) {
header.header__container {
height: 58px;
}
header.header__container.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: 100%;
}
.header__wrapper {
padding: 9px 10px;
}
.header__logo img {
width: 28px;
}
.header__wrapper:after {
width: calc(100% - 20px);
}
.header__items-container {
display: none;
}
.menu__wrapper {
align-content: flex-start;
padding: 0 10px;
}
.menu__wrapper.menu__wrapper_active {
padding: 16px 10px 48px;
}
nav.menu-left__course-direction {
flex-direction: column;
row-gap: 8px;
}
ul.menu-left__course-direction-list {
width: 100%;
row-gap: 8px;
}
li.menu-left__course-direction-item {
font-size: 14px;
}
.menu-left__bottom-info {
row-gap: 16px;
}
#allrecords .menu-left__bottom-info a.header__members-btn {
display: block;
}
.menu-right {
height: 232px;
padding: 16px;
margin-bottom: 0;
row-gap: 12px;
/*background-position: -106px center;*/
/*background-size: 138%;*/
background-image: url(https://static.tildacdn.com/tild3930-6233-4836-b332-636433393662/Mobile.jpg);
}
.menu-right__test-tags-wrap {
column-gap: 4px;
}
.menu-right__test-tag {
font-size: 10px;
line-height: 1.6;
}
.menu-right__test-heading {
font-size: 14px;
width: 134px;
}
.menu-right__test-button {
font-size: 14px;
line-height: 1.2;
}
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
// добавляем фон хедеру, если страница прокручена больше чем на 50 пикселей
setTimeout(function() {
if (document.documentElement.scrollTop > 50) {
$('.header__container').addClass('main-header--bg_scroll');
}
}, 2000);
$(window).scroll(function() {
let offsetTopByHeader = 50;
let classBgHeader = 'main-header--bg_scroll';
let header = $('.header__container');
if ($(this).scrollTop() >= offsetTopByHeader) {
header.addClass(classBgHeader);
} else {
header.removeClass(classBgHeader);
}
});
// скрываем/показываем хедер по скролу
const header = $('.header__container');
let scrollPrev = 0;
$(window).scroll(function() {
const scrolled = $(window).scrollTop();
if (scrolled > 550 && scrolled > scrollPrev) {
header.addClass('out');
} else {
header.removeClass('out');
}
scrollPrev = scrolled;
});
$('.menu-left__bottom-info-link a').click(function() {
$('.menu').trigger('click');
});
if (document.documentElement.clientWidth >= 1200) {
$('.header__item-all-courses').mouseenter(function() {
$('.header__item-all-courses').addClass('header__item-all-courses_open');
$('.menu__wrapper').addClass('menu__wrapper_active');
$('.header__overlay').fadeIn('linear');
$('.menu').addClass('open');
$('.header__container').addClass('open');
$('.t-body').addClass('open-menu');
});
$('.header__container').mouseleave(function() {
$('.header__item-all-courses').removeClass('header__item-all-courses_open');
$('.menu__wrapper').removeClass('menu__wrapper_active');
$('.header__overlay').fadeOut('linear');
$('.menu').removeClass('open');
$('.header__container').removeClass('open');
$('.t-body').removeClass('open-menu');
});
}
if (document.documentElement.clientWidth < 1200) {
$('.header__item-all-courses, .header__overlay, .menu').click(function() {
$('.header__item-all-courses').toggleClass('header__item-all-courses_open');
$('.menu__wrapper').toggleClass('menu__wrapper_active');
$('.header__overlay').fadeToggle('linear');
$('.menu').toggleClass('open');
$('.header__container').toggleClass('open');
$('.t-body').toggleClass('open-menu');
});
}
});
</script> <!-- nominify end --> </div> </div> </div> </div> </header> <!--/header--> <div id="rec1431325801" class="r t-rec" style=" " data-animationappear="off" data-record-type="674"> <!-- T674 --> <div class="t674"> <style>body {background-color:#17171b !important;;}#allrecords {background-color:transparent !important;}</style> </div> <script>(function() {var isSafariOnIOS=!!navigator.userAgent.match(/iP(hone|od|ad)/)&&navigator.userAgent.match(/WebKit/i)&&!navigator.userAgent.match(/CriOS/i)&&!navigator.userAgent.match(/FxiOS/i);if(!isSafariOnIOS) return;var recid='rec1431325801';var rec=document.getElementById(recid);if(!rec) return;rec.classList.add('safari');})();</script> </div> <div id="rec1431325021" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1431325021 .t396__artboard {height:112px;background-color:#17171b;}#rec1431325021 .t396__filter {height:112px;}#rec1431325021 .t396__carrier{height:112px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1431325021 .t396__artboard,#rec1431325021 .t396__filter,#rec1431325021 .t396__carrier {height:96px;}#rec1431325021 .t396__filter {}#rec1431325021 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1431325021 .t396__artboard,#rec1431325021 .t396__filter,#rec1431325021 .t396__carrier {}#rec1431325021 .t396__filter {}#rec1431325021 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1431325021 .t396__artboard,#rec1431325021 .t396__filter,#rec1431325021 .t396__carrier {height:64px;}#rec1431325021 .t396__filter {}#rec1431325021 .t396__carrier {background-attachment:scroll;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1431325021" data-artboard-screens="320,640,960,1200" data-artboard-height="112" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="64" data-artboard-upscale-res-320="window" data-artboard-height-res-960="96"> <div class="t396__carrier" data-artboard-recid="1431325021"></div> <div class="t396__filter" data-artboard-recid="1431325021"></div> </div> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1431325021');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1431325021');});});</script> <!-- /T396 --> </div> <div id="rec1431326151" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1431326151 .t396__artboard {height:600px;background-color:#17171b;}#rec1431326151 .t396__filter {height:600px;}#rec1431326151 .t396__carrier{height:600px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1431326151 .t396__artboard,#rec1431326151 .t396__filter,#rec1431326151 .t396__carrier {height:527px;}#rec1431326151 .t396__filter {}#rec1431326151 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1431326151 .t396__artboard,#rec1431326151 .t396__filter,#rec1431326151 .t396__carrier {height:910px;}#rec1431326151 .t396__filter {}#rec1431326151 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1431326151 .t396__artboard,#rec1431326151 .t396__filter,#rec1431326151 .t396__carrier {height:819px;}#rec1431326151 .t396__filter {}#rec1431326151 .t396__carrier {background-attachment:scroll;}}#rec1431326151 .tn-group[data-group-id="175674835595471510"] {z-index:3;position:absolute;top:0px;left:calc(50% - 600px + 20px);width:1160px;height:600px;}#rec1431326151 .tn-group[data-group-id="175674835595471510"] #molecule-175674835595471510 {width:100%;height:100%;position:relative;display:flex;overflow:visible visible;flex-direction:row;column-gap:16px;align-items:flex-start;justify-content:flex-start;align-content:flex-start;padding:0px 0px 0px 0px ;border-color:transparent ;border-style:solid ;box-sizing:border-box;border-radius:0px;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px) {#rec1431326151 .tn-group[data-group-id="175674835595471510"] {display:flex;top:0px;left:calc(50% - 480px + 10px);width:940px;height:527px;}#rec1431326151 .tn-group[data-group-id="175674835595471510"] #molecule-175674835595471510 {display:flex;}}@media screen and (max-width:959px) {#rec1431326151 .tn-group[data-group-id="175674835595471510"] {display:flex;width:620px;height:910px;}#rec1431326151 .tn-group[data-group-id="175674835595471510"] #molecule-175674835595471510 {display:flex;flex-direction:column;flex-wrap:unset;row-gap:16px;align-items:center;}}@media screen and (max-width:639px) {#rec1431326151 .tn-group[data-group-id="175674835595471510"] {display:flex;width:300px;height:819px;}#rec1431326151 .tn-group[data-group-id="175674835595471510"] #molecule-175674835595471510 {display:flex;row-gap:8px;}}#rec1431326151 .tn-group[data-group-id="175674827923698580"] {z-index:3;position:absolute;top:0px;left:686px;width:474px;height:600px;flex-shrink:0;margin:0 0 0 0;}#rec1431326151 .tn-group[data-group-id="175674827923698580"] #molecule-175674827923698580 {width:100%;height:100%;position:relative;border-color:transparent ;border-style:solid ;box-sizing:border-box;border-radius:0px;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px) {#rec1431326151 .tn-group[data-group-id="175674827923698580"] {display:block;top:0px;left:558px;width:382px;height:527px;flex-shrink:0;order:;align-self:auto;}#rec1431326151 .tn-group[data-group-id="175674827923698580"] #molecule-175674827923698580 {}}@media screen and (max-width:959px) {#rec1431326151 .tn-group[data-group-id="175674827923698580"] {display:block;width:620px;height:420px;flex-shrink:0;order:;align-self:auto;}#rec1431326151 .tn-group[data-group-id="175674827923698580"] #molecule-175674827923698580 {}}@media screen and (max-width:639px) {#rec1431326151 .tn-group[data-group-id="175674827923698580"] {display:block;width:300px;height:378px;flex-shrink:0;order:;align-self:auto;}#rec1431326151 .tn-group[data-group-id="175674827923698580"] #molecule-175674827923698580 {}}#rec1431326151 .tn-elem[data-elem-id="1689941952135"]{z-index:3;top:0px;left:0px;width:474px;height:600px;}#rec1431326151 .tn-elem[data-elem-id="1689941952135"] .tn-atom{border-radius:24px 24px 24px 24px;background-color:#23232a;background-position:center center;background-size:cover;background-repeat:no-repeat;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431326151 .tn-elem[data-elem-id="1689941952135"]{display:table;top:0px;left:0px;width:382px;height:527px;}#rec1431326151 .tn-elem[data-elem-id="1689941952135"] .tn-atom{background-position:27.608% 0.000%;background-size:123.381%;}}@media screen and (max-width:959px){#rec1431326151 .tn-elem[data-elem-id="1689941952135"]{display:table;top:0px;left:0px;width:620px;height:420px;border-radius:20px 20px 20px 20px;}#rec1431326151 .tn-elem[data-elem-id="1689941952135"] .tn-atom{background-position:0.000% 51.340%;background-size:100.000%;border-radius:20px 20px 20px 20px;}}@media screen and (max-width:639px){#rec1431326151 .tn-elem[data-elem-id="1689941952135"]{display:table;top:0px;left:0px;width:300px;height:378px;border-radius:16px 16px 16px 16px;}#rec1431326151 .tn-elem[data-elem-id="1689941952135"] .tn-atom{background-position:center center;background-size:cover;border-radius:16px 16px 16px 16px;}}#rec1431326151 .tn-elem[data-elem-id="176046701979424400"]{z-index:3;top:546px;left:16px;width:276px;height:38px;-webkit-backdrop-filter:blur(40px);:backdrop-filter:blur(40px);;backdrop-filter:blur(40px);:backdrop-filter:blur(40px);;border-radius:30px 30px 30px 30px;}#rec1431326151 .tn-elem[data-elem-id="176046701979424400"] .tn-atom{border-radius:30px 30px 30px 30px;opacity:0.3;background-color:#666666;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431326151 .tn-elem[data-elem-id="176046701979424400"]{display:table;top:473px;left:16px;}}@media screen and (max-width:959px){#rec1431326151 .tn-elem[data-elem-id="176046701979424400"]{display:table;top:366px;left:16px;}}@media screen and (max-width:639px){#rec1431326151 .tn-elem[data-elem-id="176046701979424400"]{display:table;top:330px;left:16px;width:198px;height:32px;}}#rec1431326151 .tn-elem[data-elem-id="176046701980864970"]{color:#ffffff;z-index:3;top:554px;left:32px;width:auto;height:auto;}#rec1431326151 .tn-elem[data-elem-id="176046701980864970"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;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;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){#rec1431326151 .tn-elem[data-elem-id="176046701980864970"]{display:table;top:481px;left:32px;width:px;height:auto;}#rec1431326151 .tn-elem[data-elem-id="176046701980864970"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec1431326151 .tn-elem[data-elem-id="176046701980864970"]{display:table;top:374px;left:32px;height:auto;}}@media screen and (max-width:639px){#rec1431326151 .tn-elem[data-elem-id="176046701980864970"]{display:table;top:338px;left:28px;width:auto;height:auto;}#rec1431326151 .tn-elem[data-elem-id="176046701980864970"] .tn-atom{vertical-align:middle;white-space:nowrap;font-size:10px;background-size:cover;}}#rec1431326151 .tn-group[data-group-id="175674760900215890"] {z-index:3;position:absolute;top:0px;left:0px;width:670px;height:600px;flex-shrink:0;margin:0 0 0 0;}#rec1431326151 .tn-group[data-group-id="175674760900215890"] #molecule-175674760900215890 {width:100%;height:100%;position:relative;display:flex;overflow:visible visible;flex-direction:column;row-gap:0px;align-items:flex-start;justify-content:space-between;align-content:flex-start;padding:32px 32px 32px 32px;border-color:transparent ;border-style:solid ;box-sizing:border-box;border-radius:24px 24px 24px 24px;background-color:#23232a;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px) {#rec1431326151 .tn-group[data-group-id="175674760900215890"] {display:flex;top:0px;left:0px;width:542px;height:527px;flex-shrink:0;order:;align-self:auto;}#rec1431326151 .tn-group[data-group-id="175674760900215890"] #molecule-175674760900215890 {display:flex;padding:32px 32px 32px 32px;}}@media screen and (max-width:959px) {#rec1431326151 .tn-group[data-group-id="175674760900215890"] {display:flex;width:620px;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1431326151 .tn-group[data-group-id="175674760900215890"] #molecule-175674760900215890 {display:flex;row-gap:56px;padding:24px 24px 24px 24px;}}@media screen and (max-width:639px) {#rec1431326151 .tn-group[data-group-id="175674760900215890"] {display:flex;width:300px;height:auto;flex-shrink:0;order:;align-self:auto;border-radius:16px 16px 16px 16px;}#rec1431326151 .tn-group[data-group-id="175674760900215890"] #molecule-175674760900215890 {display:flex;row-gap:32px;padding:16px 16px 24px 16px;border-radius:16px 16px 16px 16px;}}#rec1431326151 .tn-group[data-group-id="175674758044015460"] {z-index:3;position:absolute;top:472px;left:32px;width:100%;height:auto;flex-shrink:0;margin:0 0 0 0;}#rec1431326151 .tn-group[data-group-id="175674758044015460"] #molecule-175674758044015460 {width:100%;height:100%;position:relative;display:flex;overflow:visible visible;flex-direction:row;column-gap:16px;align-items:center;justify-content:space-between;align-content:flex-start;padding:16px 16px 16px 16px;border-color:transparent ;border-style:solid ;box-sizing:border-box;border-radius:16px 16px 16px 16px;background-color:#2b2b35;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px) {#rec1431326151 .tn-group[data-group-id="175674758044015460"] {display:flex;top:407px;left:32px;width:100%;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1431326151 .tn-group[data-group-id="175674758044015460"] #molecule-175674758044015460 {display:flex;}}@media screen and (max-width:959px) {#rec1431326151 .tn-group[data-group-id="175674758044015460"] {display:flex;top:362px;left:24px;width:100%;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1431326151 .tn-group[data-group-id="175674758044015460"] #molecule-175674758044015460 {display:flex;}}@media screen and (max-width:639px) {#rec1431326151 .tn-group[data-group-id="175674758044015460"] {display:flex;top:255px;left:16px;width:268px;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1431326151 .tn-group[data-group-id="175674758044015460"] #molecule-175674758044015460 {display:flex;flex-wrap:wrap;flex-direction:unset;row-gap:24px;align-items:center;}}#rec1431326151 .tn-elem[data-elem-id="1677004624466"]{color:#ffffff;text-align:center;z-index:3;top:16px;left:416px;width:174px;flex-shrink:0;height:64px;margin:0 0 0 0;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.2;font-weight:400;border-radius:60px 60px 60px 60px;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:#6060ff;--t396-bgcolor-image:none;--t396-bgcolor-hover-color:#ffffff;--t396-bgcolor-hover-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom::after{display:none;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom .tn-atom__button-content{column-gap:10px;padding:0px 0px 0px 0px;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom:hover::after{opacity:0;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom:hover{color:#17171b;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom:hover .tn-atom__button-text{color:#17171b;}}@media screen and (max-width:1199px){#rec1431326151 .tn-elem[data-elem-id="1677004624466"]{display:block;top:16px;left:310px;width:152px;height:auto;flex-shrink:0;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom{font-size:16px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom::after{display:none;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom:hover::after{opacity:0;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:959px){#rec1431326151 .tn-elem[data-elem-id="1677004624466"]{display:block;top:16px;left:404px;height:auto;flex-shrink:0;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom{background-color:var(--t396-bgcolor-color,transparent);}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom::after{display:none;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom:hover::after{opacity:0;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:639px){#rec1431326151 .tn-elem[data-elem-id="1677004624466"]{display:block;top:90px;left:16px;width:100%;height:auto;flex-shrink:0;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom{font-size:14px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom::after{display:none;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom:hover::after{opacity:0;}#rec1431326151 .tn-elem[data-elem-id="1677004624466"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}#rec1431326151 .tn-elem[data-elem-id="1760467579280"]{color:#ffffff;z-index:3;top:26px;left:88px;width:100%;flex-shrink:1;height:auto;margin:0 0 0 0;}#rec1431326151 .tn-elem[data-elem-id="1760467579280"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;opacity:0.7;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;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){#rec1431326151 .tn-elem[data-elem-id="1760467579280"]{display:table;top:22px;left:88px;width:100%;height:auto;flex-shrink:1;}}@media screen and (max-width:959px){#rec1431326151 .tn-elem[data-elem-id="1760467579280"]{display:table;top:22px;left:88px;width:100%;height:auto;flex-shrink:1;}}@media screen and (max-width:639px){#rec1431326151 .tn-elem[data-elem-id="1760467579280"]{display:table;top:25px;left:82px;width:170px;height:auto;flex-shrink:0;}#rec1431326151 .tn-elem[data-elem-id="1760467579280"] .tn-atom{font-size:10px;background-size:cover;}}#rec1431326151 .tn-elem[data-elem-id="1760467266286"]{z-index:3;top:20px;left:16px;width:56px;flex-shrink:0;height:auto;margin:0 0 0 0;}#rec1431326151 .tn-elem[data-elem-id="1760467266286"] .tn-atom{border-radius:12px 12px 12px 12px;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;}#rec1431326151 .tn-elem[data-elem-id="1760467266286"] .tn-atom__img{border-radius:12px 12px 12px 12px;object-position:center center;}@media screen and (max-width:1199px){#rec1431326151 .tn-elem[data-elem-id="1760467266286"]{display:table;top:16px;left:16px;height:auto;flex-shrink:0;}}@media screen and (max-width:959px){#rec1431326151 .tn-elem[data-elem-id="1760467266286"]{display:table;top:16px;left:16px;height:auto;flex-shrink:0;}}@media screen and (max-width:639px){#rec1431326151 .tn-elem[data-elem-id="1760467266286"]{display:table;top:16px;left:16px;width:50px;height:auto;flex-shrink:0;border-radius:8px 8px 8px 8px;}#rec1431326151 .tn-elem[data-elem-id="1760467266286"] .tn-atom{background-size:cover;border-radius:8px 8px 8px 8px;}#rec1431326151 .tn-elem[data-elem-id="1760467266286"] .tn-atom__img{border-radius:8px 8px 8px 8px;}}#rec1431326151 .tn-group[data-group-id="175674755976283310"] {z-index:3;position:absolute;top:32px;left:32px;width:510px;height:314px;flex-shrink:0;margin:0 0 0 0;}#rec1431326151 .tn-group[data-group-id="175674755976283310"] #molecule-175674755976283310 {width:100%;height:100%;position:relative;border-color:transparent ;border-style:solid ;box-sizing:border-box;border-radius:0px;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px) {#rec1431326151 .tn-group[data-group-id="175674755976283310"] {display:block;top:32px;left:32px;width:464px;height:290px;flex-shrink:0;order:;align-self:auto;}#rec1431326151 .tn-group[data-group-id="175674755976283310"] #molecule-175674755976283310 {}}@media screen and (max-width:959px) {#rec1431326151 .tn-group[data-group-id="175674755976283310"] {display:block;top:24px;left:24px;width:510px;height:282px;flex-shrink:0;order:;align-self:auto;}#rec1431326151 .tn-group[data-group-id="175674755976283310"] #molecule-175674755976283310 {}}@media screen and (max-width:639px) {#rec1431326151 .tn-group[data-group-id="175674755976283310"] {display:block;top:16px;left:16px;width:268px;height:207px;flex-shrink:0;order:;align-self:auto;}#rec1431326151 .tn-group[data-group-id="175674755976283310"] #molecule-175674755976283310 {}}#rec1431326151 .tn-elem[data-elem-id="1694704330837"]{color:#ffffff;z-index:3;top:198px;left:0px;width:510px;height:auto;}#rec1431326151 .tn-elem[data-elem-id="1694704330837"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:18px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;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;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){#rec1431326151 .tn-elem[data-elem-id="1694704330837"]{display:table;top:174px;left:0px;width:464px;height:auto;}}@media screen and (max-width:959px){#rec1431326151 .tn-elem[data-elem-id="1694704330837"]{display:table;top:166px;left:0px;width:510px;height:auto;}#rec1431326151 .tn-elem[data-elem-id="1694704330837"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:639px){#rec1431326151 .tn-elem[data-elem-id="1694704330837"]{display:table;top:112px;left:0px;width:268px;height:auto;}#rec1431326151 .tn-elem[data-elem-id="1694704330837"] .tn-atom{font-size:12px;background-size:cover;}}#rec1431326151 .tn-elem[data-elem-id="1694704330842"]{color:#ffffff;z-index:3;top:62px;left:0px;width:368px;height:auto;}#rec1431326151 .tn-elem[data-elem-id="1694704330842"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:60px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:500;text-transform:uppercase;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;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){#rec1431326151 .tn-elem[data-elem-id="1694704330842"]{display:table;top:54px;left:0px;width:318px;height:auto;}#rec1431326151 .tn-elem[data-elem-id="1694704330842"] .tn-atom{vertical-align:middle;white-space:normal;font-size:52px;background-size:cover;}}@media screen and (max-width:959px){#rec1431326151 .tn-elem[data-elem-id="1694704330842"]{display:table;top:54px;left:0px;width:294px;height:auto;}#rec1431326151 .tn-elem[data-elem-id="1694704330842"] .tn-atom{vertical-align:middle;white-space:normal;font-size:48px;background-size:cover;}}@media screen and (max-width:639px){#rec1431326151 .tn-elem[data-elem-id="1694704330842"]{display:table;top:48px;left:0px;width:174px;height:auto;}#rec1431326151 .tn-elem[data-elem-id="1694704330842"] .tn-atom{vertical-align:middle;white-space:normal;font-size:28px;background-size:cover;}}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"]{color:#ffffff;text-align:center;z-index:3;top:0px;left:72px;width:104px;height:38px;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;border-radius:200px 200px 200px 200px;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:#3b3b47;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom::after{display:none;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom .tn-atom__button-content{column-gap:10px;padding:0px 0px 0px 0px;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom:hover::after{opacity:0;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431326151 .tn-elem[data-elem-id="175855728640276300"]{display:block;top:0px;left:72px;height:auto;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom{background-color:var(--t396-bgcolor-color,transparent);}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom::after{display:none;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom:hover::after{opacity:0;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431326151 .tn-elem[data-elem-id="175855728640276300"]{display:block;top:0px;left:72px;height:auto;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom{background-color:var(--t396-bgcolor-color,transparent);}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom::after{display:none;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom:hover::after{opacity:0;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431326151 .tn-elem[data-elem-id="175855728640276300"]{display:block;top:0px;left:60px;width:86px;height:auto;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom{font-size:12px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom::after{display:none;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom:hover::after{opacity:0;}#rec1431326151 .tn-elem[data-elem-id="175855728640276300"] .tn-atom:hover{animation-name:none;}}}#rec1431326151 .tn-elem[data-elem-id="1696338866426"]{color:#ffffff;text-align:center;z-index:3;top:0px;left:0px;width:64px;height:38px;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;border-radius:200px 200px 200px 200px;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:#3b3b47;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom::after{display:none;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom .tn-atom__button-content{column-gap:10px;padding:0px 0px 0px 0px;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom:hover::after{opacity:0;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431326151 .tn-elem[data-elem-id="1696338866426"]{display:block;top:0px;left:0px;height:auto;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom{background-color:var(--t396-bgcolor-color,transparent);}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom::after{display:none;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom:hover::after{opacity:0;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431326151 .tn-elem[data-elem-id="1696338866426"]{display:block;top:0px;left:0px;height:auto;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom{background-color:var(--t396-bgcolor-color,transparent);}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom::after{display:none;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom:hover::after{opacity:0;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431326151 .tn-elem[data-elem-id="1696338866426"]{display:block;top:0px;left:0px;width:52px;height:auto;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom{font-size:12px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom::after{display:none;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom:hover::after{opacity:0;}#rec1431326151 .tn-elem[data-elem-id="1696338866426"] .tn-atom:hover{animation-name:none;}}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1431326151" data-artboard-screens="320,640,960,1200" data-artboard-height="600" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-heightmode="hug" data-artboard-height-res-320="819" data-artboard-upscale-res-320="window" data-artboard-height-res-640="910" data-artboard-height-res-960="527"> <div class="t396__carrier" data-artboard-recid="1431326151"></div> <div class="t396__filter" data-artboard-recid="1431326151"></div> <section
class="t396__group tn-group tn-group__1431326151175674835595471510 t396__group-flex " data-fields="top,left,container" data-group-id="175674835595471510" data-group-type-value="physical" data-group-top-value="0" data-group-left-value="20" data-group-padding="0 0 0 0" data-group-flex="auto" data-group-flexdirection="row" data-group-flexalignitems="flex-start" data-group-widthmode="hug" data-group-heightmode="hug" data-group-height-value="600" data-group-width-value="1160" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-height-res-320-value="819" data-group-width-res-320-value="300" data-group-height-res-640-value="910" data-group-width-res-640-value="620" data-group-top-res-960-value="0" data-group-left-res-960-value="10" data-group-height-res-960-value="527" data-group-width-res-960-value="940"> <div
class="tn-molecule"
id="molecule-175674835595471510"> <div
class="t396__group tn-group t396__elem-flex tn-group__1431326151175674760900215890 t396__group-flex " data-fields="top,left,container" data-group-id="175674760900215890" data-group-type-value="physical" data-group-top-value="0" data-group-left-value="20" data-group-padding="32px 32px 32px 32px" data-group-flex="auto" data-group-flexdirection="column" data-group-flexalignitems="flex-start" data-group-widthmode="fixed" data-group-heightmode="fixed" data-group-height-value="600" data-group-width-value="670" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-top-res-320-value="0" data-group-left-res-320-value="10" data-group-height-res-320-value="433" data-group-width-res-320-value="300" data-group-widthmode-res-320="fixed" data-group-top-res-640-value="0" data-group-left-res-640-value="10" data-group-height-res-640-value="474" data-group-width-res-640-value="620" data-group-widthmode-res-640="fixed" data-group-heightmode-res-640="hug" data-group-top-res-960-value="0" data-group-left-res-960-value="10" data-group-height-res-960-value="527" data-group-width-res-960-value="542" data-group-widthmode-res-960="fixed" data-group-heightmode-res-960="fixed"> <div
class="tn-molecule"
id="molecule-175674760900215890"> <div
class="t396__group tn-group t396__elem-flex tn-group__1431326151175674755976283310 " data-fields="top,left,container" data-group-id="175674755976283310" data-group-type-value="physical" data-group-top-value="32" data-group-left-value="52" data-group-padding="0 0 0 0" data-group-height-value="314" data-group-width-value="510" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-top-res-320-value="16" data-group-left-res-320-value="26" data-group-height-res-320-value="207" data-group-width-res-320-value="268" data-group-top-res-640-value="24" data-group-left-res-640-value="34" data-group-height-res-640-value="282" data-group-width-res-640-value="510" data-group-top-res-960-value="32" data-group-left-res-960-value="42" data-group-height-res-960-value="290" data-group-width-res-960-value="464"> <div
class="tn-molecule"
id="molecule-175674755976283310"> <div class='t396__elem tn-elem tn-elem__14313261511694704330837' data-elem-id='1694704330837' data-elem-type='text' data-field-top-value="230" data-field-left-value="52" data-field-height-value="116" data-field-width-value="510" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="18" data-field-top-res-320-value="128" data-field-left-res-320-value="26" data-field-height-res-320-value="76" data-field-width-res-320-value="268" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="190" data-field-left-res-640-value="34" data-field-height-res-640-value="58" data-field-width-res-640-value="510" data-field-textfit-res-640-value="autoheight" data-field-widthmode-res-640-value="fixed" data-field-top-res-960-value="206" data-field-left-res-960-value="42" data-field-height-res-960-value="87" data-field-width-res-960-value="464" data-field-widthmode-res-960-value="fixed"> <div class='tn-atom'field='tn_text_1694704330837'>Курс для тех, кто хочет прокачаться в создании игровых уровней и прототипировании на Unity. Уроки помогут разобраться в теме с нуля и начать путь к карьере специалиста по дизайну уровней.</div> </div> <div class='t396__elem tn-elem tn-elem__14313261511694704330842' data-elem-id='1694704330842' data-elem-type='text' data-field-top-value="94" data-field-left-value="52" data-field-height-value="120" data-field-width-value="368" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="60" data-field-top-res-320-value="64" data-field-left-res-320-value="26" data-field-height-res-320-value="56" data-field-width-res-320-value="174" data-field-textfit-res-320-value="autoheight" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="28" data-field-top-res-640-value="78" data-field-left-res-640-value="34" data-field-height-res-640-value="96" data-field-width-res-640-value="294" data-field-textfit-res-640-value="autoheight" data-field-widthmode-res-640-value="fixed" data-field-fontsize-res-640-value="48" data-field-top-res-960-value="86" data-field-left-res-960-value="42" data-field-height-res-960-value="156" data-field-width-res-960-value="318" data-field-container-res-960-value="grid" data-field-textfit-res-960-value="autoheight" data-field-widthmode-res-960-value="fixed" data-field-fontsize-res-960-value="52"> <h1 class='tn-atom'field='tn_text_1694704330842'>Outblock. <br>Левел дизайн</h1> </div> <div class='t396__elem tn-elem tn-elem__1431326151175855728640276300' data-elem-id='175855728640276300' data-elem-type='button' data-field-top-value="32" data-field-left-value="124" data-field-height-value="38" data-field-width-value="104" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="14" data-field-top-res-320-value="16" data-field-left-res-320-value="86" data-field-height-res-320-value="32" data-field-width-res-320-value="86" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="24" data-field-left-res-640-value="106" data-field-top-res-960-value="32" data-field-left-res-960-value="114" data-field-height-res-960-value="38"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">5 месяцев</span> </div> <span class="tn-atom__button-border"></span> </div> </div> <div class='t396__elem tn-elem tn-elem__14313261511696338866426' data-elem-id='1696338866426' data-elem-type='button' data-field-top-value="32" data-field-left-value="52" data-field-height-value="38" data-field-width-value="64" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="14" data-field-top-res-320-value="16" data-field-left-res-320-value="26" data-field-height-res-320-value="32" data-field-width-res-320-value="52" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="24" data-field-left-res-640-value="34" data-field-top-res-960-value="32" data-field-left-res-960-value="42" data-field-height-res-960-value="38"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Курс</span> </div> <span class="tn-atom__button-border"></span> </div> </div> </div> </div> <div
class="t396__group tn-group t396__elem-flex tn-group__1431326151175674758044015460 t396__group-flex " data-fields="top,left,container" data-group-id="175674758044015460" data-group-type-value="physical" data-group-top-value="472" data-group-left-value="52" data-group-padding="16px 16px 16px 16px" data-group-flex="auto" data-group-flexdirection="row" data-group-flexalignitems="center" data-group-widthmode="fill" data-group-heightmode="hug" data-group-height-value="96" data-group-width-value="606" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-top-res-320-value="255" data-group-left-res-320-value="26" data-group-height-res-320-value="154" data-group-width-res-320-value="268" data-group-widthmode-res-320="fixed" data-group-top-res-640-value="362" data-group-left-res-640-value="34" data-group-height-res-640-value="88" data-group-width-res-640-value="572" data-group-top-res-960-value="407" data-group-left-res-960-value="42" data-group-height-res-960-value="88" data-group-width-res-960-value="478"> <div
class="tn-molecule"
id="molecule-175674758044015460"> <div class='t396__elem tn-elem t396__elem-flex tn-elem__14313261511760467266286' data-elem-id='1760467266286' data-elem-type='image' data-field-top-value="492" data-field-left-value="68" data-field-height-value="56" data-field-width-value="56" 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-filewidth-value="112" data-field-fileheight-value="112" data-field-lazyoff-value="y" data-field-widthmode-value="fixed" data-field-heightmode-value="hug" data-field-top-res-320-value="271" data-field-left-res-320-value="42" data-field-height-res-320-value="50" data-field-width-res-320-value="50" data-field-widthmode-res-320-value="fixed" data-field-top-res-640-value="378" data-field-left-res-640-value="50" data-field-height-res-640-value="56" data-field-top-res-960-value="423" data-field-left-res-960-value="58" data-field-height-res-960-value="56"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild6138-6566-4535-b665-373464386539/__1.jpg' alt='' imgfield='tn_img_1760467266286' /> </div> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__14313261511760467579280' data-elem-id='1760467579280' data-elem-type='text' data-field-top-value="498" data-field-left-value="140" data-field-height-value="22" data-field-width-value="574" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fill" data-field-heightmode-value="hug" data-field-fontsize-value="14" data-field-top-res-320-value="280" data-field-left-res-320-value="108" data-field-height-res-320-value="32" data-field-width-res-320-value="170" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="10" data-field-top-res-640-value="384" data-field-left-res-640-value="122" data-field-width-res-640-value="540" data-field-top-res-960-value="429" data-field-left-res-960-value="130" data-field-height-res-960-value="66" data-field-width-res-960-value="446"> <div class='tn-atom'field='tn_text_1760467579280'>Набор идет только в рамках профессии «Геймдизайнер»</div> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__14313261511677004624466' data-elem-id='1677004624466' data-elem-type='button' data-field-top-value="488" data-field-left-value="468" data-field-height-value="64" data-field-width-value="174" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="20" data-field-top-res-320-value="345" data-field-left-res-320-value="42" data-field-height-res-320-value="48" data-field-width-res-320-value="236" data-field-widthmode-res-320-value="fill" data-field-fontsize-res-320-value="14" data-field-top-res-640-value="378" data-field-left-res-640-value="438" data-field-height-res-640-value="56" data-field-top-res-960-value="423" data-field-left-res-960-value="352" data-field-height-res-960-value="56" data-field-width-res-960-value="152" data-field-widthmode-res-960-value="fixed" data-field-fontsize-res-960-value="16"> <a class='tn-atom js-click-zero-stat' href="/gamedesigner" data-tilda-event-name="/tilda/click/rec1431326151/button1677004624466"> <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> </div> </div> <div
class="t396__group tn-group t396__elem-flex tn-group__1431326151175674827923698580 " data-fields="top,left,container" data-group-id="175674827923698580" data-group-type-value="physical" data-group-top-value="0" data-group-left-value="706" data-group-padding="0 0 0 0" data-group-height-value="600" data-group-width-value="474" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-top-res-320-value="441" data-group-left-res-320-value="10" data-group-height-res-320-value="378" data-group-width-res-320-value="300" data-group-top-res-640-value="490" data-group-left-res-640-value="10" data-group-height-res-640-value="420" data-group-width-res-640-value="620" data-group-top-res-960-value="0" data-group-left-res-960-value="568" data-group-height-res-960-value="527" data-group-width-res-960-value="382"> <div
class="tn-molecule"
id="molecule-175674827923698580"> <div class='t396__elem tn-elem tn-elem__14313261511689941952135' data-elem-id='1689941952135' data-elem-type='shape' data-field-top-value="0" data-field-left-value="706" data-field-height-value="600" data-field-width-value="474" 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-lazyoff-value="y" data-field-heightmode-value="fixed" data-field-top-res-320-value="441" data-field-left-res-320-value="10" data-field-height-res-320-value="378" data-field-width-res-320-value="300" data-field-heightmode-res-320-value="fixed" data-field-top-res-640-value="490" data-field-left-res-640-value="10" data-field-height-res-640-value="420" data-field-width-res-640-value="620" data-field-top-res-960-value="0" data-field-left-res-960-value="568" data-field-height-res-960-value="527" data-field-width-res-960-value="382" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3330-3534-4831-b865-633336656339/_1.jpg');"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__1431326151176046701979424400' data-elem-id='176046701979424400' data-elem-type='shape' data-field-top-value="546" data-field-left-value="722" data-field-height-value="38" data-field-width-value="276" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-top-res-320-value="771" data-field-left-res-320-value="26" data-field-height-res-320-value="32" data-field-width-res-320-value="198" data-field-widthmode-res-320-value="fixed" data-field-heightmode-res-320-value="fixed" data-field-top-res-640-value="856" data-field-left-res-640-value="26" data-field-top-res-960-value="473" data-field-left-res-960-value="584" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__1431326151176046701980864970' data-elem-id='176046701980864970' data-elem-type='text' data-field-top-value="554" data-field-left-value="738" data-field-height-value="22" data-field-width-value="244" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autowidth" data-field-fontsize-value="14" data-field-top-res-320-value="779" data-field-left-res-320-value="38" data-field-width-res-320-value="174" data-field-textfit-res-320-value="autowidth" data-field-fontsize-res-320-value="10" data-field-top-res-640-value="864" data-field-left-res-640-value="42" data-field-top-res-960-value="481" data-field-left-res-960-value="600" data-field-height-res-960-value="44" data-field-heightunits-res-960-value="px" data-field-textfit-res-960-value="autoheight"> <div class='tn-atom'field='tn_text_176046701980864970'>Работа студента Алексея Тарасенко</div> </div> </div> </div> </div> </section> </div> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1431326151');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1431326151');});});</script> <!-- /T396 --> </div> <div id="rec1431423111" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1431423111 .t396__artboard {height:112px;background-color:#17171b;}#rec1431423111 .t396__filter {height:112px;}#rec1431423111 .t396__carrier{height:112px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1431423111 .t396__artboard,#rec1431423111 .t396__filter,#rec1431423111 .t396__carrier {height:96px;}#rec1431423111 .t396__filter {}#rec1431423111 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1431423111 .t396__artboard,#rec1431423111 .t396__filter,#rec1431423111 .t396__carrier {}#rec1431423111 .t396__filter {}#rec1431423111 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1431423111 .t396__artboard,#rec1431423111 .t396__filter,#rec1431423111 .t396__carrier {height:64px;}#rec1431423111 .t396__filter {}#rec1431423111 .t396__carrier {background-attachment:scroll;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1431423111" data-artboard-screens="320,640,960,1200" data-artboard-height="112" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="64" data-artboard-upscale-res-320="window" data-artboard-height-res-960="96"> <div class="t396__carrier" data-artboard-recid="1431423111"></div> <div class="t396__filter" data-artboard-recid="1431423111"></div> </div> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1431423111');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1431423111');});});</script> <!-- /T396 --> </div> <a name="about-profession" style="font-size:0;"></a> <div id="rec1431423201" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1431423201 .t396__artboard {height:510px;background-color:#17171b;overflow:visible;}#rec1431423201 .t396__filter {height:510px;}#rec1431423201 .t396__carrier{height:510px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1431423201 .t396__artboard,#rec1431423201 .t396__filter,#rec1431423201 .t396__carrier {height:474px;}#rec1431423201 .t396__filter {}#rec1431423201 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1431423201 .t396__artboard,#rec1431423201 .t396__filter,#rec1431423201 .t396__carrier {height:747px;}#rec1431423201 .t396__filter {}#rec1431423201 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1431423201 .t396__artboard,#rec1431423201 .t396__filter,#rec1431423201 .t396__carrier {height:504px;}#rec1431423201 .t396__filter {}#rec1431423201 .t396__carrier {background-attachment:scroll;}}#rec1431423201 .tn-elem[data-elem-id="1677065593023"]{color:#ffffff;z-index:3;top:0px;;left:calc(50% - 600px + 20px);;width:336px;height:auto;}#rec1431423201 .tn-elem[data-elem-id="1677065593023"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:48px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:500;text-transform:uppercase;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;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){#rec1431423201 .tn-elem[data-elem-id="1677065593023"]{display:table;left:calc(50% - 480px + 10px);;width:308px;height:auto;}#rec1431423201 .tn-elem[data-elem-id="1677065593023"] .tn-atom{font-size:44px;background-size:cover;}}@media screen and (max-width:959px){#rec1431423201 .tn-elem[data-elem-id="1677065593023"]{display:table;width:286px;height:auto;}#rec1431423201 .tn-elem[data-elem-id="1677065593023"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px){#rec1431423201 .tn-elem[data-elem-id="1677065593023"]{display:table;left:calc(50% - 160px + 10px);;width:170px;height:auto;}#rec1431423201 .tn-elem[data-elem-id="1677065593023"] .tn-atom{font-size:24px;background-size:cover;}}#rec1431423201 .tn-elem[data-elem-id="1695727229510"]{z-index:3;top:88px;;left:calc(50% - 600px + 20px);;width:474px;height:422px;}#rec1431423201 .tn-elem[data-elem-id="1695727229510"] .tn-atom{border-radius:24px 24px 24px 24px;background-color:#23232a;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431423201 .tn-elem[data-elem-id="1695727229510"]{display:table;top:84px;;left:calc(50% - 480px + 10px);;width:386px;height:390px;}}@media screen and (max-width:959px){#rec1431423201 .tn-elem[data-elem-id="1695727229510"]{display:table;top:72px;;width:620px;height:277px;}}@media screen and (max-width:639px){#rec1431423201 .tn-elem[data-elem-id="1695727229510"]{display:table;top:48px;;width:300px;height:218px;border-radius:16px 16px 16px 16px;}#rec1431423201 .tn-elem[data-elem-id="1695727229510"] .tn-atom{background-size:cover;border-radius:16px 16px 16px 16px;}}#rec1431423201 .tn-elem[data-elem-id="1700595136613"]{color:#ffffff;z-index:3;top:112px;;left:calc(50% - 600px + 44px);;width:130px;height:auto;}#rec1431423201 .tn-elem[data-elem-id="1700595136613"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:600;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;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){#rec1431423201 .tn-elem[data-elem-id="1700595136613"]{display:table;top:108px;;left:calc(50% - 480px + 34px);;width:130px;height:auto;}}@media screen and (max-width:959px){#rec1431423201 .tn-elem[data-elem-id="1700595136613"]{display:table;top:96px;;width:118px;height:auto;}#rec1431423201 .tn-elem[data-elem-id="1700595136613"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec1431423201 .tn-elem[data-elem-id="1700595136613"]{display:table;top:64px;;left:calc(50% - 160px + 26px);;width:108px;height:auto;}#rec1431423201 .tn-elem[data-elem-id="1700595136613"] .tn-atom{font-size:20px;background-size:cover;}}#rec1431423201 .tn-elem[data-elem-id="1700595260463"]{color:#ffffff;z-index:3;top:200px;;left:calc(50% - 600px + 44px);;width:426px;height:286px;}#rec1431423201 .tn-elem[data-elem-id="1700595260463"] .tn-atom{vertical-align:bottom;color:#ffffff;font-size:18px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;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;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){#rec1431423201 .tn-elem[data-elem-id="1700595260463"]{display:table;top:160px;;left:calc(50% - 480px + 34px);;width:338px;height:auto;}}@media screen and (max-width:959px){#rec1431423201 .tn-elem[data-elem-id="1700595260463"]{display:table;top:163px;;width:572px;height:162px;}#rec1431423201 .tn-elem[data-elem-id="1700595260463"] .tn-atom{vertical-align:bottom;white-space:normal;background-size:cover;}}@media screen and (max-width:639px){#rec1431423201 .tn-elem[data-elem-id="1700595260463"]{display:table;top:98px;;left:calc(50% - 160px + 26px);;width:268px;height:auto;}#rec1431423201 .tn-elem[data-elem-id="1700595260463"] .tn-atom{font-size:12px;background-size:cover;}}#rec1431423201 .tn-elem[data-elem-id="1760469369787"]{z-index:3;top:88px;;left:calc(50% - 600px + 510px);;width:670px;height:422px;}#rec1431423201 .tn-elem[data-elem-id="1760469369787"] .tn-atom{border-radius:24px 24px 24px 24px;background-position:center center;background-size:cover;background-repeat:no-repeat;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431423201 .tn-elem[data-elem-id="1760469369787"]{display:table;top:84px;;left:calc(50% - 480px + 404px);;width:546px;height:390px;}}@media screen and (max-width:959px){#rec1431423201 .tn-elem[data-elem-id="1760469369787"]{display:table;top:357px;;left:calc(50% - 320px + 10px);;width:620px;}}@media screen and (max-width:639px){#rec1431423201 .tn-elem[data-elem-id="1760469369787"]{display:table;top:274px;;width:300px;height:230px;border-radius:16px 16px 16px 16px;}#rec1431423201 .tn-elem[data-elem-id="1760469369787"] .tn-atom{background-size:cover;border-radius:16px 16px 16px 16px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1431423201" data-artboard-screens="320,640,960,1200" data-artboard-height="510" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-ovrflw="visible" data-artboard-heightmode="hug" data-artboard-height-res-320="504" data-artboard-upscale-res-320="window" data-artboard-height-res-640="747" data-artboard-height-res-960="474"> <div class="t396__carrier" data-artboard-recid="1431423201"></div> <div class="t396__filter" data-artboard-recid="1431423201"></div> <div class='t396__elem tn-elem tn-elem__14314232011677065593023' data-elem-id='1677065593023' data-elem-type='text' data-field-top-value="0" data-field-left-value="20" data-field-height-value="96" data-field-width-value="336" 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="48" data-field-left-res-320-value="10" data-field-width-res-320-value="170" data-field-fontsize-res-320-value="24" data-field-width-res-640-value="286" data-field-fontsize-res-640-value="40" data-field-left-res-960-value="10" data-field-width-res-960-value="308" data-field-fontsize-res-960-value="44"> <h2 class='tn-atom'field='tn_text_1677065593023'>Дизайн уровней</h2> </div> <div class='t396__elem tn-elem tn-elem__14314232011695727229510' data-elem-id='1695727229510' data-elem-type='shape' data-field-top-value="88" data-field-left-value="20" data-field-height-value="422" data-field-width-value="474" 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-heightmode-value="fixed" data-field-top-res-320-value="48" data-field-height-res-320-value="218" data-field-width-res-320-value="300" data-field-heightmode-res-320-value="fixed" data-field-top-res-640-value="72" data-field-height-res-640-value="277" data-field-width-res-640-value="620" data-field-top-res-960-value="84" data-field-left-res-960-value="10" data-field-height-res-960-value="390" data-field-width-res-960-value="386" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__14314232011700595136613' data-elem-id='1700595136613' data-elem-type='text' data-field-top-value="112" data-field-left-value="44" data-field-height-value="36" data-field-width-value="130" 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="28" data-field-top-res-320-value="64" data-field-left-res-320-value="26" data-field-width-res-320-value="108" data-field-fontsize-res-320-value="20" data-field-top-res-640-value="96" data-field-width-res-640-value="118" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="108" data-field-left-res-960-value="34" data-field-width-res-960-value="130"> <div class='tn-atom'field='tn_text_1700595136613'>О курсе</div> </div> <div class='t396__elem tn-elem tn-elem__14314232011700595260463' data-elem-id='1700595260463' data-elem-type='text' data-field-top-value="200" data-field-left-value="44" data-field-height-value="286" data-field-width-value="426" 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="18" data-field-top-res-320-value="98" data-field-left-res-320-value="26" data-field-height-res-320-value="152" data-field-width-res-320-value="268" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="163" data-field-height-res-640-value="162" data-field-width-res-640-value="572" data-field-heightunits-res-640-value="px" data-field-textfit-res-640-value="fixedsize" data-field-top-res-960-value="160" data-field-left-res-960-value="34" data-field-height-res-960-value="290" data-field-width-res-960-value="338"> <div class='tn-atom'field='tn_text_1700595260463'>Левел-дизайн — это проектирование игровых пространств, уровней и локаций. Без левел-дизайнера не обходится ни одна игра, в которой можно перемещаться: он отвечает за то, куда игрок может пойти и какие эмоции он при этом испытает.</div> </div> <div class='t396__elem tn-elem tn-elem__14314232011760469369787' data-elem-id='1760469369787' data-elem-type='shape' data-field-top-value="88" data-field-left-value="510" data-field-height-value="422" data-field-width-value="670" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-top-res-320-value="274" data-field-height-res-320-value="230" data-field-width-res-320-value="300" data-field-widthmode-res-320-value="fixed" data-field-top-res-640-value="357" data-field-left-res-640-value="10" data-field-width-res-640-value="620" data-field-widthmode-res-640-value="fixed" data-field-top-res-960-value="84" data-field-left-res-960-value="404" data-field-height-res-960-value="390" data-field-width-res-960-value="546" data-field-widthmode-res-960-value="fixed" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3365-3536-4932-b832-613764343339/_2_1.jpg"
aria-label='' role="img"> </div> </div> </div> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1431423201');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1431423201');});});</script> <!-- /T396 --> </div> <div id="rec1431473891" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1431473891 .t396__artboard {height:112px;background-color:#17171b;}#rec1431473891 .t396__filter {height:112px;}#rec1431473891 .t396__carrier{height:112px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1431473891 .t396__artboard,#rec1431473891 .t396__filter,#rec1431473891 .t396__carrier {height:96px;}#rec1431473891 .t396__filter {}#rec1431473891 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1431473891 .t396__artboard,#rec1431473891 .t396__filter,#rec1431473891 .t396__carrier {}#rec1431473891 .t396__filter {}#rec1431473891 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1431473891 .t396__artboard,#rec1431473891 .t396__filter,#rec1431473891 .t396__carrier {height:64px;}#rec1431473891 .t396__filter {}#rec1431473891 .t396__carrier {background-attachment:scroll;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1431473891" data-artboard-screens="320,640,960,1200" data-artboard-height="112" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="64" data-artboard-upscale-res-320="window" data-artboard-height-res-960="96"> <div class="t396__carrier" data-artboard-recid="1431473891"></div> <div class="t396__filter" data-artboard-recid="1431473891"></div> </div> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1431473891');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1431473891');});});</script> <!-- /T396 --> </div> <div id="rec1431473981" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1431473981 .t396__artboard {height:546px;background-color:#17171b;}#rec1431473981 .t396__filter {height:546px;}#rec1431473981 .t396__carrier{height:546px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1431473981 .t396__artboard,#rec1431473981 .t396__filter,#rec1431473981 .t396__carrier {height:600px;}#rec1431473981 .t396__filter {}#rec1431473981 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1431473981 .t396__artboard,#rec1431473981 .t396__filter,#rec1431473981 .t396__carrier {height:916px;}#rec1431473981 .t396__filter {}#rec1431473981 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1431473981 .t396__artboard,#rec1431473981 .t396__filter,#rec1431473981 .t396__carrier {height:709px;}#rec1431473981 .t396__filter {}#rec1431473981 .t396__carrier {background-attachment:scroll;}}#rec1431473981 .tn-elem[data-elem-id="1677065593023"]{color:#ffffff;z-index:3;top:0px;;left:calc(50% - 600px + 20px);;width:424px;height:auto;}#rec1431473981 .tn-elem[data-elem-id="1677065593023"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:48px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:500;text-transform:uppercase;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;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){#rec1431473981 .tn-elem[data-elem-id="1677065593023"]{display:table;left:calc(50% - 480px + 10px);;width:386px;height:auto;}#rec1431473981 .tn-elem[data-elem-id="1677065593023"] .tn-atom{font-size:44px;background-size:cover;}}@media screen and (max-width:959px){#rec1431473981 .tn-elem[data-elem-id="1677065593023"]{display:table;width:350px;height:auto;}#rec1431473981 .tn-elem[data-elem-id="1677065593023"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px){#rec1431473981 .tn-elem[data-elem-id="1677065593023"]{display:table;width:214px;height:auto;}#rec1431473981 .tn-elem[data-elem-id="1677065593023"] .tn-atom{font-size:24px;background-size:cover;}}#rec1431473981 .tn-group[data-group-id="174896104254988060"] {z-index:3;position:absolute;top:88px;left:calc(50% - 600px + 20px);width:1160px;height:458px;flex-grow:;flex-shrink:;flex-basis:;}#rec1431473981 .tn-group[data-group-id="174896104254988060"] #molecule-174896104254988060 {width:100%;height:100%;position:relative;display:flex;overflow:visible visible;flex-wrap:wrap;column-gap:16px;row-gap:16px;align-items:flex-start;justify-content:flex-start;align-content:flex-start;padding:0px 0px 0px 0px ;border-color:transparent ;border-style:solid ;box-sizing:border-box;border-radius:0px;opacity:1;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px) {#rec1431473981 .tn-group[data-group-id="174896104254988060"] {display:flex;top:84px;left:calc(50% - 480px + 10px);width:940px;height:516px;}#rec1431473981 .tn-group[data-group-id="174896104254988060"] #molecule-174896104254988060 {display:flex;}}@media screen and (max-width:959px) {#rec1431473981 .tn-group[data-group-id="174896104254988060"] {display:flex;top:72px;width:620px;height:844px;}#rec1431473981 .tn-group[data-group-id="174896104254988060"] #molecule-174896104254988060 {display:flex;column-gap:8px;row-gap:8px;}}@media screen and (max-width:639px) {#rec1431473981 .tn-group[data-group-id="174896104254988060"] {display:flex;top:48px;width:300px;height:661px;}#rec1431473981 .tn-group[data-group-id="174896104254988060"] #molecule-174896104254988060 {display:flex;}}#rec1431473981 .tn-group[data-group-id="174896073428886850"] {z-index:3;position:absolute;top:237px;left:588px;width:572px;height:auto;flex-shrink:0;flex-grow:;flex-shrink:;flex-basis:;margin:0 0 0 0;}#rec1431473981 .tn-group[data-group-id="174896073428886850"] #molecule-174896073428886850 {width:100%;height:100%;position:relative;display:flex;overflow:visible visible;flex-direction:column;row-gap:40px;align-items:flex-start;justify-content:space-between;align-content:flex-start;padding:32px 32px 32px 32px;border-color:transparent ;border-style:solid ;box-sizing:border-box;border-radius:24px 24px 24px 24px;opacity:1;background-color:#23232a;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px) {#rec1431473981 .tn-group[data-group-id="174896073428886850"] {display:flex;top:266px;left:478px;width:462px;height:250px;flex-shrink:0;order:;align-self:auto;}#rec1431473981 .tn-group[data-group-id="174896073428886850"] #molecule-174896073428886850 {display:flex;}}@media screen and (max-width:959px) {#rec1431473981 .tn-group[data-group-id="174896073428886850"] {display:flex;top:639px;width:100%;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1431473981 .tn-group[data-group-id="174896073428886850"] #molecule-174896073428886850 {display:flex;padding:24px 24px 24px 24px;}}@media screen and (max-width:639px) {#rec1431473981 .tn-group[data-group-id="174896073428886850"] {display:flex;top:516px;width:100%;height:auto;flex-shrink:0;order:;align-self:auto;border-radius:16px 16px 16px 16px;}#rec1431473981 .tn-group[data-group-id="174896073428886850"] #molecule-174896073428886850 {display:flex;row-gap:24px;padding:16px 16px 24px 16px;border-radius:16px 16px 16px 16px;}}#rec1431473981 .tn-elem[data-elem-id="1748960734330"]{color:#ffffff;z-index:3;top:102px;left:32px;width:100%;flex-shrink:0;height:auto;margin:0 0 0 0;}#rec1431473981 .tn-elem[data-elem-id="1748960734330"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:18px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;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;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){#rec1431473981 .tn-elem[data-elem-id="1748960734330"]{display:table;top:131px;left:32px;width:100%;height:auto;flex-shrink:0;}}@media screen and (max-width:959px){#rec1431473981 .tn-elem[data-elem-id="1748960734330"]{display:table;top:94px;left:24px;width:100%;height:auto;flex-shrink:0;}}@media screen and (max-width:639px){#rec1431473981 .tn-elem[data-elem-id="1748960734330"]{display:table;top:64px;width:100%;height:auto;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734330"] .tn-atom{font-size:12px;background-size:cover;}}#rec1431473981 .tn-elem[data-elem-id="1748960734289"]{color:#ffffff;text-align:center;z-index:3;top:32px;left:32px;width:30px;flex-shrink:0;height:30px;margin:0 0 0 0;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.4;font-weight:400;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:#4f4f55;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431473981 .tn-elem[data-elem-id="1748960734289"]{display:block;top:32px;left:32px;width:30px;height:30px;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431473981 .tn-elem[data-elem-id="1748960734289"]{display:block;top:24px;left:24px;width:30px;height:30px;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431473981 .tn-elem[data-elem-id="1748960734289"]{display:block;top:16px;width:24px;height:24px;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom{white-space:normal;font-size:12px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734289"] .tn-atom:hover{animation-name:none;}}}#rec1431473981 .tn-group[data-group-id="174896073436810430"] {z-index:3;position:absolute;top:237px;left:0px;width:572px;height:auto;flex-shrink:0;flex-grow:;flex-shrink:;flex-basis:;margin:0 0 0 0;}#rec1431473981 .tn-group[data-group-id="174896073436810430"] #molecule-174896073436810430 {width:100%;height:100%;position:relative;display:flex;overflow:visible visible;flex-direction:column;row-gap:40px;align-items:flex-start;justify-content:space-between;align-content:flex-start;padding:32px 32px 32px 32px;border-color:transparent ;border-style:solid ;box-sizing:border-box;border-radius:24px 24px 24px 24px;opacity:1;background-color:#23232a;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px) {#rec1431473981 .tn-group[data-group-id="174896073436810430"] {display:flex;top:266px;left:0px;width:462px;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1431473981 .tn-group[data-group-id="174896073436810430"] #molecule-174896073436810430 {display:flex;}}@media screen and (max-width:959px) {#rec1431473981 .tn-group[data-group-id="174896073436810430"] {display:flex;top:426px;width:100%;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1431473981 .tn-group[data-group-id="174896073436810430"] #molecule-174896073436810430 {display:flex;padding:24px 24px 24px 24px;}}@media screen and (max-width:639px) {#rec1431473981 .tn-group[data-group-id="174896073436810430"] {display:flex;top:344px;width:100%;height:auto;flex-shrink:0;order:;align-self:auto;border-radius:16px 16px 16px 16px;}#rec1431473981 .tn-group[data-group-id="174896073436810430"] #molecule-174896073436810430 {display:flex;row-gap:24px;padding:16px 16px 24px 16px;border-radius:16px 16px 16px 16px;}}#rec1431473981 .tn-elem[data-elem-id="1748960734402"]{color:#ffffff;z-index:3;top:102px;left:32px;width:100%;flex-shrink:0;height:auto;margin:0 0 0 0;}#rec1431473981 .tn-elem[data-elem-id="1748960734402"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:18px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;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;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){#rec1431473981 .tn-elem[data-elem-id="1748960734402"]{display:table;top:102px;left:32px;width:100%;height:auto;flex-shrink:0;}}@media screen and (max-width:959px){#rec1431473981 .tn-elem[data-elem-id="1748960734402"]{display:table;top:94px;width:100%;height:auto;flex-shrink:0;}}@media screen and (max-width:639px){#rec1431473981 .tn-elem[data-elem-id="1748960734402"]{display:table;top:64px;width:100%;height:auto;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734402"] .tn-atom{font-size:12px;background-size:cover;}}#rec1431473981 .tn-elem[data-elem-id="1748960734368"]{color:#ffffff;text-align:center;z-index:3;top:32px;left:32px;width:30px;flex-shrink:0;height:30px;margin:0 0 0 0;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.4;font-weight:400;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:#4f4f55;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431473981 .tn-elem[data-elem-id="1748960734368"]{display:block;top:32px;left:32px;width:30px;height:30px;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431473981 .tn-elem[data-elem-id="1748960734368"]{display:block;top:24px;width:30px;height:30px;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431473981 .tn-elem[data-elem-id="1748960734368"]{display:block;top:16px;width:24px;height:24px;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom{white-space:normal;font-size:12px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960734368"] .tn-atom:hover{animation-name:none;}}}#rec1431473981 .tn-group[data-group-id="174896063454899500"] {z-index:3;position:absolute;top:0px;left:588px;width:572px;height:auto;flex-shrink:0;flex-grow:;flex-shrink:;flex-basis:;margin:0 0 0 0;}#rec1431473981 .tn-group[data-group-id="174896063454899500"] #molecule-174896063454899500 {width:100%;height:100%;position:relative;display:flex;overflow:visible visible;flex-direction:column;row-gap:40px;align-items:flex-start;justify-content:space-between;align-content:flex-start;padding:32px 32px 32px 32px;border-color:transparent ;border-style:solid ;box-sizing:border-box;border-radius:24px 24px 24px 24px;opacity:1;background-color:#23232a;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px) {#rec1431473981 .tn-group[data-group-id="174896063454899500"] {display:flex;top:0px;left:478px;width:462px;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1431473981 .tn-group[data-group-id="174896063454899500"] #molecule-174896063454899500 {display:flex;}}@media screen and (max-width:959px) {#rec1431473981 .tn-group[data-group-id="174896063454899500"] {display:flex;top:213px;width:100%;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1431473981 .tn-group[data-group-id="174896063454899500"] #molecule-174896063454899500 {display:flex;padding:24px 24px 24px 24px;}}@media screen and (max-width:639px) {#rec1431473981 .tn-group[data-group-id="174896063454899500"] {display:flex;top:172px;width:100%;height:auto;flex-shrink:0;order:;align-self:auto;border-radius:16px 16px 16px 16px;}#rec1431473981 .tn-group[data-group-id="174896063454899500"] #molecule-174896063454899500 {display:flex;row-gap:24px;padding:16px 16px 24px 16px;border-radius:16px 16px 16px 16px;}}#rec1431473981 .tn-elem[data-elem-id="1677066505733"]{color:#ffffff;z-index:3;top:102px;left:32px;width:100%;flex-shrink:0;height:auto;margin:0 0 0 0;}#rec1431473981 .tn-elem[data-elem-id="1677066505733"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:18px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;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;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){#rec1431473981 .tn-elem[data-elem-id="1677066505733"]{display:table;top:102px;left:32px;width:100%;height:auto;flex-shrink:0;}}@media screen and (max-width:959px){#rec1431473981 .tn-elem[data-elem-id="1677066505733"]{display:table;top:94px;left:24px;width:100%;height:auto;flex-shrink:0;}}@media screen and (max-width:639px){#rec1431473981 .tn-elem[data-elem-id="1677066505733"]{display:table;top:64px;width:100%;height:auto;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1677066505733"] .tn-atom{font-size:12px;background-size:cover;}}#rec1431473981 .tn-elem[data-elem-id="1748960597343"]{color:#ffffff;text-align:center;z-index:3;top:32px;left:32px;width:30px;flex-shrink:0;height:30px;margin:0 0 0 0;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.4;font-weight:400;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:#4f4f55;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431473981 .tn-elem[data-elem-id="1748960597343"]{display:block;top:32px;left:32px;width:30px;height:30px;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431473981 .tn-elem[data-elem-id="1748960597343"]{display:block;top:24px;left:24px;width:30px;height:30px;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431473981 .tn-elem[data-elem-id="1748960597343"]{display:block;top:16px;width:24px;height:24px;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom{white-space:normal;font-size:12px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960597343"] .tn-atom:hover{animation-name:none;}}}#rec1431473981 .tn-group[data-group-id="174896046214069010"] {z-index:3;position:absolute;top:0px;left:0px;width:572px;height:auto;flex-shrink:0;flex-grow:;flex-shrink:;flex-basis:;margin:0 0 0 0;}#rec1431473981 .tn-group[data-group-id="174896046214069010"] #molecule-174896046214069010 {width:100%;height:100%;position:relative;display:flex;overflow:visible visible;flex-direction:column;row-gap:40px;align-items:flex-start;justify-content:flex-start;align-content:flex-start;padding:32px 32px 32px 32px;border-color:transparent ;border-style:solid ;box-sizing:border-box;border-radius:24px 24px 24px 24px;opacity:1;background-color:#23232a;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px) {#rec1431473981 .tn-group[data-group-id="174896046214069010"] {display:flex;top:0px;left:0px;width:462px;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1431473981 .tn-group[data-group-id="174896046214069010"] #molecule-174896046214069010 {display:flex;}}@media screen and (max-width:959px) {#rec1431473981 .tn-group[data-group-id="174896046214069010"] {display:flex;top:0px;width:100%;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1431473981 .tn-group[data-group-id="174896046214069010"] #molecule-174896046214069010 {display:flex;padding:24px 24px 24px 24px;}}@media screen and (max-width:639px) {#rec1431473981 .tn-group[data-group-id="174896046214069010"] {display:flex;top:0px;width:100%;height:auto;flex-shrink:0;order:;align-self:auto;border-radius:16px 16px 16px 16px;}#rec1431473981 .tn-group[data-group-id="174896046214069010"] #molecule-174896046214069010 {display:flex;row-gap:24px;padding:16px 16px 24px 16px;border-radius:16px 16px 16px 16px;}}#rec1431473981 .tn-elem[data-elem-id="1677066203668"]{color:#ffffff;z-index:3;top:102px;left:32px;width:100%;flex-shrink:0;height:auto;margin:0 0 0 0;}#rec1431473981 .tn-elem[data-elem-id="1677066203668"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:18px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;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;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){#rec1431473981 .tn-elem[data-elem-id="1677066203668"]{display:table;top:102px;left:32px;width:100%;height:auto;flex-shrink:0;}}@media screen and (max-width:959px){#rec1431473981 .tn-elem[data-elem-id="1677066203668"]{display:table;top:94px;width:100%;height:auto;flex-shrink:0;}}@media screen and (max-width:639px){#rec1431473981 .tn-elem[data-elem-id="1677066203668"]{display:table;top:64px;width:100%;height:auto;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1677066203668"] .tn-atom{font-size:12px;background-size:cover;}}#rec1431473981 .tn-elem[data-elem-id="1748960355878"]{color:#ffffff;text-align:center;z-index:3;top:32px;left:32px;width:30px;flex-shrink:0;height:30px;margin:0 0 0 0;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.4;font-weight:400;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:#4f4f55;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431473981 .tn-elem[data-elem-id="1748960355878"]{display:block;top:32px;left:32px;width:30px;height:30px;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431473981 .tn-elem[data-elem-id="1748960355878"]{display:block;top:24px;width:30px;height:30px;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431473981 .tn-elem[data-elem-id="1748960355878"]{display:block;top:16px;width:24px;height:24px;flex-shrink:0;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom{white-space:normal;font-size:12px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom::after{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom:hover::after{opacity:0;}#rec1431473981 .tn-elem[data-elem-id="1748960355878"] .tn-atom:hover{animation-name:none;}}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1431473981" data-artboard-screens="320,640,960,1200" data-artboard-height="546" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-heightmode="hug" data-artboard-height-res-320="709" data-artboard-upscale-res-320="window" data-artboard-height-res-640="916" data-artboard-height-res-960="600"> <div class="t396__carrier" data-artboard-recid="1431473981"></div> <div class="t396__filter" data-artboard-recid="1431473981"></div> <div class='t396__elem tn-elem tn-elem__14314739811677065593023' data-elem-id='1677065593023' data-elem-type='text' data-field-top-value="0" data-field-left-value="20" data-field-height-value="120" data-field-width-value="424" 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="48" data-field-width-res-320-value="214" data-field-fontsize-res-320-value="24" data-field-width-res-640-value="350" data-field-fontsize-res-640-value="40" data-field-left-res-960-value="10" data-field-width-res-960-value="386" data-field-fontsize-res-960-value="44"> <h2 class='tn-atom'field='tn_text_1677065593023'>Чему ты научишься</h2> </div> <div
class="t396__group tn-group tn-group__1431473981174896104254988060 t396__group-flex " data-fields="top,left,container" data-group-id="174896104254988060" data-group-type-value="physical" data-group-top-value="88" data-group-left-value="20" data-group-padding="0 0 0 0" data-group-flex="auto" data-group-flexdirection="wrap" data-group-flexalignitems="flex-start" data-group-widthmode="fixed" data-group-heightmode="hug" data-group-container-value="grid" data-group-height-value="458" data-group-width-value="1160" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-top-res-320-value="48" data-group-height-res-320-value="661" data-group-width-res-320-value="300" data-group-widthmode-res-320="fixed" data-group-top-res-640-value="72" data-group-height-res-640-value="844" data-group-width-res-640-value="620" data-group-widthmode-res-640="fixed" data-group-top-res-960-value="84" data-group-left-res-960-value="10" data-group-height-res-960-value="516" data-group-width-res-960-value="940" data-group-widthmode-res-960="fixed" data-group-heightmode-res-960="hug"> <div
class="tn-molecule"
id="molecule-174896104254988060"> <div
class="t396__group tn-group t396__elem-flex tn-group__1431473981174896046214069010 t396__group-flex " data-fields="top,left,container" data-group-id="174896046214069010" data-group-type-value="physical" data-group-top-value="88" data-group-left-value="20" data-group-padding="32px 32px 32px 32px" data-group-flex="auto" data-group-flexdirection="column" data-group-flexalignitems="flex-start" data-group-widthmode="fixed" data-group-heightmode="hug" data-group-container-value="grid" data-group-height-value="221" data-group-width-value="572" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-top-res-320-value="48" data-group-height-res-320-value="164" data-group-width-res-320-value="300" data-group-top-res-640-value="72" data-group-height-res-640-value="205" data-group-width-res-640-value="620" data-group-widthmode-res-640="fill" data-group-top-res-960-value="84" data-group-left-res-960-value="10" data-group-height-res-960-value="250" data-group-width-res-960-value="462" data-group-widthmode-res-960="fixed"> <div
class="tn-molecule"
id="molecule-174896046214069010"> <div class='t396__elem tn-elem t396__elem-flex tn-elem__14314739811748960355878' data-elem-id='1748960355878' data-elem-type='button' data-field-top-value="120" data-field-left-value="52" data-field-height-value="30" data-field-width-value="30" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="16" data-field-top-res-320-value="64" data-field-left-res-320-value="26" data-field-height-res-320-value="24" data-field-width-res-320-value="24" data-field-widthmode-res-320-value="fixed" data-field-heightmode-res-320-value="fixed" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="96" data-field-left-res-640-value="34" data-field-height-res-640-value="30" data-field-width-res-640-value="30" data-field-top-res-960-value="116" data-field-left-res-960-value="42" data-field-height-res-960-value="30" data-field-width-res-960-value="30"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">1</span> </div> <span class="tn-atom__button-border"></span> </div> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__14314739811677066203668' data-elem-id='1677066203668' data-elem-type='text' data-field-top-value="190" data-field-left-value="52" data-field-height-value="87" data-field-width-value="508" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fill" data-field-fontsize-value="18" data-field-top-res-320-value="112" data-field-left-res-320-value="26" data-field-height-res-320-value="114" data-field-width-res-320-value="268" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="166" data-field-left-res-640-value="34" data-field-height-res-640-value="87" data-field-width-res-640-value="572" data-field-top-res-960-value="186" data-field-left-res-960-value="42" data-field-height-res-960-value="116" data-field-width-res-960-value="398"> <div class='tn-atom'field='tn_text_1677066203668'>Создавать прототипы уровней: соберёшь рабочий прототип стелс-шутера от третьего лица, который можно будет показать в портфолио на ArtStation или Itch.</div> </div> </div> </div> <div
class="t396__group tn-group t396__elem-flex tn-group__1431473981174896063454899500 t396__group-flex " data-fields="top,left,container" data-group-id="174896063454899500" data-group-type-value="physical" data-group-top-value="88" data-group-left-value="608" data-group-padding="32px 32px 32px 32px" data-group-flex="auto" data-group-flexdirection="column" data-group-flexalignitems="flex-start" data-group-widthmode="fixed" data-group-heightmode="hug" data-group-container-value="grid" data-group-height-value="221" data-group-width-value="572" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-top-res-320-value="220" data-group-height-res-320-value="164" data-group-width-res-320-value="300" data-group-top-res-640-value="285" data-group-left-res-640-value="10" data-group-height-res-640-value="205" data-group-width-res-640-value="620" data-group-widthmode-res-640="fill" data-group-heightmode-res-640="hug" data-group-top-res-960-value="84" data-group-left-res-960-value="488" data-group-height-res-960-value="250" data-group-width-res-960-value="462" data-group-widthmode-res-960="fixed" data-group-heightmode-res-960="hug"> <div
class="tn-molecule"
id="molecule-174896063454899500"> <div class='t396__elem tn-elem t396__elem-flex tn-elem__14314739811748960597343' data-elem-id='1748960597343' data-elem-type='button' data-field-top-value="120" data-field-left-value="640" data-field-height-value="30" data-field-width-value="30" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="16" data-field-top-res-320-value="236" data-field-left-res-320-value="26" data-field-height-res-320-value="24" data-field-width-res-320-value="24" data-field-widthmode-res-320-value="fixed" data-field-heightmode-res-320-value="fixed" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="309" data-field-left-res-640-value="34" data-field-height-res-640-value="30" data-field-width-res-640-value="30" data-field-top-res-960-value="116" data-field-left-res-960-value="520" data-field-height-res-960-value="30" data-field-width-res-960-value="30"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">2</span> </div> <span class="tn-atom__button-border"></span> </div> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__14314739811677066505733' data-elem-id='1677066505733' data-elem-type='text' data-field-top-value="190" data-field-left-value="640" data-field-height-value="87" data-field-width-value="508" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fill" data-field-fontsize-value="18" data-field-top-res-320-value="284" data-field-left-res-320-value="26" data-field-height-res-320-value="57" data-field-width-res-320-value="268" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="379" data-field-left-res-640-value="34" data-field-height-res-640-value="58" data-field-width-res-640-value="572" data-field-top-res-960-value="186" data-field-left-res-960-value="520" data-field-height-res-960-value="116" data-field-width-res-960-value="398"> <div class='tn-atom'field='tn_text_1677066505733'>Применять принципы левел-дизайна: проектировать захватывающие и понятные уровни для любых жанров, продумывая логику и маршруты игрока.</div> </div> </div> </div> <div
class="t396__group tn-group t396__elem-flex tn-group__1431473981174896073436810430 t396__group-flex " data-fields="top,left,container" data-group-id="174896073436810430" data-group-type-value="physical" data-group-top-value="325" data-group-left-value="20" data-group-padding="32px 32px 32px 32px" data-group-flex="auto" data-group-flexdirection="column" data-group-flexalignitems="flex-start" data-group-widthmode="fixed" data-group-heightmode="hug" data-group-container-value="grid" data-group-height-value="221" data-group-width-value="572" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-top-res-320-value="392" data-group-height-res-320-value="164" data-group-width-res-320-value="300" data-group-top-res-640-value="498" data-group-height-res-640-value="205" data-group-width-res-640-value="620" data-group-widthmode-res-640="fill" data-group-heightmode-res-640="hug" data-group-top-res-960-value="350" data-group-left-res-960-value="10" data-group-height-res-960-value="250" data-group-width-res-960-value="462" data-group-widthmode-res-960="fixed"> <div
class="tn-molecule"
id="molecule-174896073436810430"> <div class='t396__elem tn-elem t396__elem-flex tn-elem__14314739811748960734368' data-elem-id='1748960734368' data-elem-type='button' data-field-top-value="357" data-field-left-value="52" data-field-height-value="30" data-field-width-value="30" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="16" data-field-top-res-320-value="408" data-field-left-res-320-value="26" data-field-height-res-320-value="24" data-field-width-res-320-value="24" data-field-widthmode-res-320-value="fixed" data-field-heightmode-res-320-value="fixed" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="522" data-field-left-res-640-value="34" data-field-height-res-640-value="30" data-field-width-res-640-value="30" data-field-top-res-960-value="382" data-field-left-res-960-value="42" data-field-height-res-960-value="30" data-field-width-res-960-value="30"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">3</span> </div> <span class="tn-atom__button-border"></span> </div> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__14314739811748960734402' data-elem-id='1748960734402' data-elem-type='text' data-field-top-value="427" data-field-left-value="52" data-field-height-value="87" data-field-width-value="508" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fill" data-field-fontsize-value="18" data-field-top-res-320-value="456" data-field-left-res-320-value="26" data-field-height-res-320-value="57" data-field-width-res-320-value="268" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="592" data-field-left-res-640-value="34" data-field-height-res-640-value="58" data-field-width-res-640-value="572" data-field-top-res-960-value="452" data-field-left-res-960-value="42" data-field-height-res-960-value="116" data-field-width-res-960-value="398"> <div class='tn-atom'field='tn_text_1748960734402'>Работать в студийном формате: создавать карты для игровых проектов, фрилансить и развивать собственные уровни с учётом реальных требований индустрии.</div> </div> </div> </div> <div
class="t396__group tn-group t396__elem-flex tn-group__1431473981174896073428886850 t396__group-flex " data-fields="top,left,container" data-group-id="174896073428886850" data-group-type-value="physical" data-group-top-value="325" data-group-left-value="608" data-group-padding="32px 32px 32px 32px" data-group-flex="auto" data-group-flexdirection="column" data-group-flexalignitems="flex-start" data-group-widthmode="fixed" data-group-heightmode="hug" data-group-container-value="grid" data-group-height-value="221" data-group-width-value="572" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-top-res-320-value="564" data-group-height-res-320-value="145" data-group-width-res-320-value="300" data-group-top-res-640-value="711" data-group-left-res-640-value="10" data-group-height-res-640-value="205" data-group-width-res-640-value="620" data-group-widthmode-res-640="fill" data-group-heightmode-res-640="hug" data-group-top-res-960-value="350" data-group-left-res-960-value="488" data-group-height-res-960-value="250" data-group-width-res-960-value="462" data-group-widthmode-res-960="fixed" data-group-heightmode-res-960="fixed"> <div
class="tn-molecule"
id="molecule-174896073428886850"> <div class='t396__elem tn-elem t396__elem-flex tn-elem__14314739811748960734289' data-elem-id='1748960734289' data-elem-type='button' data-field-top-value="357" data-field-left-value="640" data-field-height-value="30" data-field-width-value="30" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="16" data-field-top-res-320-value="580" data-field-left-res-320-value="26" data-field-height-res-320-value="24" data-field-width-res-320-value="24" data-field-widthmode-res-320-value="fixed" data-field-heightmode-res-320-value="fixed" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="735" data-field-left-res-640-value="34" data-field-height-res-640-value="30" data-field-width-res-640-value="30" data-field-top-res-960-value="382" data-field-left-res-960-value="520" data-field-height-res-960-value="30" data-field-width-res-960-value="30"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">4</span> </div> <span class="tn-atom__button-border"></span> </div> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__14314739811748960734330' data-elem-id='1748960734330' data-elem-type='text' data-field-top-value="427" data-field-left-value="640" data-field-height-value="87" data-field-width-value="508" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fill" data-field-fontsize-value="18" data-field-top-res-320-value="628" data-field-left-res-320-value="26" data-field-height-res-320-value="57" data-field-width-res-320-value="268" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="805" data-field-left-res-640-value="34" data-field-height-res-640-value="58" data-field-width-res-640-value="572" data-field-top-res-960-value="481" data-field-left-res-960-value="520" data-field-height-res-960-value="87" data-field-width-res-960-value="398"> <div class='tn-atom'field='tn_text_1748960734330'>Осваивать Unity: научишься использовать редактор, инструменты и горячие клавиши для быстрого и удобного создания уровней.</div> </div> </div> </div> </div> </div> </div> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1431473981');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1431473981');});});</script> <!-- /T396 --> </div> <div id="rec1431528391" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1431528391 .t396__artboard {height:112px;background-color:#17171b;}#rec1431528391 .t396__filter {height:112px;}#rec1431528391 .t396__carrier{height:112px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1431528391 .t396__artboard,#rec1431528391 .t396__filter,#rec1431528391 .t396__carrier {height:96px;}#rec1431528391 .t396__filter {}#rec1431528391 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1431528391 .t396__artboard,#rec1431528391 .t396__filter,#rec1431528391 .t396__carrier {}#rec1431528391 .t396__filter {}#rec1431528391 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1431528391 .t396__artboard,#rec1431528391 .t396__filter,#rec1431528391 .t396__carrier {height:64px;}#rec1431528391 .t396__filter {}#rec1431528391 .t396__carrier {background-attachment:scroll;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1431528391" data-artboard-screens="320,640,960,1200" data-artboard-height="112" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="64" data-artboard-upscale-res-320="window" data-artboard-height-res-960="96"> <div class="t396__carrier" data-artboard-recid="1431528391"></div> <div class="t396__filter" data-artboard-recid="1431528391"></div> </div> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1431528391');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1431528391');});});</script> <!-- /T396 --> </div> <div id="rec1431528501" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1431528501 .t396__artboard {height:88px;background-color:#17171b;}#rec1431528501 .t396__filter {height:88px;}#rec1431528501 .t396__carrier{height:88px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1431528501 .t396__artboard,#rec1431528501 .t396__filter,#rec1431528501 .t396__carrier {height:80px;}#rec1431528501 .t396__filter {}#rec1431528501 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1431528501 .t396__artboard,#rec1431528501 .t396__filter,#rec1431528501 .t396__carrier {height:64px;}#rec1431528501 .t396__filter {}#rec1431528501 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1431528501 .t396__artboard,#rec1431528501 .t396__filter,#rec1431528501 .t396__carrier {height:48px;}#rec1431528501 .t396__filter {}#rec1431528501 .t396__carrier {background-attachment:scroll;}}#rec1431528501 .tn-elem[data-elem-id="1677066505690"]{z-index:3;top:0px;;left:calc(50% - 600px + 1052px);;width:56px;height:56px;}#rec1431528501 .tn-elem[data-elem-id="1677066505690"] .tn-atom{border-radius:40px 40px 40px 40px;background-color:#23232a;background-position:center center;background-size:cover;background-repeat:no-repeat;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431528501 .tn-elem[data-elem-id="1677066505690"]{display:table;top:0px;;left:calc(50% - 480px + 838px);;width:48px;height:48px;}}@media screen and (max-width:959px){#rec1431528501 .tn-elem[data-elem-id="1677066505690"]{display:table;top:0px;;left:calc(50% - 320px + 542px);;width:40px;height:40px;border-radius:32px;}#rec1431528501 .tn-elem[data-elem-id="1677066505690"] .tn-atom{background-size:cover;border-radius:32px;}}@media screen and (max-width:639px){#rec1431528501 .tn-elem[data-elem-id="1677066505690"]{display:table;top:-60px;;left:calc(50% - 160px + 238px);;width:32px;height:32px;border-radius:24px;}#rec1431528501 .tn-elem[data-elem-id="1677066505690"] .tn-atom{background-size:cover;border-radius:24px;opacity:1;}}#rec1431528501 .tn-elem[data-elem-id="1677488011111"]{z-index:3;top:0px;;left:calc(50% - 600px + 1124px);;width:56px;height:56px;}#rec1431528501 .tn-elem[data-elem-id="1677488011111"] .tn-atom{border-radius:40px 40px 40px 40px;background-color:#23232a;background-position:center center;background-size:cover;background-repeat:no-repeat;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431528501 .tn-elem[data-elem-id="1677488011111"]{display:table;top:0px;;left:calc(50% - 480px + 902px);;width:48px;height:48px;}}@media screen and (max-width:959px){#rec1431528501 .tn-elem[data-elem-id="1677488011111"]{display:table;top:0px;;left:calc(50% - 320px + 590px);;width:40px;height:40px;border-radius:32px;}#rec1431528501 .tn-elem[data-elem-id="1677488011111"] .tn-atom{background-size:cover;border-radius:32px;}}@media screen and (max-width:639px){#rec1431528501 .tn-elem[data-elem-id="1677488011111"]{display:table;top:-60px;;left:calc(50% - 160px + 286px);;width:32px;height:32px;border-radius:24px;}#rec1431528501 .tn-elem[data-elem-id="1677488011111"] .tn-atom{background-color:#17171b;background-size:cover;border-radius:24px;}}#rec1431528501 .tn-elem[data-elem-id="1692977268583"]{color:#ffffff;z-index:3;top:0px;;left:calc(50% - 600px + 20px);;width:382px;height:auto;}#rec1431528501 .tn-elem[data-elem-id="1692977268583"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:48px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:500;text-transform:uppercase;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;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){#rec1431528501 .tn-elem[data-elem-id="1692977268583"]{display:table;top:0px;;left:calc(50% - 480px + 10px);;width:366px;height:auto;}#rec1431528501 .tn-elem[data-elem-id="1692977268583"] .tn-atom{font-size:44px;background-size:cover;}}@media screen and (max-width:959px){#rec1431528501 .tn-elem[data-elem-id="1692977268583"]{display:table;top:0px;;left:calc(50% - 320px + 10px);;width:320px;height:auto;}#rec1431528501 .tn-elem[data-elem-id="1692977268583"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px){#rec1431528501 .tn-elem[data-elem-id="1692977268583"]{display:table;top:0px;;left:calc(50% - 160px + 10px);;width:194px;height:auto;}#rec1431528501 .tn-elem[data-elem-id="1692977268583"] .tn-atom{font-size:24px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1431528501" data-artboard-screens="320,640,960,1200" data-artboard-height="88" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="48" data-artboard-upscale-res-320="window" data-artboard-height-res-640="64" data-artboard-height-res-960="80"> <div class="t396__carrier" data-artboard-recid="1431528501"></div> <div class="t396__filter" data-artboard-recid="1431528501"></div> <div class='t396__elem tn-elem swiper-button-prev5 tn-elem__14315285011677066505690' data-elem-id='1677066505690' data-elem-type='shape' data-field-top-value="0" data-field-left-value="1052" data-field-height-value="56" data-field-width-value="56" 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-top-res-320-value="-60" data-field-left-res-320-value="238" data-field-height-res-320-value="32" data-field-width-res-320-value="32" data-field-top-res-640-value="0" data-field-left-res-640-value="542" data-field-height-res-640-value="40" data-field-width-res-640-value="40" data-field-top-res-960-value="0" data-field-left-res-960-value="838" data-field-height-res-960-value="48" data-field-width-res-960-value="48"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3466-3537-4332-b034-646435353735/Group_1.svg"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem swiper-button-next5 tn-elem__14315285011677488011111' data-elem-id='1677488011111' data-elem-type='shape' data-field-top-value="0" data-field-left-value="1124" data-field-height-value="56" data-field-width-value="56" 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-top-res-320-value="-60" data-field-left-res-320-value="286" data-field-height-res-320-value="32" data-field-width-res-320-value="32" data-field-top-res-640-value="0" data-field-left-res-640-value="590" data-field-height-res-640-value="40" data-field-width-res-640-value="40" data-field-top-res-960-value="0" data-field-left-res-960-value="902" data-field-height-res-960-value="48" data-field-width-res-960-value="48"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3035-6234-4931-b161-373165656232/Group_2.svg"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__14315285011692977268583' data-elem-id='1692977268583' data-elem-type='text' data-field-top-value="0" data-field-left-value="20" data-field-height-value="60" data-field-width-value="382" 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="48" data-field-top-res-320-value="0" data-field-left-res-320-value="10" data-field-width-res-320-value="194" data-field-fontsize-res-320-value="24" data-field-top-res-640-value="0" data-field-left-res-640-value="10" data-field-width-res-640-value="320" data-field-fontsize-res-640-value="40" data-field-top-res-960-value="0" data-field-left-res-960-value="10" data-field-width-res-960-value="366" data-field-fontsize-res-960-value="44"> <h2 class='tn-atom'field='tn_text_1692977268583'>Работы студентов</h2> </div> </div> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1431528501');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1431528501');});});</script> <!-- /T396 --> </div> <div id="rec1431529391" class="r t-rec uc-works-of-students" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1431529391 .t396__artboard {height:531px;background-color:#17171b;overflow:visible;}#rec1431529391 .t396__filter {height:531px;}#rec1431529391 .t396__carrier{height:531px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1431529391 .t396__artboard,#rec1431529391 .t396__filter,#rec1431529391 .t396__carrier {height:439px;}#rec1431529391 .t396__filter {}#rec1431529391 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1431529391 .t396__artboard,#rec1431529391 .t396__filter,#rec1431529391 .t396__carrier {height:288px;}#rec1431529391 .t396__filter {}#rec1431529391 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1431529391 .t396__artboard,#rec1431529391 .t396__filter,#rec1431529391 .t396__carrier {height:179px;}#rec1431529391 .t396__filter {}#rec1431529391 .t396__carrier {background-attachment:scroll;}}#rec1431529391 .tn-elem[data-elem-id="1691503761652"]{z-index:3;top:0px;;left:calc(50% - 600px + 20px);;width:768px;height:486px;}#rec1431529391 .tn-elem[data-elem-id="1691503761652"] .tn-atom{border-radius:24px 24px 24px 24px;background-position:center center;background-size:cover;background-repeat:no-repeat;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431529391 .tn-elem[data-elem-id="1691503761652"]{display:table;top:0px;;left:calc(50% - 480px + 10px);;width:624px;height:394px;}}@media screen and (max-width:959px){#rec1431529391 .tn-elem[data-elem-id="1691503761652"]{display:table;top:0px;;left:calc(50% - 320px + 10px);;width:408px;height:258px;border-radius:24px 24px 24px 24px;}#rec1431529391 .tn-elem[data-elem-id="1691503761652"] .tn-atom{background-size:cover;border-radius:24px 24px 24px 24px;}}@media screen and (max-width:639px){#rec1431529391 .tn-elem[data-elem-id="1691503761652"]{display:table;top:0px;;left:calc(50% - 160px + 10px);;width:240px;height:152px;border-radius:16px 16px 16px 16px;}#rec1431529391 .tn-elem[data-elem-id="1691503761652"] .tn-atom{background-size:cover;border-radius:16px 16px 16px 16px;}}#rec1431529391 .tn-elem[data-elem-id="1691504411597"]{color:#ffffff;z-index:3;top:502px;;left:calc(50% - 600px + 20px);;width:262px;height:auto;}#rec1431529391 .tn-elem[data-elem-id="1691504411597"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:18px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;opacity:0.5;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;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){#rec1431529391 .tn-elem[data-elem-id="1691504411597"]{display:table;top:410px;;left:calc(50% - 480px + 10px);;height:auto;}}@media screen and (max-width:959px){#rec1431529391 .tn-elem[data-elem-id="1691504411597"]{display:table;top:266px;;left:calc(50% - 320px + 10px);;width:148px;height:auto;}#rec1431529391 .tn-elem[data-elem-id="1691504411597"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:639px){#rec1431529391 .tn-elem[data-elem-id="1691504411597"]{display:table;top:160px;;left:calc(50% - 160px + 10px);;width:126px;height:auto;}#rec1431529391 .tn-elem[data-elem-id="1691504411597"] .tn-atom{font-size:12px;background-size:cover;}}#rec1431529391 .tn-elem[data-elem-id="1691509183014"]{z-index:3;top:0px;;left:calc(50% - 600px + 804px);;width:768px;height:486px;}#rec1431529391 .tn-elem[data-elem-id="1691509183014"] .tn-atom{border-radius:24px 24px 24px 24px;background-position:center center;background-size:cover;background-repeat:no-repeat;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431529391 .tn-elem[data-elem-id="1691509183014"]{display:table;top:0px;;left:calc(50% - 480px + 650px);;width:624px;height:394px;}}@media screen and (max-width:959px){#rec1431529391 .tn-elem[data-elem-id="1691509183014"]{display:table;top:0px;;left:calc(50% - 320px + 426px);;width:408px;height:258px;border-radius:24px 24px 24px 24px;}#rec1431529391 .tn-elem[data-elem-id="1691509183014"] .tn-atom{background-size:cover;border-radius:24px 24px 24px 24px;}}@media screen and (max-width:639px){#rec1431529391 .tn-elem[data-elem-id="1691509183014"]{display:table;top:0px;;left:calc(50% - 160px + 260px);;width:240px;height:152px;border-radius:16px 16px 16px 16px;}#rec1431529391 .tn-elem[data-elem-id="1691509183014"] .tn-atom{background-size:cover;border-radius:16px 16px 16px 16px;}}#rec1431529391 .tn-elem[data-elem-id="1691509183305"]{color:#ffffff;z-index:3;top:502px;;left:calc(50% - 600px + 804px);;width:344px;height:auto;}#rec1431529391 .tn-elem[data-elem-id="1691509183305"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:18px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;opacity:0.5;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;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){#rec1431529391 .tn-elem[data-elem-id="1691509183305"]{display:table;top:410px;;left:calc(50% - 480px + 650px);;height:auto;}}@media screen and (max-width:959px){#rec1431529391 .tn-elem[data-elem-id="1691509183305"]{display:table;top:266px;;left:calc(50% - 320px + 426px);;width:146px;height:auto;}#rec1431529391 .tn-elem[data-elem-id="1691509183305"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:639px){#rec1431529391 .tn-elem[data-elem-id="1691509183305"]{display:table;top:160px;;left:calc(50% - 160px + 260px);;width:130px;height:auto;}#rec1431529391 .tn-elem[data-elem-id="1691509183305"] .tn-atom{font-size:12px;background-size:cover;}}#rec1431529391 .tn-elem[data-elem-id="1691504872844"]{z-index:3;top:0px;;left:calc(50% - 600px + 1588px);;width:768px;height:486px;}#rec1431529391 .tn-elem[data-elem-id="1691504872844"] .tn-atom{border-radius:24px 24px 24px 24px;background-position:center center;background-size:cover;background-repeat:no-repeat;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431529391 .tn-elem[data-elem-id="1691504872844"]{display:table;top:0px;;left:calc(50% - 480px + 1290px);;width:616px;height:394px;}}@media screen and (max-width:959px){#rec1431529391 .tn-elem[data-elem-id="1691504872844"]{display:table;top:0px;;left:calc(50% - 320px + 842px);;width:408px;height:258px;border-radius:24px 24px 24px 24px;}#rec1431529391 .tn-elem[data-elem-id="1691504872844"] .tn-atom{background-size:cover;border-radius:24px 24px 24px 24px;}}@media screen and (max-width:639px){#rec1431529391 .tn-elem[data-elem-id="1691504872844"]{display:table;top:0px;;left:calc(50% - 160px + 510px);;width:240px;height:152px;border-radius:16px 16px 16px 16px;}#rec1431529391 .tn-elem[data-elem-id="1691504872844"] .tn-atom{background-size:cover;border-radius:16px 16px 16px 16px;}}#rec1431529391 .tn-elem[data-elem-id="1691504872884"]{color:#ffffff;z-index:3;top:502px;;left:calc(50% - 600px + 1588px);;width:350px;height:auto;}#rec1431529391 .tn-elem[data-elem-id="1691504872884"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:18px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;opacity:0.5;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;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){#rec1431529391 .tn-elem[data-elem-id="1691504872884"]{display:table;top:410px;;left:calc(50% - 480px + 1290px);;height:auto;}}@media screen and (max-width:959px){#rec1431529391 .tn-elem[data-elem-id="1691504872884"]{display:table;top:266px;;left:calc(50% - 320px + 842px);;width:150px;height:auto;}#rec1431529391 .tn-elem[data-elem-id="1691504872884"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:639px){#rec1431529391 .tn-elem[data-elem-id="1691504872884"]{display:table;top:160px;;left:calc(50% - 160px + 510px);;width:129px;height:auto;}#rec1431529391 .tn-elem[data-elem-id="1691504872884"] .tn-atom{font-size:12px;background-size:cover;}}#rec1431529391 .tn-elem[data-elem-id="1712320720642"]{z-index:3;top:0px;;left:calc(50% - 600px + 2372px);;width:768px;height:486px;}#rec1431529391 .tn-elem[data-elem-id="1712320720642"] .tn-atom{border-radius:24px 24px 24px 24px;background-position:center center;background-size:cover;background-repeat:no-repeat;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431529391 .tn-elem[data-elem-id="1712320720642"]{display:table;top:0px;;left:calc(50% - 480px + 1922px);;width:624px;height:394px;}}@media screen and (max-width:959px){#rec1431529391 .tn-elem[data-elem-id="1712320720642"]{display:table;top:0px;;left:calc(50% - 320px + 1258px);;width:408px;height:258px;border-radius:24px 24px 24px 24px;}#rec1431529391 .tn-elem[data-elem-id="1712320720642"] .tn-atom{background-size:cover;border-radius:24px 24px 24px 24px;}}@media screen and (max-width:639px){#rec1431529391 .tn-elem[data-elem-id="1712320720642"]{display:table;top:0px;;left:calc(50% - 160px + 760px);;width:240px;height:152px;border-radius:16px 16px 16px 16px;}#rec1431529391 .tn-elem[data-elem-id="1712320720642"] .tn-atom{background-size:cover;border-radius:16px 16px 16px 16px;}}#rec1431529391 .tn-elem[data-elem-id="1712320720658"]{color:#ffffff;z-index:3;top:502px;;left:calc(50% - 600px + 2372px);;width:368px;height:auto;}#rec1431529391 .tn-elem[data-elem-id="1712320720658"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:18px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;opacity:0.5;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;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){#rec1431529391 .tn-elem[data-elem-id="1712320720658"]{display:table;top:410px;;left:calc(50% - 480px + 1922px);;height:auto;}}@media screen and (max-width:959px){#rec1431529391 .tn-elem[data-elem-id="1712320720658"]{display:table;top:266px;;left:calc(50% - 320px + 1258px);;width:154px;height:auto;}#rec1431529391 .tn-elem[data-elem-id="1712320720658"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:639px){#rec1431529391 .tn-elem[data-elem-id="1712320720658"]{display:table;top:160px;;left:calc(50% - 160px + 760px);;width:143px;height:auto;}#rec1431529391 .tn-elem[data-elem-id="1712320720658"] .tn-atom{font-size:12px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1431529391" data-artboard-screens="320,640,960,1200" data-artboard-height="531" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-ovrflw="visible" data-artboard-height-res-320="179" data-artboard-upscale-res-320="grid" data-artboard-height-res-640="288" data-artboard-height-res-960="439"> <div class="t396__carrier" data-artboard-recid="1431529391"></div> <div class="t396__filter" data-artboard-recid="1431529391"></div> <div class='t396__elem tn-elem swiper-slide tn-elem__14315293911691503761652' data-elem-id='1691503761652' data-elem-type='shape' data-field-top-value="0" data-field-left-value="20" data-field-height-value="486" data-field-width-value="768" 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-top-res-320-value="0" data-field-left-res-320-value="10" data-field-height-res-320-value="152" data-field-width-res-320-value="240" data-field-container-res-320-value="window" data-field-top-res-640-value="0" data-field-left-res-640-value="10" data-field-height-res-640-value="258" data-field-width-res-640-value="408" data-field-top-res-960-value="0" data-field-left-res-960-value="10" data-field-height-res-960-value="394" data-field-width-res-960-value="624"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3935-6634-4263-b561-643337346533/__1.jpg" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3935-6634-4263-b561-643337346533/__1.jpg" aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__14315293911691504411597' data-elem-id='1691504411597' data-elem-type='text' data-field-top-value="502" data-field-left-value="20" data-field-height-value="29" data-field-width-value="262" 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="18" data-field-top-res-320-value="160" data-field-left-res-320-value="10" data-field-width-res-320-value="126" data-field-container-res-320-value="window" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="266" data-field-left-res-640-value="10" data-field-width-res-640-value="148" data-field-fontsize-res-640-value="14" data-field-top-res-960-value="410" data-field-left-res-960-value="10"> <div class='tn-atom'field='tn_text_1691504411597'>Константин Демин</div> </div> <div class='t396__elem tn-elem swiper-slide tn-elem__14315293911691509183014' data-elem-id='1691509183014' data-elem-type='shape' data-field-top-value="0" data-field-left-value="804" data-field-height-value="486" data-field-width-value="768" 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-top-res-320-value="0" data-field-left-res-320-value="260" data-field-height-res-320-value="152" data-field-width-res-320-value="240" data-field-container-res-320-value="window" data-field-top-res-640-value="0" data-field-left-res-640-value="426" data-field-height-res-640-value="258" data-field-width-res-640-value="408" data-field-top-res-960-value="0" data-field-left-res-960-value="650" data-field-height-res-960-value="394" data-field-width-res-960-value="624"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild6364-3739-4136-b733-653564663062/Darkevery_1.jpg" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6364-3739-4136-b733-653564663062/Darkevery_1.jpg" aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__14315293911691509183305' data-elem-id='1691509183305' data-elem-type='text' data-field-top-value="502" data-field-left-value="804" data-field-height-value="29" data-field-width-value="344" 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="18" data-field-top-res-320-value="160" data-field-left-res-320-value="260" data-field-width-res-320-value="130" data-field-container-res-320-value="window" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="266" data-field-left-res-640-value="426" data-field-width-res-640-value="146" data-field-fontsize-res-640-value="14" data-field-top-res-960-value="410" data-field-left-res-960-value="650"> <div class='tn-atom'field='tn_text_1691509183305'>Darkevery</div> </div> <div class='t396__elem tn-elem swiper-slide tn-elem__14315293911691504872844' data-elem-id='1691504872844' data-elem-type='shape' data-field-top-value="0" data-field-left-value="1588" data-field-height-value="486" data-field-width-value="768" 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-top-res-320-value="0" data-field-left-res-320-value="510" data-field-height-res-320-value="152" data-field-width-res-320-value="240" data-field-container-res-320-value="window" data-field-top-res-640-value="0" data-field-left-res-640-value="842" data-field-height-res-640-value="258" data-field-width-res-640-value="408" data-field-top-res-960-value="0" data-field-left-res-960-value="1290" data-field-height-res-960-value="394" data-field-width-res-960-value="616"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild6535-6165-4436-b537-623861373438/__1.jpg" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6535-6165-4436-b537-623861373438/__1.jpg" aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__14315293911691504872884' data-elem-id='1691504872884' data-elem-type='text' data-field-top-value="502" data-field-left-value="1588" data-field-height-value="29" data-field-width-value="350" 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="18" data-field-top-res-320-value="160" data-field-left-res-320-value="510" data-field-width-res-320-value="129" data-field-container-res-320-value="window" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="266" data-field-left-res-640-value="842" data-field-width-res-640-value="150" data-field-fontsize-res-640-value="14" data-field-top-res-960-value="410" data-field-left-res-960-value="1290"> <div class='tn-atom'field='tn_text_1691504872884'>Дмитрий Варчев</div> </div> <div class='t396__elem tn-elem swiper-slide tn-elem__14315293911712320720642' data-elem-id='1712320720642' data-elem-type='shape' data-field-top-value="0" data-field-left-value="2372" data-field-height-value="486" data-field-width-value="768" 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-top-res-320-value="0" data-field-left-res-320-value="760" data-field-height-res-320-value="152" data-field-width-res-320-value="240" data-field-container-res-320-value="window" data-field-top-res-640-value="0" data-field-left-res-640-value="1258" data-field-height-res-640-value="258" data-field-width-res-640-value="408" data-field-top-res-960-value="0" data-field-left-res-960-value="1922" data-field-height-res-960-value="394" data-field-width-res-960-value="624"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild6334-6661-4265-b663-653133393430/__1.jpg" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6334-6661-4265-b663-653133393430/__1.jpg" aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__14315293911712320720658' data-elem-id='1712320720658' data-elem-type='text' data-field-top-value="502" data-field-left-value="2372" data-field-height-value="29" data-field-width-value="368" 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="18" data-field-top-res-320-value="160" data-field-left-res-320-value="760" data-field-width-res-320-value="143" data-field-container-res-320-value="window" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="266" data-field-left-res-640-value="1258" data-field-width-res-640-value="154" data-field-fontsize-res-640-value="14" data-field-top-res-960-value="410" data-field-left-res-960-value="1922"> <div class='tn-atom'field='tn_text_1712320720658'>Игорь Бутырин</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1431529391');});});</script> <!-- /T396 --> </div> <div id="rec1431530901" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1431530901 .t396__artboard {height:112px;background-color:#17171b;}#rec1431530901 .t396__filter {height:112px;}#rec1431530901 .t396__carrier{height:112px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1431530901 .t396__artboard,#rec1431530901 .t396__filter,#rec1431530901 .t396__carrier {height:96px;}#rec1431530901 .t396__filter {}#rec1431530901 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1431530901 .t396__artboard,#rec1431530901 .t396__filter,#rec1431530901 .t396__carrier {}#rec1431530901 .t396__filter {}#rec1431530901 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1431530901 .t396__artboard,#rec1431530901 .t396__filter,#rec1431530901 .t396__carrier {height:64px;}#rec1431530901 .t396__filter {}#rec1431530901 .t396__carrier {background-attachment:scroll;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1431530901" data-artboard-screens="320,640,960,1200" data-artboard-height="112" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="64" data-artboard-upscale-res-320="window" data-artboard-height-res-960="96"> <div class="t396__carrier" data-artboard-recid="1431530901"></div> <div class="t396__filter" data-artboard-recid="1431530901"></div> </div> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1431530901');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1431530901');});});</script> <!-- /T396 --> </div> <div id="rec1431531251" 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>
.swiper-button-prev5, .swiper-button-next5 {
outline: none;
cursor: pointer;
}
.swiper-button-prev5:active, .swiper-button-next5:active {
transform: scale(0.9);
}
.uc-works-of-students [data-elem-type="text"] .tn-atom {
-webkit-text-size-adjust: auto;
}
.uc-works-of-students .t396__elem {
-webkit-transform: translateZ(0);
}
/* цвет фона полноэкранного просмотра */
.t-zoomer__container {
background: #17171b !important;
}
/* класс xyz__slider задает ширину контейнера свайпер слайдера */
.xyz__slider .t396 {
width: 1160px;
}
@media screen and (max-width: 1199px) {
.xyz__slider .t396 {
width: 940px;
}
}
@media screen and (max-width: 959px) {
.xyz__slider .t396 {
width: 620px;
}
}
@media screen and (max-width: 639px) {
@property --w_raw {
syntax: '<length>';
inherits: true;
initial-value: 100vw;
}
:root {
--w: tan(atan2(var(--w_raw), 1px));
}
.uc-works-of-students {
zoom: calc(var(--w) / 320);
}
.xyz__slider .t396 {
width: 300px;
}
}
</style> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script>
function xyz__initSwiperSliderStudentsWorks(zeroClass, prevBtn, nextBtn) {
$(zeroClass).addClass('xyz__slider');
$(zeroClass + ' .t396__artboard').addClass('swiper-wrapper');
let swiper = new Swiper(zeroClass + ' .t396', {
slidesPerView: "auto",
rewind: true,
spaceBetween: 10,
navigation: {
nextEl: nextBtn,
prevEl: prevBtn,
},
breakpoints: {
// когда ширина окна >= 640px
640: {
spaceBetween: 8
},
// когда ширина окна >= 960px
960: {
spaceBetween: 16
}
}
});
}
$(function() {
// класс блока в котором слайды и классы кнопок назад/вперед
xyz__initSwiperSliderStudentsWorks('.uc-works-of-students', '.swiper-button-prev5', '.swiper-button-next5');
});
</script> <!-- nominify end --> </div> </div> </div> </div> <a name="program" style="font-size:0;"></a> <div id="rec1431585441" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1431585441 .t396__artboard {height:416px;background-color:#17171b;}#rec1431585441 .t396__filter {height:416px;}#rec1431585441 .t396__carrier{height:416px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1431585441 .t396__artboard,#rec1431585441 .t396__filter,#rec1431585441 .t396__carrier {height:398px;}#rec1431585441 .t396__filter {}#rec1431585441 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1431585441 .t396__artboard,#rec1431585441 .t396__filter,#rec1431585441 .t396__carrier {height:485px;}#rec1431585441 .t396__filter {}#rec1431585441 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1431585441 .t396__artboard,#rec1431585441 .t396__filter,#rec1431585441 .t396__carrier {height:493px;}#rec1431585441 .t396__filter {}#rec1431585441 .t396__carrier {background-attachment:scroll;}}#rec1431585441 .tn-elem[data-elem-id="175857309233254590"]{z-index:3;top:0px;;left:calc(50% - 600px + 20px);;width:1160px;height:416px;}#rec1431585441 .tn-elem[data-elem-id="175857309233254590"] .tn-atom{border-radius:24px 24px 0px 0px;background-color:#23232a;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431585441 .tn-elem[data-elem-id="175857309233254590"]{display:table;left:calc(50% - 480px + 10px);;width:940px;height:398px;}}@media screen and (max-width:959px){#rec1431585441 .tn-elem[data-elem-id="175857309233254590"]{display:table;width:620px;height:485px;}}@media screen and (max-width:639px){#rec1431585441 .tn-elem[data-elem-id="175857309233254590"]{display:table;top:0px;;left:calc(50% - 160px + 10px);;width:300px;height:493px;border-radius:16px 16px 0 0;}#rec1431585441 .tn-elem[data-elem-id="175857309233254590"] .tn-atom{background-size:cover;border-radius:16px 16px 0 0;}}#rec1431585441 .tn-elem[data-elem-id="1677062395934"]{z-index:3;top:8px;;left:calc(50% - 600px + 28px);;width:1144px;height:308px;}#rec1431585441 .tn-elem[data-elem-id="1677062395934"] .tn-atom{border-radius:16px 16px 16px 16px;background-color:#2b2b35;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431585441 .tn-elem[data-elem-id="1677062395934"]{display:table;left:calc(50% - 480px + 18px);;width:924px;height:298px;}}@media screen and (max-width:959px){#rec1431585441 .tn-elem[data-elem-id="1677062395934"]{display:table;width:604px;height:390px;}}@media screen and (max-width:639px){#rec1431585441 .tn-elem[data-elem-id="1677062395934"]{display:table;top:8px;;left:calc(50% - 160px + 18px);;width:284px;height:419px;border-radius:8px 8px 8px 8px;}#rec1431585441 .tn-elem[data-elem-id="1677062395934"] .tn-atom{background-size:cover;border-radius:8px 8px 8px 8px;}}#rec1431585441 .tn-elem[data-elem-id="175857320613978550"]{z-index:3;top:324px;;left:calc(50% - 600px + 28px);;width:1144px;height:92px;}#rec1431585441 .tn-elem[data-elem-id="175857320613978550"] .tn-atom{border-radius:16px 16px 0px 0px;background-color:#2b2b35;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431585441 .tn-elem[data-elem-id="175857320613978550"]{display:table;top:314px;;left:calc(50% - 480px + 18px);;width:924px;height:84px;}}@media screen and (max-width:959px){#rec1431585441 .tn-elem[data-elem-id="175857320613978550"]{display:table;top:406px;;width:604px;height:79px;}}@media screen and (max-width:639px){#rec1431585441 .tn-elem[data-elem-id="175857320613978550"]{display:table;top:435px;;left:calc(50% - 160px + 18px);;width:284px;height:58px;border-radius:8px 8px 0 0;}#rec1431585441 .tn-elem[data-elem-id="175857320613978550"] .tn-atom{background-size:cover;border-radius:8px 8px 0 0;}}#rec1431585441 .tn-elem[data-elem-id="1677513427238"]{color:#ffffff;z-index:3;top:40px;;left:calc(50% - 600px + 60px);;width:446px;height:auto;}#rec1431585441 .tn-elem[data-elem-id="1677513427238"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:48px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:500;text-transform:uppercase;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;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){#rec1431585441 .tn-elem[data-elem-id="1677513427238"]{display:table;top:32px;;left:calc(50% - 480px + 42px);;width:410px;height:auto;}#rec1431585441 .tn-elem[data-elem-id="1677513427238"] .tn-atom{font-size:44px;background-size:cover;}}@media screen and (max-width:959px){#rec1431585441 .tn-elem[data-elem-id="1677513427238"]{display:table;top:32px;;left:calc(50% - 320px + 42px);;width:374px;height:auto;text-align:left;}#rec1431585441 .tn-elem[data-elem-id="1677513427238"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px){#rec1431585441 .tn-elem[data-elem-id="1677513427238"]{display:table;top:24px;;left:calc(50% - 160px + 34px);;width:250px;height:auto;text-align:left;}#rec1431585441 .tn-elem[data-elem-id="1677513427238"] .tn-atom{font-size:24px;background-size:cover;}}#rec1431585441 .tn-group[data-group-id="174896206670154150"] {z-index:3;position:absolute;top:196px;left:calc(50% - 600px + 60px);width:1060px;height:88px;flex-grow:;flex-shrink:;flex-basis:;}#rec1431585441 .tn-group[data-group-id="174896206670154150"] #molecule-174896206670154150 {width:100%;height:100%;position:relative;display:flex;overflow:visible visible;flex-wrap:wrap;column-gap:8px;row-gap:8px;align-items:flex-start;justify-content:flex-start;align-content:flex-start;padding:0px 0px 0px 0px ;border-color:transparent ;border-style:solid ;box-sizing:border-box;border-radius:0px;opacity:1;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px) {#rec1431585441 .tn-group[data-group-id="174896206670154150"] {display:flex;top:194px;left:calc(50% - 480px + 42px);width:876px;height:88px;}#rec1431585441 .tn-group[data-group-id="174896206670154150"] #molecule-174896206670154150 {display:flex;}}@media screen and (max-width:959px) {#rec1431585441 .tn-group[data-group-id="174896206670154150"] {display:flex;top:190px;left:calc(50% - 320px + 42px);width:556px;height:184px;}#rec1431585441 .tn-group[data-group-id="174896206670154150"] #molecule-174896206670154150 {display:flex;}}@media screen and (max-width:639px) {#rec1431585441 .tn-group[data-group-id="174896206670154150"] {display:flex;top:167px;left:calc(50% - 160px + 34px);width:252px;height:244px;}#rec1431585441 .tn-group[data-group-id="174896206670154150"] #molecule-174896206670154150 {display:flex;}}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"]{color:#ffffff;text-align:center;z-index:3;top:48px;left:374px;width:174px;flex-shrink:0;height:40px;margin:0 0 0 0;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.4;font-weight:400;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:#3b3b47;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431585441 .tn-elem[data-elem-id="176047680967861820"]{display:block;top:48px;left:622px;height:40px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431585441 .tn-elem[data-elem-id="176047680967861820"]{display:block;top:144px;left:180px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431585441 .tn-elem[data-elem-id="176047680967861820"]{display:block;top:216px;left:0px;width:126px;height:28px;flex-shrink:0;order:8;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom{white-space:normal;font-size:10px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="176047680967861820"] .tn-atom:hover{animation-name:none;}}}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"]{color:#ffffff;text-align:center;z-index:3;top:48px;left:194px;width:172px;flex-shrink:0;height:40px;margin:0 0 0 0;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.4;font-weight:400;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:#3b3b47;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431585441 .tn-elem[data-elem-id="176047672223038490"]{display:block;top:48px;left:442px;height:40px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431585441 .tn-elem[data-elem-id="176047672223038490"]{display:block;top:144px;left:0px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431585441 .tn-elem[data-elem-id="176047672223038490"]{display:block;top:180px;left:0px;width:124px;height:28px;flex-shrink:0;order:7;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom{white-space:normal;font-size:10px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="176047672223038490"] .tn-atom:hover{animation-name:none;}}}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"]{color:#ffffff;text-align:center;z-index:3;top:48px;left:0px;width:186px;flex-shrink:0;height:40px;margin:0 0 0 0;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.4;font-weight:400;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:#3b3b47;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431585441 .tn-elem[data-elem-id="175857301674758530"]{display:block;top:48px;left:248px;height:40px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431585441 .tn-elem[data-elem-id="175857301674758530"]{display:block;top:96px;left:248px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431585441 .tn-elem[data-elem-id="175857301674758530"]{display:block;top:144px;left:0px;width:134px;height:28px;flex-shrink:0;order:6;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom{white-space:normal;font-size:10px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="175857301674758530"] .tn-atom:hover{animation-name:none;}}}#rec1431585441 .tn-elem[data-elem-id="1677514227265"]{color:#ffffff;text-align:center;z-index:3;top:0px;left:806px;width:240px;flex-shrink:0;height:40px;margin:0 0 0 0;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.4;font-weight:400;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:#3b3b47;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431585441 .tn-elem[data-elem-id="1677514227265"]{display:block;top:48px;left:0px;height:40px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431585441 .tn-elem[data-elem-id="1677514227265"]{display:block;top:96px;left:0px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431585441 .tn-elem[data-elem-id="1677514227265"]{display:block;top:108px;left:0px;width:172px;height:28px;flex-shrink:0;order:5;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom{white-space:normal;font-size:10px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514227265"] .tn-atom:hover{animation-name:none;}}}#rec1431585441 .tn-elem[data-elem-id="1677514577136"]{color:#ffffff;text-align:center;z-index:3;top:0px;left:686px;width:112px;flex-shrink:0;height:40px;margin:0 0 0 0;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.4;font-weight:400;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:#3b3b47;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431585441 .tn-elem[data-elem-id="1677514577136"]{display:block;top:0px;left:686px;height:40px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431585441 .tn-elem[data-elem-id="1677514577136"]{display:block;top:48px;left:290px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431585441 .tn-elem[data-elem-id="1677514577136"]{display:block;top:0px;left:138px;width:78px;height:28px;flex-shrink:0;order:2;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom{white-space:normal;font-size:10px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514577136"] .tn-atom:hover{animation-name:none;}}}#rec1431585441 .tn-elem[data-elem-id="1677514562049"]{color:#ffffff;text-align:center;z-index:3;top:0px;left:396px;width:282px;flex-shrink:0;height:40px;margin:0 0 0 0;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.4;font-weight:400;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:#3b3b47;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431585441 .tn-elem[data-elem-id="1677514562049"]{display:block;top:0px;left:396px;height:40px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431585441 .tn-elem[data-elem-id="1677514562049"]{display:block;top:48px;left:0px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431585441 .tn-elem[data-elem-id="1677514562049"]{display:block;top:36px;left:0px;width:202px;height:28px;flex-shrink:0;order:3;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom{white-space:normal;font-size:10px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514562049"] .tn-atom:hover{animation-name:none;}}}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"]{color:#ffffff;text-align:center;z-index:3;top:0px;left:186px;width:202px;flex-shrink:0;height:40px;margin:0 0 0 0;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.4;font-weight:400;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:#3b3b47;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431585441 .tn-elem[data-elem-id="175857294450743970"]{display:block;top:0px;left:186px;height:40px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431585441 .tn-elem[data-elem-id="175857294450743970"]{display:block;top:0px;left:186px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431585441 .tn-elem[data-elem-id="175857294450743970"]{display:block;top:72px;left:0px;width:146px;height:28px;flex-shrink:0;order:4;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom{white-space:normal;font-size:10px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="175857294450743970"] .tn-atom:hover{animation-name:none;}}}#rec1431585441 .tn-elem[data-elem-id="1677514474452"]{color:#ffffff;text-align:center;z-index:3;top:0px;left:0px;width:178px;flex-shrink:0;height:40px;margin:0 0 0 0;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.4;font-weight:400;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:#3b3b47;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431585441 .tn-elem[data-elem-id="1677514474452"]{display:block;top:0px;left:0px;height:40px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431585441 .tn-elem[data-elem-id="1677514474452"]{display:block;top:0px;left:0px;flex-shrink:0;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431585441 .tn-elem[data-elem-id="1677514474452"]{display:block;top:0px;left:0px;width:130px;height:28px;flex-shrink:0;order:-1;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom{white-space:normal;font-size:10px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom::after{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom:hover::after{opacity:0;}#rec1431585441 .tn-elem[data-elem-id="1677514474452"] .tn-atom:hover{animation-name:none;}}}#rec1431585441 .tn-elem[data-elem-id="1700657079531"]{color:#ffffff;z-index:3;top:112px;;left:calc(50% - 600px + 60px);;width:770px;height:auto;}#rec1431585441 .tn-elem[data-elem-id="1700657079531"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;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;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){#rec1431585441 .tn-elem[data-elem-id="1700657079531"]{display:table;top:92px;;left:calc(50% - 480px + 42px);;width:650px;height:auto;}}@media screen and (max-width:959px){#rec1431585441 .tn-elem[data-elem-id="1700657079531"]{display:table;top:88px;;left:calc(50% - 320px + 42px);;width:556px;height:auto;}}@media screen and (max-width:639px){#rec1431585441 .tn-elem[data-elem-id="1700657079531"]{display:table;top:56px;;left:calc(50% - 160px + 34px);;width:252px;height:auto;}#rec1431585441 .tn-elem[data-elem-id="1700657079531"] .tn-atom{font-size:12px;background-size:cover;}}#rec1431585441 .tn-elem[data-elem-id="1758573296221"]{color:#ffffff;z-index:3;top:356px;;left:calc(50% - 600px + 60px);;width:96px;height:auto;}#rec1431585441 .tn-elem[data-elem-id="1758573296221"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:600;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;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){#rec1431585441 .tn-elem[data-elem-id="1758573296221"]{display:table;top:338px;;left:calc(50% - 480px + 42px);;height:auto;}}@media screen and (max-width:959px){#rec1431585441 .tn-elem[data-elem-id="1758573296221"]{display:table;top:430px;;width:82px;height:auto;}#rec1431585441 .tn-elem[data-elem-id="1758573296221"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec1431585441 .tn-elem[data-elem-id="1758573296221"]{display:table;top:451px;;left:calc(50% - 160px + 34px);;width:72px;height:auto;}#rec1431585441 .tn-elem[data-elem-id="1758573296221"] .tn-atom{font-size:20px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1431585441" data-artboard-screens="320,640,960,1200" data-artboard-height="416" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-heightmode="hug" data-artboard-height-res-320="493" data-artboard-upscale-res-320="window" data-artboard-height-res-640="485" data-artboard-height-res-960="398"> <div class="t396__carrier" data-artboard-recid="1431585441"></div> <div class="t396__filter" data-artboard-recid="1431585441"></div> <div class='t396__elem tn-elem tn-elem__1431585441175857309233254590' data-elem-id='175857309233254590' data-elem-type='shape' data-field-top-value="0" data-field-left-value="20" data-field-height-value="416" data-field-width-value="1160" 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-heightmode-value="fixed" data-field-top-res-320-value="0" data-field-left-res-320-value="10" data-field-height-res-320-value="493" data-field-width-res-320-value="300" data-field-heightmode-res-320-value="fixed" data-field-height-res-640-value="485" data-field-width-res-640-value="620" data-field-heightmode-res-640-value="fixed" data-field-left-res-960-value="10" data-field-height-res-960-value="398" data-field-width-res-960-value="940" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__14315854411677062395934' data-elem-id='1677062395934' data-elem-type='shape' data-field-top-value="8" data-field-left-value="28" data-field-height-value="308" data-field-width-value="1144" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-top-res-320-value="8" data-field-left-res-320-value="18" data-field-height-res-320-value="419" data-field-width-res-320-value="284" data-field-widthmode-res-320-value="fixed" data-field-heightmode-res-320-value="fixed" data-field-height-res-640-value="390" data-field-width-res-640-value="604" data-field-widthmode-res-640-value="fixed" data-field-heightmode-res-640-value="fixed" data-field-left-res-960-value="18" data-field-height-res-960-value="298" data-field-width-res-960-value="924" data-field-widthmode-res-960-value="fixed" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__1431585441175857320613978550' data-elem-id='175857320613978550' data-elem-type='shape' data-field-top-value="324" data-field-left-value="28" data-field-height-value="92" data-field-width-value="1144" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-top-res-320-value="435" data-field-left-res-320-value="18" data-field-height-res-320-value="58" data-field-width-res-320-value="284" data-field-widthmode-res-320-value="fixed" data-field-heightmode-res-320-value="fixed" data-field-top-res-640-value="406" data-field-height-res-640-value="79" data-field-width-res-640-value="604" data-field-widthmode-res-640-value="fixed" data-field-heightmode-res-640-value="fixed" data-field-top-res-960-value="314" data-field-left-res-960-value="18" data-field-height-res-960-value="84" data-field-width-res-960-value="924" data-field-widthmode-res-960-value="fixed" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__14315854411677513427238' data-elem-id='1677513427238' data-elem-type='text' data-field-top-value="40" data-field-left-value="60" data-field-height-value="96" data-field-width-value="446" 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="48" data-field-top-res-320-value="24" data-field-left-res-320-value="34" data-field-width-res-320-value="250" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="24" data-field-top-res-640-value="32" data-field-left-res-640-value="42" data-field-width-res-640-value="374" data-field-fontsize-res-640-value="40" data-field-top-res-960-value="32" data-field-left-res-960-value="42" data-field-width-res-960-value="410" data-field-fontsize-res-960-value="44"> <h2 class='tn-atom'field='tn_text_1677513427238'>Программа обучения</h2> </div> <div
class="t396__group tn-group tn-group__1431585441174896206670154150 t396__group-flex " data-fields="top,left,container" data-group-id="174896206670154150" data-group-type-value="physical" data-group-top-value="196" data-group-left-value="60" data-group-padding="0 0 0 0" data-group-flex="auto" data-group-flexdirection="wrap" data-group-flexalignitems="flex-start" data-group-widthmode="fixed" data-group-heightmode="hug" data-group-container-value="grid" data-group-height-value="88" data-group-width-value="1060" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-top-res-320-value="167" data-group-left-res-320-value="34" data-group-height-res-320-value="244" data-group-width-res-320-value="252" data-group-widthmode-res-320="fixed" data-group-top-res-640-value="190" data-group-left-res-640-value="42" data-group-height-res-640-value="184" data-group-width-res-640-value="556" data-group-widthmode-res-640="fixed" data-group-top-res-960-value="194" data-group-left-res-960-value="42" data-group-height-res-960-value="88" data-group-width-res-960-value="876" data-group-widthmode-res-960="fixed"> <div
class="tn-molecule"
id="molecule-174896206670154150"> <div class='t396__elem tn-elem t396__elem-flex tn-elem__14315854411677514474452' data-elem-id='1677514474452' data-elem-type='button' data-field-top-value="196" data-field-left-value="60" data-field-height-value="40" data-field-width-value="178" 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-widthmode-value="fixed" data-field-fontsize-value="14" data-field-top-res-320-value="167" data-field-left-res-320-value="34" data-field-height-res-320-value="28" data-field-width-res-320-value="130" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="10" data-field-top-res-640-value="190" data-field-left-res-640-value="42" data-field-top-res-960-value="194" data-field-left-res-960-value="42" data-field-height-res-960-value="40"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">200+ часов обучения</span> </div> <span class="tn-atom__button-border"></span> </div> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__1431585441175857294450743970' data-elem-id='175857294450743970' data-elem-type='button' data-field-top-value="196" data-field-left-value="246" data-field-height-value="40" data-field-width-value="202" 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-widthmode-value="fixed" data-field-fontsize-value="14" data-field-top-res-320-value="239" data-field-left-res-320-value="34" data-field-height-res-320-value="28" data-field-width-res-320-value="146" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="10" data-field-top-res-640-value="190" data-field-left-res-640-value="228" data-field-top-res-960-value="194" data-field-left-res-960-value="228" data-field-height-res-960-value="40"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Сертификат об обучении</span> </div> <span class="tn-atom__button-border"></span> </div> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__14315854411677514562049' data-elem-id='1677514562049' data-elem-type='button' data-field-top-value="196" data-field-left-value="456" data-field-height-value="40" data-field-width-value="282" 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-fontsize-value="14" data-field-top-res-320-value="203" data-field-left-res-320-value="34" data-field-height-res-320-value="28" data-field-width-res-320-value="202" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="10" data-field-top-res-640-value="238" data-field-left-res-640-value="42" data-field-top-res-960-value="194" data-field-left-res-960-value="438" data-field-height-res-960-value="40"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Индивидуальная проверка домашек</span> </div> <span class="tn-atom__button-border"></span> </div> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__14315854411677514577136' data-elem-id='1677514577136' data-elem-type='button' data-field-top-value="196" data-field-left-value="746" data-field-height-value="40" data-field-width-value="112" 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-widthmode-value="fixed" data-field-fontsize-value="14" data-field-top-res-320-value="167" data-field-left-res-320-value="172" data-field-height-res-320-value="28" data-field-width-res-320-value="78" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="10" data-field-top-res-640-value="238" data-field-left-res-640-value="332" data-field-top-res-960-value="194" data-field-left-res-960-value="728" data-field-height-res-960-value="40"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">6 домашек</span> </div> <span class="tn-atom__button-border"></span> </div> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__14315854411677514227265' data-elem-id='1677514227265' data-elem-type='button' data-field-top-value="196" data-field-left-value="866" data-field-height-value="40" data-field-width-value="240" 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-widthmode-value="fixed" data-field-fontsize-value="14" data-field-top-res-320-value="275" data-field-left-res-320-value="34" data-field-height-res-320-value="28" data-field-width-res-320-value="172" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="10" data-field-top-res-640-value="286" data-field-left-res-640-value="42" data-field-top-res-960-value="242" data-field-left-res-960-value="42" data-field-height-res-960-value="40"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Игровой уровень в портфолио</span> </div> <span class="tn-atom__button-border"></span> </div> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__1431585441175857301674758530' data-elem-id='175857301674758530' data-elem-type='button' data-field-top-value="244" data-field-left-value="60" data-field-height-value="40" data-field-width-value="186" 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-widthmode-value="fixed" data-field-fontsize-value="14" data-field-top-res-320-value="311" data-field-left-res-320-value="34" data-field-height-res-320-value="28" data-field-width-res-320-value="134" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="10" data-field-top-res-640-value="286" data-field-left-res-640-value="290" data-field-top-res-960-value="242" data-field-left-res-960-value="290" data-field-height-res-960-value="40"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Навыки работы в Unity</span> </div> <span class="tn-atom__button-border"></span> </div> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__1431585441176047672223038490' data-elem-id='176047672223038490' data-elem-type='button' data-field-top-value="244" data-field-left-value="254" data-field-height-value="40" data-field-width-value="172" 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-widthmode-value="fixed" data-field-fontsize-value="14" data-field-top-res-320-value="347" data-field-left-res-320-value="34" data-field-height-res-320-value="28" data-field-width-res-320-value="124" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="10" data-field-top-res-640-value="334" data-field-left-res-640-value="42" data-field-top-res-960-value="242" data-field-left-res-960-value="484" data-field-height-res-960-value="40"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">2 проектные работы</span> </div> <span class="tn-atom__button-border"></span> </div> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__1431585441176047680967861820' data-elem-id='176047680967861820' data-elem-type='button' data-field-top-value="244" data-field-left-value="434" data-field-height-value="40" data-field-width-value="174" 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-widthmode-value="fixed" data-field-fontsize-value="14" data-field-top-res-320-value="383" data-field-left-res-320-value="34" data-field-height-res-320-value="28" data-field-width-res-320-value="126" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="10" data-field-top-res-640-value="334" data-field-left-res-640-value="222" data-field-top-res-960-value="242" data-field-left-res-960-value="664" data-field-height-res-960-value="40"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">8 работ в портфолио</span> </div> <span class="tn-atom__button-border"></span> </div> </div> </div> </div> <div class='t396__elem tn-elem tn-elem__14315854411700657079531' data-elem-id='1700657079531' data-elem-type='text' data-field-top-value="112" data-field-left-value="60" data-field-height-value="52" data-field-width-value="770" 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="56" data-field-left-res-320-value="34" data-field-width-res-320-value="252" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="88" data-field-left-res-640-value="42" data-field-width-res-640-value="556" data-field-widthmode-res-640-value="fixed" data-field-top-res-960-value="92" data-field-left-res-960-value="42" data-field-width-res-960-value="650"> <div class='tn-atom'field='tn_text_1700657079531'>Мы делаем упор на практику, поэтому в ходе обучения ты научишься работать по пайплайну реальных студий, создашь уровень для портфолио и получишь конструктивную обратную связь.</div> </div> <div class='t396__elem tn-elem tn-elem__14315854411758573296221' data-elem-id='1758573296221' data-elem-type='text' data-field-top-value="356" data-field-left-value="60" data-field-height-value="36" data-field-width-value="96" 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="28" data-field-top-res-320-value="451" data-field-left-res-320-value="34" data-field-width-res-320-value="72" data-field-fontsize-res-320-value="20" data-field-top-res-640-value="430" data-field-width-res-640-value="82" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="338" data-field-left-res-960-value="42"> <div class='tn-atom'field='tn_text_1758573296221'>Уроки</div> </div> </div> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1431585441');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1431585441');});});</script> <!-- /T396 --> </div> <div id="rec1431585791" class="r t-rec uc-training-program" style="background-color:#23232a; " data-animationappear="off" data-record-type="585" data-bg-color="#23232a"> <!-- T585 --> <div class="t585"> <div class="t-container"> <div class="t-col t-col_12 "> <div class="t585__accordion" data-accordion="false" data-scroll-to-expanded="false"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #404049"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion1_1431585791"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__9113385120310">Блок 1. Введение в Unity</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #23232a"></span> </span> </button> </div> <div class="t585__content"
id="accordion1_1431585791"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__9113385120310">Узнаешь, как будет проходить курс, как нужно будет сдавать домашки. Скачаешь Unity и познакомишься с горячими клавишами.<br /><br /><span style="font-weight: 600;">О структуре курса</span><br /><ul><li data-list="bullet">Общий брифинг</li><li data-list="bullet">О лекциях и теории</li><li data-list="bullet">Мастер-классы и практика</li></ul><br /><span style="font-weight: 600;">Гайдлайны для практики</span><br /><ul><li data-list="bullet">Как подготовить свои уровни для сдачи заданий на курсе</li><li data-list="bullet">Особенности фидбэка в дизайне</li><li data-list="bullet">Как собрать мудборд с референсами</li></ul><br /><span style="font-weight: 600;">Введение в Unity</span><br /><ul><li data-list="bullet">Как зарегистрироваться и скачать программу: UnityID + Unity Hub</li><li data-list="bullet">Шпаргалка по горячим клавишам</li><li data-list="bullet">Настройка рабочего проекта и скачивание</li><li data-list="bullet">Гайд: Настройка уровня для первой домашки</li><li data-list="bullet">Гайд: простой свет «от солнца»</li><li data-list="bullet">Гайд: Universal Trigger</li></ul><br /><span style="font-weight: 600;">Краткое введение в плагин ProBuilder</span></div> </div> </div> </div> </div> </div> <div class="t-col t-col_12 "> <div class="t585__accordion" data-accordion="false" data-scroll-to-expanded="false"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #404049"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion2_1431585791"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__9113385120312">Блок 2. Простой уровень</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #23232a"></span> </span> </button> </div> <div class="t585__content"
id="accordion2_1431585791"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__9113385120312">Разберешься с зонами ответственности левел-дизайнера и навыками, которые пригодятся в работе. Узнаешь про базовое построение блокаута и визуальный язык.<br /><br /><span style="font-weight: 600;">Роль дизайнера уровней</span><br /><ul><li data-list="bullet">Кто такой левел дизайнер и чем он занимается</li><li data-list="bullet">Разбор итераций локаций</li><li data-list="bullet">Инструменты дизайнера</li><li data-list="bullet">Что такое контекст</li><li data-list="bullet">Ошибки — это хорошо</li><li data-list="bullet">Блокаут: что это и какие задачи он выполняет</li><li data-list="bullet">Что такое #Blocktober и зачем в нем участвовать</li></ul><br /><span style="font-weight: 600;">Базовое построение блокаута</span><br /><ul><li data-list="bullet">Про подход «от общего к частному»</li><li data-list="bullet">Базовая композиция</li><li data-list="bullet">Что такое негативное пространство</li><li data-list="bullet">Почему нельзя проектировать уровень по принципу «комната за комнатой»</li></ul><br /><span style="font-weight: 600;">Визуальный язык</span><br /><ul><li data-list="bullet">Что такое визуальный язык</li><li data-list="bullet">Пример гайдлайна визуального языка</li></ul><br /><div class="quill-table__wrapper"><table class="quill-table__table"><colgroup><col width="NaN%" /></colgroup><tbody><tr data-row="row-t4t4"><td class="quill-table__cell" data-row="row-t4t4" rowspan="1" colspan="1"><p class="quill-table__cell-line" data-row="row-t4t4" data-cell="cell-o8gq" data-rowspan="1" data-colspan="1"><span style="color: rgb(157, 157, 163);">Практика</span></p><p class="quill-table__cell-line" data-row="row-t4t4" data-cell="cell-o8gq" data-rowspan="1" data-colspan="1">Соберешь простой уровень на основе наших концептов или своих референсов. В процессе работы сможешь посмотреть мастер-класс по созданию простого уровня.</p></td></tr></tbody></table></div></div> </div> </div> </div> </div> </div> <div class="t-col t-col_12 "> <div class="t585__accordion" data-accordion="false" data-scroll-to-expanded="false"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #404049"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion3_1431585791"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__9113385120313">Блок 3. Метрики и базовые принципы</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #23232a"></span> </span> </button> </div> <div class="t585__content"
id="accordion3_1431585791"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__9113385120313">Познакомишься с основными метриками, стандартизацией уровней и универсальными принципами дизайна.<br /><br /><span style="font-weight: 600;">Метрика</span><br /><ul><li data-list="bullet">Что такое метрика и в чем выражается</li><li data-list="bullet">Разбор точной метрики для CS: GO</li></ul><br /><span style="font-weight: 600;">Универсальные принципы дизайна</span><br /><ul><li data-list="bullet">Универсальные принципы</li><li data-list="bullet">Наглядность: как научить окружение говорить?</li><li data-list="bullet">Секретный бонус</li></ul><br /><span style="font-weight: 600;">Мастер класс по созданию комфортного уровня</span><br /><br /><div class="quill-table__wrapper"><table class="quill-table__table"><colgroup><col width="NaN%" /></colgroup><tbody><tr data-row="row-oo32"><td class="quill-table__cell" data-row="row-oo32" rowspan="1" colspan="1"><p class="quill-table__cell-line" data-row="row-oo32" data-cell="cell-sg0a" data-rowspan="1" data-colspan="1"><span style="color: rgb(157, 157, 163);">Практика</span></p><p class="quill-table__cell-line" data-row="row-oo32" data-cell="cell-sg0a" data-rowspan="1" data-colspan="1">Соберешь комфортный уровень с дверями, кустами и камерами. А также ботами — мы добавили мини-гайд по добавлению ботов на уровень. Если захочешь усложнить задание, то сможешь добавить навигацию, простые головоломки и арены для стелса.</p><p class="quill-table__cell-line" data-row="row-oo32" data-cell="cell-sg0a" data-rowspan="1" data-colspan="1"><br /></p><p class="quill-table__cell-line" data-row="row-oo32" data-cell="cell-sg0a" data-rowspan="1" data-colspan="1">Составишь собственный набор метрических 3D-моделей.</p></td></tr></tbody></table></div></div> </div> </div> </div> </div> </div> <div class="t-col t-col_12 "> <div class="t585__accordion" data-accordion="false" data-scroll-to-expanded="false"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #404049"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion4_1431585791"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__9113385120314">Блок 4. Масштаб и осознание пространства</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #23232a"></span> </span> </button> </div> <div class="t585__content"
id="accordion4_1431585791"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__9113385120314">Узнаешь значения и виды масштаба, как передать и усилить его эффект в сцене. Какие бывают формы и пространства и как они влияют на восприятие и вовлеченность игроков.<br /><br /><ul><li data-list="bullet">Все про масштаб на примерах + советы</li><li data-list="bullet">Проектирование интерьеров</li><li data-list="bullet">Масштаб и объем</li><li data-list="bullet">Типы пространств</li><li data-list="bullet">Силуэт и форма</li><li data-list="bullet">Бонус: Фобии и фетиши</li></ul><br /><div class="quill-table__wrapper"><table class="quill-table__table"><colgroup><col width="NaN%" /></colgroup><tbody><tr data-row="row-oo32"><td class="quill-table__cell" data-row="row-oo32" rowspan="1" colspan="1"><p class="quill-table__cell-line" data-row="row-oo32" data-cell="cell-sg0a" data-rowspan="1" data-colspan="1"><span style="color: rgb(157, 157, 163);">Практика</span></p><p class="quill-table__cell-line" data-row="row-oo32" data-cell="cell-sg0a" data-rowspan="1" data-colspan="1">Постараешься передать ощущение масштаба локации. Если захочешь усложнить, то сможешь попробовать отбить бэкграунд с помощью примитивного левел-арта так, чтобы объем локации казался гораздо бОльшим визуально.</p></td></tr></tbody></table></div></div> </div> </div> </div> </div> </div> <div class="t-col t-col_12 "> <div class="t585__accordion" data-accordion="false" data-scroll-to-expanded="false"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #404049"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion5_1431585791"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__9113385120315">Блок 5. Навигация, ментальный маппинг</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #23232a"></span> </span> </button> </div> <div class="t585__content"
id="accordion5_1431585791"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__9113385120315">Создашь интуитивно понятную навигацию без интерфейса и подсказок, узнаешь, что такое ментальная карта и зачем она нужна.<br /><br /><ul><li data-list="bullet">Введение в навигацию</li><li data-list="bullet">Мастер-класс: эмоциональная навигация</li><li data-list="bullet">Ментальная карта или Mental Mapping</li></ul><br /><div class="quill-table__wrapper"><table class="quill-table__table"><colgroup><col width="NaN%" /></colgroup><tbody><tr data-row="row-oo32"><td class="quill-table__cell" data-row="row-oo32" rowspan="1" colspan="1"><p class="quill-table__cell-line" data-row="row-oo32" data-cell="cell-sg0a" data-rowspan="1" data-colspan="1"><span style="color: rgb(157, 157, 163);">Практика</span></p><p class="quill-table__cell-line" data-row="row-oo32" data-cell="cell-sg0a" data-rowspan="1" data-colspan="1">Создашь лабиринт, в котором на самом деле игрок не сможет заблудиться. Если захочешь усложнить себе задание, то нужно будет сделать так, чтобы игрок ощущал разные эмоции во время прохождения твоего уровня с лабиринтом.</p></td></tr></tbody></table></div></div> </div> </div> </div> </div> </div> <div class="t-col t-col_12 "> <div class="t585__accordion" data-accordion="false" data-scroll-to-expanded="false"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #404049"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion6_1431585791"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__9113385120316">Блок 6. Дизайн боевой арены</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #23232a"></span> </span> </button> </div> <div class="t585__content"
id="accordion6_1431585791"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__9113385120316">Изучишь левел-документ для стелс-шутера, научишься создавать схемы уровней. Спроектируешь боевую арену.<br /><br /><span style="font-weight: 600;">Level & Combat design:</span><br /><ul><li data-list="bullet">Что такое боевой уровень и как его создать</li><li data-list="bullet">Документация левел дизайнера</li><li data-list="bullet">Примеры схем уровней</li></ul><br /><span style="font-weight: 600;">Бонус:</span> лекция по построению PVP уровней для CS: GO от Сергея Морозова<br /><br /><span style="font-weight: 600;">Бонус:</span> multiplayer design для UT4<br /><br /><span style="font-weight: 600;">Разбор комбат-сетапа в Division 2 + ранние вводные по «Пейсингу»</span><br /><br /><div class="quill-table__wrapper"><table class="quill-table__table"><colgroup><col width="NaN%" /></colgroup><tbody><tr data-row="row-oo32"><td class="quill-table__cell" data-row="row-oo32" rowspan="1" colspan="1"><p class="quill-table__cell-line" data-row="row-oo32" data-cell="cell-sg0a" data-rowspan="1" data-colspan="1"><span style="color: rgb(157, 157, 163);">Практика</span></p><p class="quill-table__cell-line" data-row="row-oo32" data-cell="cell-sg0a" data-rowspan="1" data-colspan="1">Создашь блокаут боевого уровня, который будет состоять из трех основных частей: краткое обучение игрока через геймплей, универсальная и финальные арены.</p></td></tr></tbody></table></div></div> </div> </div> </div> </div> </div> <div class="t-col t-col_12 "> <div class="t585__accordion" data-accordion="false" data-scroll-to-expanded="false"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #404049"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion7_1431585791"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__9113385120317">Блок 7. Свет</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #23232a"></span> </span> </button> </div> <div class="t585__content"
id="accordion7_1431585791"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__9113385120317">Выстроишь навигацию за счет светотени и композиции, научишься применять готовые карты освещения.<br /><br /><ul><li data-list="bullet">Композиция светом</li><li data-list="bullet">Мастер-класс: базовая работа со светом</li><li data-list="bullet">Композиция и арт</li><li data-list="bullet">Light mapping-туториал: настройка</li></ul><br /><div class="quill-table__wrapper"><table class="quill-table__table"><colgroup><col width="99.83%" /></colgroup><tbody><tr data-row="row-oo32"><td class="quill-table__cell" data-row="row-oo32" rowspan="1" colspan="1"><p class="quill-table__cell-line" data-row="row-oo32" data-cell="cell-sg0a" data-rowspan="1" data-colspan="1"><span style="color: rgb(157, 157, 163);">Практика</span></p><p class="quill-table__cell-line" data-row="row-oo32" data-cell="cell-sg0a" data-rowspan="1" data-colspan="1">Создашь локацию, в которой «запеченный» свет будет саппортом в навигации/механике.</p></td></tr></tbody></table></div></div> </div> </div> </div> </div> </div> <div class="t-col t-col_12 "> <div class="t585__accordion" data-accordion="false" data-scroll-to-expanded="false"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #404049"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion8_1431585791"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__9113385120318">Блок 8. Ритм и поток</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #23232a"></span> </span> </button> </div> <div class="t585__content"
id="accordion8_1431585791"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__9113385120318">Поймешь, как влиять на вовлеченность игрока с помощью темпа, научишься вводить игрока в состояние потока, узнаешь, как собрать портфолио и создашь свой дипломный проект — готовый играбельный уровень.<br /><br /><span style="font-weight: 600;">Теория потока:</span><br /><ul><li data-list="bullet">Про теорию поток</li><li data-list="bullet">Что такое поток и фрустрация</li><li data-list="bullet">Теория фрустрации</li><li data-list="bullet">Осознанность и вызов</li><li data-list="bullet">Про биты и ритм</li><li data-list="bullet">Дерево навыков курса OutBlock</li></ul><br /><span style="font-weight: 600;">Рекомендации к портфолио:</span><br /><ul><li data-list="bullet">Гайд по сборке билда для портфолио</li><li data-list="bullet">Расставляем приоритеты во время сборки портфолио</li></ul><br /><span style="font-weight: 600;">Метрики уровня:</span><br /><ul><li data-list="bullet">Настройка и работа с метриками уровня</li><li data-list="bullet">Документация</li></ul><br /><div class="quill-table__wrapper"><table class="quill-table__table"><colgroup><col width="99.83%" /></colgroup><tbody><tr data-row="row-fgfq"><td class="quill-table__cell" data-row="row-fgfq" rowspan="1" colspan="1"><p class="quill-table__cell-line" data-row="row-fgfq" data-cell="cell-tm6d" data-rowspan="1" data-colspan="1"><span style="color: rgb(157, 157, 163);">Дипломный проект</span></p><p class="quill-table__cell-line" data-row="row-fgfq" data-cell="cell-tm6d" data-rowspan="1" data-colspan="1">Создашь свой собственный уровень для проекта.</p></td></tr></tbody></table></div></div> </div> </div> </div> </div> <div class="t585__border" style="height: 1px; background-color: #404049"></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t585_init',function() {t585_init('1431585791');});});</script> <style> #rec1431585791 .t585__title{font-size:20px;line-height:1.3;color:#ffffff;font-weight:600;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1431585791 .t585__title{font-size:14px;}}#rec1431585791 .t585__text{font-size:14px;line-height:1.6;color:#bfbfc2;padding-top:16px;max-width:960px;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1431585791 .t585__text{font-size:10px;}}</style> </div> <div id="rec1431590091" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1431590091 .t396__artboard {height:112px;background-color:#17171b;}#rec1431590091 .t396__filter {height:112px;}#rec1431590091 .t396__carrier{height:112px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1431590091 .t396__artboard,#rec1431590091 .t396__filter,#rec1431590091 .t396__carrier {height:96px;}#rec1431590091 .t396__filter {}#rec1431590091 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1431590091 .t396__artboard,#rec1431590091 .t396__filter,#rec1431590091 .t396__carrier {}#rec1431590091 .t396__filter {}#rec1431590091 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1431590091 .t396__artboard,#rec1431590091 .t396__filter,#rec1431590091 .t396__carrier {height:64px;}#rec1431590091 .t396__filter {}#rec1431590091 .t396__carrier {background-attachment:scroll;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1431590091" data-artboard-screens="320,640,960,1200" data-artboard-height="112" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="64" data-artboard-upscale-res-320="window" data-artboard-height-res-960="96"> <div class="t396__carrier" data-artboard-recid="1431590091"></div> <div class="t396__filter" data-artboard-recid="1431590091"></div> </div> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1431590091');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1431590091');});});</script> <!-- /T396 --> </div> <div id="rec1431589041" 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>
.uc-training-program {
width: 1160px;
margin: 0 auto;
padding: 0 8px 8px;
border-radius: 0 0 24px 24px;
box-sizing: border-box;
}
.uc-training-program .t-col {
background-color: #2b2b35;
margin: 0;
}
.uc-training-program .t-col:last-child {
padding-bottom: 32px;
border-radius: 0 0 16px 16px;
}
.uc-training-program .t585__accordion {
padding: 0 32px;
}
.uc-training-program .t585__border {
display: none;
}
.uc-training-program .t585__text li {
margin-bottom: 16px;
}
table td.quill-table__cell {
border: none;
background-color: #3b3b47;
display: inline-block;
padding: 16px;
border-radius: 12px;
}
td.quill-table__cell:before {
background-repeat: no-repeat;
background-size: contain;
display: block;
width: 32px;
height: 32px;
margin-bottom: 10px;
}
@media screen and (max-width: 1199px) {
.uc-training-program {
width: 940px;
}
.uc-training-program .t-col:last-child {
padding-bottom: 24px;
}
.uc-training-program .t585__accordion {
padding: 0 24px;
}
.uc-training-program .t585__title {
font-size: 16px !important;
}
}
@media screen and (max-width: 959px) {
.uc-training-program {
width: 620px;
}
.uc-training-program .t-col:last-child {
padding-bottom: 16px;
}
.uc-training-program .t585__accordion {
padding: 0 4px;
}
}
@media screen and (max-width: 639px) {
@property --w_raw {
syntax: '<length>';
inherits: true;
initial-value: 100vw;
}
:root {
--w: tan(atan2(var(--w_raw), 1px));
}
.uc-training-program {
zoom: calc(var(--w) / 320);
width: 300px;
border-radius: 0 0 16px 16px;
}
.uc-training-program .t-col {
padding: 0 12px;
}
.uc-training-program .t-col:last-child {
padding-bottom: 8px;
border-radius: 0 0 8px 8px;
}
.uc-training-program .t585__trigger-button {
padding: 16px 32px 16px 0 !important;
}
.uc-training-program .t585__title {
font-size: 14px !important;
-webkit-text-size-adjust: auto;
}
.uc-training-program .t585__text {
font-size: 10px !important;
-webkit-text-size-adjust: auto;
}
.uc-training-program :is(.t585__icon, .t585__lines svg) {
width: 16px;
height: 16px;
}
.uc-training-program .t585__circle {
width: 32px;
height: 32px;
}
.t-checkbox__control {
line-height: 1.2;
}
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1431621961" class="r t-rec uc-swiper-slide" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1431621961 .t396__artboard {height:566px;background-color:#17171b;}#rec1431621961 .t396__filter {height:566px;}#rec1431621961 .t396__carrier{height:566px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1431621961 .t396__artboard,#rec1431621961 .t396__filter,#rec1431621961 .t396__carrier {height:464px;}#rec1431621961 .t396__filter {}#rec1431621961 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1431621961 .t396__artboard,#rec1431621961 .t396__filter,#rec1431621961 .t396__carrier {height:702px;}#rec1431621961 .t396__filter {}#rec1431621961 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1431621961 .t396__artboard,#rec1431621961 .t396__filter,#rec1431621961 .t396__carrier {height:572px;}#rec1431621961 .t396__filter {}#rec1431621961 .t396__carrier {background-attachment:scroll;}}#rec1431621961 .tn-elem[data-elem-id="1677500478843"]{z-index:3;top:0px;;left:calc(50% - 600px + 20px);;width:100px;height:100px;}#rec1431621961 .tn-elem[data-elem-id="1677500478843"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431621961 .tn-elem[data-elem-id="1677500478843"]{display:table;left:calc(50% - 480px + 10px);;}}@media screen and (max-width:959px){#rec1431621961 .tn-elem[data-elem-id="1677500478843"]{display:table;}}@media screen and (max-width:639px){#rec1431621961 .tn-elem[data-elem-id="1677500478843"]{display:table;top:0px;;left:calc(50% - 160px + 1466px);;width:10px;}}#rec1431621961 .tn-elem[data-elem-id="1677065803774"]{z-index:3;top:0px;;left:calc(50% - 600px + 20px);;width:1160px;height:566px;}#rec1431621961 .tn-elem[data-elem-id="1677065803774"] .tn-atom{border-radius:24px 24px 24px 24px;background-color:#23232a;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431621961 .tn-elem[data-elem-id="1677065803774"]{display:table;left:calc(50% - 480px + 10px);;width:940px;height:464px;}}@media screen and (max-width:959px){#rec1431621961 .tn-elem[data-elem-id="1677065803774"]{display:table;width:620px;height:702px;}}@media screen and (max-width:639px){#rec1431621961 .tn-elem[data-elem-id="1677065803774"]{display:table;width:300px;height:572px;border-radius:16px 16px 16px 16px;}#rec1431621961 .tn-elem[data-elem-id="1677065803774"] .tn-atom{background-size:cover;border-radius:16px 16px 16px 16px;}}#rec1431621961 .tn-elem[data-elem-id="1677066114750"]{color:#ffffff;z-index:3;top:32px;;left:calc(50% - 600px + 622px);;width:420px;height:auto;}#rec1431621961 .tn-elem[data-elem-id="1677066114750"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:600;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;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){#rec1431621961 .tn-elem[data-elem-id="1677066114750"]{display:table;top:32px;;left:calc(50% - 480px + 502px);;width:362px;height:auto;}#rec1431621961 .tn-elem[data-elem-id="1677066114750"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:959px){#rec1431621961 .tn-elem[data-elem-id="1677066114750"]{display:table;top:388px;;left:calc(50% - 320px + 34px);;width:494px;height:auto;}}@media screen and (max-width:639px){#rec1431621961 .tn-elem[data-elem-id="1677066114750"]{display:table;top:304px;;left:calc(50% - 160px + 26px);;width:268px;height:auto;}#rec1431621961 .tn-elem[data-elem-id="1677066114750"] .tn-atom{vertical-align:middle;white-space:normal;font-size:16px;background-size:cover;}}#rec1431621961 .tn-elem[data-elem-id="1677066203668"]{color:#ffffff;z-index:3;top:120px;;left:calc(50% - 600px + 622px);;width:484px;height:auto;}#rec1431621961 .tn-elem[data-elem-id="1677066203668"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:18px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;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;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){#rec1431621961 .tn-elem[data-elem-id="1677066203668"]{display:table;top:110px;;left:calc(50% - 480px + 502px);;width:416px;height:auto;}#rec1431621961 .tn-elem[data-elem-id="1677066203668"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec1431621961 .tn-elem[data-elem-id="1677066203668"]{display:table;top:466px;;left:calc(50% - 320px + 34px);;width:572px;height:auto;}#rec1431621961 .tn-elem[data-elem-id="1677066203668"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:639px){#rec1431621961 .tn-elem[data-elem-id="1677066203668"]{display:table;top:354px;;left:calc(50% - 160px + 26px);;width:268px;height:auto;}#rec1431621961 .tn-elem[data-elem-id="1677066203668"] .tn-atom{font-size:12px;background-size:cover;}}#rec1431621961 .tn-elem[data-elem-id="1718297851186"]{z-index:3;top:8px;;left:calc(50% - 600px + 28px);;width:562px;height:550px;}#rec1431621961 .tn-elem[data-elem-id="1718297851186"] .tn-atom{border-radius:16px 16px 16px 16px;background-position:center center;background-size:cover;background-repeat:no-repeat;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1431621961 .tn-elem[data-elem-id="1718297851186"]{display:table;left:calc(50% - 480px + 18px);;width:460px;height:448px;}#rec1431621961 .tn-elem[data-elem-id="1718297851186"] .tn-atom{background-position:center center;background-size:cover;}}@media screen and (max-width:959px){#rec1431621961 .tn-elem[data-elem-id="1718297851186"]{display:table;left:calc(50% - 320px + 18px);;width:604px;height:356px;}#rec1431621961 .tn-elem[data-elem-id="1718297851186"] .tn-atom{background-position:0.000% 21.246%;background-size:100.000%;}}@media screen and (max-width:639px){#rec1431621961 .tn-elem[data-elem-id="1718297851186"]{display:table;top:8px;;left:calc(50% - 160px + 18px);;width:284px;height:232px;border-radius:8px 8px 8px 8px;}#rec1431621961 .tn-elem[data-elem-id="1718297851186"] .tn-atom{background-size:cover;border-radius:8px 8px 8px 8px;}}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"]{color:#ffffff;text-align:center;z-index:3;top:470px;;left:calc(50% - 600px + 622px);;width:300px;height:64px;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.2;font-weight:400;border-radius:60px 60px 60px 60px;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:#6060ff;--t396-bgcolor-image:none;--t396-bgcolor-hover-color:#ffffff;--t396-bgcolor-hover-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom::after{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom:hover::after{opacity:0;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom:hover{color:#17171b;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom:hover .tn-atom__button-text{color:#17171b;}}@media screen and (max-width:1199px){#rec1431621961 .tn-elem[data-elem-id="176047336130969080"]{display:block;top:376px;;left:calc(50% - 480px + 502px);;width:254px;height:56px;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom::after{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom:hover::after{opacity:0;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:959px){#rec1431621961 .tn-elem[data-elem-id="176047336130969080"]{display:block;top:622px;;left:calc(50% - 320px + 30px);;width:px;height:56px;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom::after{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom:hover::after{opacity:0;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:639px){#rec1431621961 .tn-elem[data-elem-id="176047336130969080"]{display:block;top:500px;;left:calc(50% - 160px + 26px);;width:268px;height:48px;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom{white-space:normal;font-size:14px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom::after{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom:hover::after{opacity:0;}#rec1431621961 .tn-elem[data-elem-id="176047336130969080"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"]{color:#ffffff;text-align:center;z-index:3;top:32px;;left:calc(50% - 600px + 170px);;width:108px;height:38px;-webkit-backdrop-filter:blur(40px);:backdrop-filter:blur(40px);;backdrop-filter:blur(40px);:backdrop-filter:blur(40px);;border-radius:200px 200px 200px 200px;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;border-radius:200px 200px 200px 200px;--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:transparent;--t396-bgcolor-image:linear-gradient(0turn,rgba(102,102,102,0.3) 0%,rgba(102,102,102,0.3) 100%);background-image:var(--t396-bgcolor-image,none);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom::after{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom:hover::after{opacity:0;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431621961 .tn-elem[data-elem-id="176047308867743180"]{display:block;top:32px;;left:calc(50% - 480px + 160px);;width:px;height:38px;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom{white-space:normal;background-size:cover;background-image:var(--t396-bgcolor-image,none);}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom::after{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom:hover::after{opacity:0;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431621961 .tn-elem[data-elem-id="176047308867743180"]{display:block;top:24px;;left:calc(50% - 320px + 152px);;width:px;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom{white-space:normal;background-size:cover;background-image:var(--t396-bgcolor-image,none);}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom::after{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom:hover::after{opacity:0;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431621961 .tn-elem[data-elem-id="176047308867743180"]{display:block;top:256px;;left:calc(50% - 160px + 126px);;width:90px;height:32px;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom{white-space:normal;font-size:12px;background-size:cover;background-image:var(--t396-bgcolor-image,none);}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom::after{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom:hover::after{opacity:0;}#rec1431621961 .tn-elem[data-elem-id="176047308867743180"] .tn-atom:hover{animation-name:none;}}}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"]{color:#ffffff;text-align:center;z-index:3;top:32px;;left:calc(50% - 600px + 52px);;width:110px;height:38px;-webkit-backdrop-filter:blur(40px);:backdrop-filter:blur(40px);;backdrop-filter:blur(40px);:backdrop-filter:blur(40px);;border-radius:200px 200px 200px 200px;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;border-radius:200px 200px 200px 200px;--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:transparent;--t396-bgcolor-image:linear-gradient(0turn,rgba(102,102,102,0.3) 0%,rgba(102,102,102,0.3) 100%);background-image:var(--t396-bgcolor-image,none);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom::after{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom:hover::after{opacity:0;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1431621961 .tn-elem[data-elem-id="176047308868349900"]{display:block;top:32px;;left:calc(50% - 480px + 42px);;width:px;height:38px;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom{white-space:normal;background-size:cover;background-image:var(--t396-bgcolor-image,none);}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom::after{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom:hover::after{opacity:0;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1431621961 .tn-elem[data-elem-id="176047308868349900"]{display:block;top:24px;;left:calc(50% - 320px + 34px);;width:px;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom{white-space:normal;background-size:cover;background-image:var(--t396-bgcolor-image,none);}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom::after{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom:hover::after{opacity:0;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1431621961 .tn-elem[data-elem-id="176047308868349900"]{display:block;top:256px;;left:calc(50% - 160px + 26px);;width:92px;height:32px;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom{white-space:normal;font-size:12px;background-size:cover;background-image:var(--t396-bgcolor-image,none);}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom::after{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom:hover::after{opacity:0;}#rec1431621961 .tn-elem[data-elem-id="176047308868349900"] .tn-atom:hover{animation-name:none;}}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1431621961" data-artboard-screens="320,640,960,1200" data-artboard-height="566" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-heightmode="hug" data-artboard-height-res-320="572" data-artboard-upscale-res-320="window" data-artboard-height-res-640="702" data-artboard-height-res-960="464"> <div class="t396__carrier" data-artboard-recid="1431621961"></div> <div class="t396__filter" data-artboard-recid="1431621961"></div> <div class='t396__elem tn-elem tn-elem__14316219611677500478843' data-elem-id='1677500478843' data-elem-type='shape' data-field-top-value="0" data-field-left-value="20" data-field-height-value="100" data-field-width-value="100" 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-top-res-320-value="0" data-field-left-res-320-value="1466" data-field-width-res-320-value="10" data-field-left-res-960-value="10"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__14316219611677065803774' data-elem-id='1677065803774' data-elem-type='shape' data-field-top-value="0" data-field-left-value="20" data-field-height-value="566" data-field-width-value="1160" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-height-res-320-value="572" data-field-width-res-320-value="300" data-field-container-res-320-value="grid" data-field-heightmode-res-320-value="fixed" data-field-height-res-640-value="702" data-field-width-res-640-value="620" data-field-widthmode-res-640-value="fixed" data-field-heightmode-res-640-value="fixed" data-field-left-res-960-value="10" data-field-height-res-960-value="464" data-field-width-res-960-value="940" data-field-widthmode-res-960-value="fixed" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__14316219611677066114750' data-elem-id='1677066114750' data-elem-type='text' data-field-top-value="32" data-field-left-value="622" data-field-height-value="72" data-field-width-value="420" 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="28" data-field-top-res-320-value="304" data-field-left-res-320-value="26" data-field-width-res-320-value="268" data-field-container-res-320-value="grid" data-field-heightunits-res-320-value="px" data-field-textfit-res-320-value="autoheight" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="16" data-field-top-res-640-value="388" data-field-left-res-640-value="34" data-field-width-res-640-value="494" data-field-top-res-960-value="32" data-field-left-res-960-value="502" data-field-width-res-960-value="362" data-field-fontsize-res-960-value="24"> <div class='tn-atom'field='tn_text_1677066114750'>Набор идет только в рамках профессии «Геймдизайнер»</div> </div> <div class='t396__elem tn-elem tn-elem__14316219611677066203668' data-elem-id='1677066203668' data-elem-type='text' data-field-top-value="120" data-field-left-value="622" data-field-height-value="116" data-field-width-value="484" 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="18" data-field-top-res-320-value="354" data-field-left-res-320-value="26" data-field-width-res-320-value="268" data-field-container-res-320-value="grid" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="466" data-field-left-res-640-value="34" data-field-width-res-640-value="572" data-field-heightunits-res-640-value="px" data-field-textfit-res-640-value="autoheight" data-field-widthmode-res-640-value="fixed" data-field-top-res-960-value="110" data-field-left-res-960-value="502" data-field-width-res-960-value="416" data-field-heightunits-res-960-value="px" data-field-textfit-res-960-value="autoheight" data-field-widthmode-res-960-value="fixed"> <div class='tn-atom'field='tn_text_1677066203668'>На этом курсе ты научишсья создавать игровые механики, работать с документацией, продумывать уровни и работать в условиях, максимально приближенных к реальным будням геймдизайнера.</div> </div> <div class='t396__elem tn-elem tn-elem__14316219611718297851186' data-elem-id='1718297851186' data-elem-type='shape' data-field-top-value="8" data-field-left-value="28" data-field-height-value="550" data-field-width-value="562" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-top-res-320-value="8" data-field-left-res-320-value="18" data-field-height-res-320-value="232" data-field-width-res-320-value="284" data-field-container-res-320-value="grid" data-field-heightmode-res-320-value="fixed" data-field-left-res-640-value="18" data-field-height-res-640-value="356" data-field-width-res-640-value="604" data-field-heightmode-res-640-value="fixed" data-field-left-res-960-value="18" data-field-height-res-960-value="448" data-field-width-res-960-value="460" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom t-bgimg' style="background-image:url('https://static.tildacdn.com/tild3266-3238-4365-b065-356338646363/Frame_48096439_2_1.jpg');"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__1431621961176047336130969080' data-elem-id='176047336130969080' data-elem-type='button' data-field-top-value="470" data-field-left-value="622" data-field-height-value="64" data-field-width-value="300" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="20" data-field-top-res-320-value="500" data-field-left-res-320-value="26" data-field-height-res-320-value="48" data-field-width-res-320-value="268" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="14" data-field-top-res-640-value="622" data-field-left-res-640-value="30" data-field-height-res-640-value="56" data-field-top-res-960-value="376" data-field-left-res-960-value="502" data-field-height-res-960-value="56" data-field-width-res-960-value="254" data-field-widthmode-res-960-value="fixed" data-field-fontsize-res-960-value="16"> <a class='tn-atom js-click-zero-stat' href="/gamedesigner" data-tilda-event-name="/tilda/click/rec1431621961/button176047336130969080"> <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__1431621961176047308867743180' data-elem-id='176047308867743180' data-elem-type='button' data-field-top-value="32" data-field-left-value="170" data-field-height-value="38" data-field-width-value="108" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="14" data-field-top-res-320-value="256" data-field-left-res-320-value="126" data-field-height-res-320-value="32" data-field-width-res-320-value="90" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="24" data-field-left-res-640-value="152" data-field-top-res-960-value="32" data-field-left-res-960-value="160" data-field-height-res-960-value="38"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">13 месяцев</span> </div> <span class="tn-atom__button-border"></span> </div> </div> <div class='t396__elem tn-elem tn-elem__1431621961176047308868349900' data-elem-id='176047308868349900' data-elem-type='button' data-field-top-value="32" data-field-left-value="52" data-field-height-value="38" data-field-width-value="110" 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-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="14" data-field-top-res-320-value="256" data-field-left-res-320-value="26" data-field-height-res-320-value="32" data-field-width-res-320-value="92" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="24" data-field-left-res-640-value="34" data-field-top-res-960-value="32" data-field-left-res-960-value="42" data-field-height-res-960-value="38"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Профессия</span> </div> <span class="tn-atom__button-border"></span> </div> </div> </div> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1431621961');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1431621961');});});</script> <!-- /T396 --> </div> <div id="rec1431664561" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1431664561 .t396__artboard {height:112px;background-color:#17171b;}#rec1431664561 .t396__filter {height:112px;}#rec1431664561 .t396__carrier{height:112px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1431664561 .t396__artboard,#rec1431664561 .t396__filter,#rec1431664561 .t396__carrier {height:96px;}#rec1431664561 .t396__filter {}#rec1431664561 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1431664561 .t396__artboard,#rec1431664561 .t396__filter,#rec1431664561 .t396__carrier {}#rec1431664561 .t396__filter {}#rec1431664561 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1431664561 .t396__artboard,#rec1431664561 .t396__filter,#rec1431664561 .t396__carrier {height:64px;}#rec1431664561 .t396__filter {}#rec1431664561 .t396__carrier {background-attachment:scroll;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1431664561" data-artboard-screens="320,640,960,1200" data-artboard-height="112" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="64" data-artboard-upscale-res-320="window" data-artboard-height-res-960="96"> <div class="t396__carrier" data-artboard-recid="1431664561"></div> <div class="t396__filter" data-artboard-recid="1431664561"></div> </div> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1431664561');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1431664561');});});</script> <!-- /T396 --> </div> <div id="rec1431668741" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1431668741 .t396__artboard {height:88px;background-color:#17171b;}#rec1431668741 .t396__filter {height:88px;}#rec1431668741 .t396__carrier{height:88px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1431668741 .t396__artboard,#rec1431668741 .t396__filter,#rec1431668741 .t396__carrier {height:84px;}#rec1431668741 .t396__filter {}#rec1431668741 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1431668741 .t396__artboard,#rec1431668741 .t396__filter,#rec1431668741 .t396__carrier {height:72px;}#rec1431668741 .t396__filter {}#rec1431668741 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1431668741 .t396__artboard,#rec1431668741 .t396__filter,#rec1431668741 .t396__carrier {height:48px;}#rec1431668741 .t396__filter {}#rec1431668741 .t396__carrier {background-attachment:scroll;}}#rec1431668741 .tn-elem[data-elem-id="1636200287424"]{color:#ffffff;z-index:3;top:0px;;left:calc(50% - 600px + 20px);;width:582px;height:auto;}#rec1431668741 .tn-elem[data-elem-id="1636200287424"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:48px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:500;text-transform:uppercase;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;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){#rec1431668741 .tn-elem[data-elem-id="1636200287424"]{display:table;top:0px;;left:calc(50% - 480px + 10px);;width:536px;height:auto;}#rec1431668741 .tn-elem[data-elem-id="1636200287424"] .tn-atom{font-size:44px;background-size:cover;}}@media screen and (max-width:959px){#rec1431668741 .tn-elem[data-elem-id="1636200287424"]{display:table;top:0px;;left:calc(50% - 320px + 10px);;width:484px;height:auto;}#rec1431668741 .tn-elem[data-elem-id="1636200287424"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px){#rec1431668741 .tn-elem[data-elem-id="1636200287424"]{display:table;width:290px;height:auto;}#rec1431668741 .tn-elem[data-elem-id="1636200287424"] .tn-atom{font-size:24px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1431668741" data-artboard-screens="320,640,960,1200" data-artboard-height="88" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="48" data-artboard-upscale-res-320="window" data-artboard-height-res-640="72" data-artboard-height-res-960="84"> <div class="t396__carrier" data-artboard-recid="1431668741"></div> <div class="t396__filter" data-artboard-recid="1431668741"></div> <div class='t396__elem tn-elem tn-elem__14316687411636200287424' data-elem-id='1636200287424' data-elem-type='text' data-field-top-value="0" data-field-left-value="20" data-field-height-value="60" data-field-width-value="582" 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="48" data-field-width-res-320-value="290" data-field-fontsize-res-320-value="24" data-field-top-res-640-value="0" data-field-left-res-640-value="10" data-field-width-res-640-value="484" data-field-fontsize-res-640-value="40" data-field-top-res-960-value="0" data-field-left-res-960-value="10" data-field-width-res-960-value="536" data-field-fontsize-res-960-value="44"> <h2 class='tn-atom'field='tn_text_1636200287424'>Часто задаваемые вопросы</h2> </div> </div> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1431668741');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1431668741');});});</script> <!-- /T396 --> </div> <div id="rec1431670291" class="r t-rec uc-faq" style="background-color:#17171b; " data-animationappear="off" data-record-type="668" data-bg-color="#17171b"> <!-- T668 --> <div class="t668"> <div class="t-container"> <div class="t668__col t-col t-col_12 " style="margin-bottom:8px;"> <div class="t668__accordion" data-accordion="false" data-scroll-to-expanded="false"> <div class="t668__wrapper" style="background-color: #23232a;"> <div class="t668__header "> <button type="button"
class="t668__trigger-button"
aria-controls="accordion1_1431670291"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;padding-left:32px; padding-right:32px;"> <span class="t668__title t-name t-name_xl" field="li_title__6914316694410" style="">Что делает левел дизайнер?</span> <span class="t668__icon" style="right: 32px;"> <span class="t668__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t668__circle" style="background-color: transparent;"></span> </span> <span class="t668__icon t668__icon-hover" style="right: 32px;"> <span class="t668__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t668__circle" style="background-color: #1f1f2a"></span> </span> </button> </div> <div class="t668__content"
id="accordion1_1431670291"
hidden style="padding-bottom:24px;padding-left:32px;padding-right:32px;"> <div class="t668__textwrapper"> <div class="t668__text t-descr t-descr_xs" field="li_descr__6914316694410" style="">Левел дизайнер создает игровые уровни, определяя их структуру, логику, размещение объектов и взаимодействие игрока с окружением. Его задача — обеспечить увлекательный геймплей, проработать баланс сложности и сделать игровой процесс интуитивно понятным.</div> </div> </div> </div> </div> </div> <div class="t668__col t-col t-col_12 " style="margin-bottom:8px;"> <div class="t668__accordion" data-accordion="false" data-scroll-to-expanded="false"> <div class="t668__wrapper" style="background-color: #23232a;"> <div class="t668__header "> <button type="button"
class="t668__trigger-button"
aria-controls="accordion2_1431670291"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;padding-left:32px; padding-right:32px;"> <span class="t668__title t-name t-name_xl" field="li_title__6914316694411" style="">Что такое дизайн уровней?</span> <span class="t668__icon" style="right: 32px;"> <span class="t668__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t668__circle" style="background-color: transparent;"></span> </span> <span class="t668__icon t668__icon-hover" style="right: 32px;"> <span class="t668__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t668__circle" style="background-color: #1f1f2a"></span> </span> </button> </div> <div class="t668__content"
id="accordion2_1431670291"
hidden style="padding-bottom:24px;padding-left:32px;padding-right:32px;"> <div class="t668__textwrapper"> <div class="t668__text t-descr t-descr_xs" field="li_descr__6914316694411" style="">Дизайн уровней — это процесс создания локаций и этапов игры, включающий проработку геометрии, текстур, освещения, задач и маршрутов. Главная цель — сделать уровни интересными, динамичными и соответствующими общей концепции игры.</div> </div> </div> </div> </div> </div> <div class="t668__col t-col t-col_12 " style="margin-bottom:8px;"> <div class="t668__accordion" data-accordion="false" data-scroll-to-expanded="false"> <div class="t668__wrapper" style="background-color: #23232a;"> <div class="t668__header "> <button type="button"
class="t668__trigger-button"
aria-controls="accordion3_1431670291"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;padding-left:32px; padding-right:32px;"> <span class="t668__title t-name t-name_xl" field="li_title__6914316694412" style="">Кто создает уровни в играх?</span> <span class="t668__icon" style="right: 32px;"> <span class="t668__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t668__circle" style="background-color: transparent;"></span> </span> <span class="t668__icon t668__icon-hover" style="right: 32px;"> <span class="t668__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t668__circle" style="background-color: #1f1f2a"></span> </span> </button> </div> <div class="t668__content"
id="accordion3_1431670291"
hidden style="padding-bottom:24px;padding-left:32px;padding-right:32px;"> <div class="t668__textwrapper"> <div class="t668__text t-descr t-descr_xs" field="li_descr__6914316694412" style="">Уровни в играх создают левел дизайнеры, которые работают в команде с художниками, программистами и сценаристами. Они используют специальные инструменты, такие как Unreal Engine или Unity, для воплощения идей в виртуальном пространстве.</div> </div> </div> </div> </div> </div> <div class="t668__col t-col t-col_12 " style="margin-bottom:8px;"> <div class="t668__accordion" data-accordion="false" data-scroll-to-expanded="false"> <div class="t668__wrapper" style="background-color: #23232a;"> <div class="t668__header "> <button type="button"
class="t668__trigger-button"
aria-controls="accordion4_1431670291"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;padding-left:32px; padding-right:32px;"> <span class="t668__title t-name t-name_xl" field="li_title__1760474785077" style="">Я не умею программировать. Я могу стать левел-дизайнером?</span> <span class="t668__icon" style="right: 32px;"> <span class="t668__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t668__circle" style="background-color: transparent;"></span> </span> <span class="t668__icon t668__icon-hover" style="right: 32px;"> <span class="t668__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t668__circle" style="background-color: #1f1f2a"></span> </span> </button> </div> <div class="t668__content"
id="accordion4_1431670291"
hidden style="padding-bottom:24px;padding-left:32px;padding-right:32px;"> <div class="t668__textwrapper"> <div class="t668__text t-descr t-descr_xs" field="li_descr__1760474785077" style="">Да, наш курс можно пройти, не написав ни строчки кода. Левел-дизайн — это прежде всего про мышление, а не про программирование.</div> </div> </div> </div> </div> </div> <div class="t668__col t-col t-col_12 " style="margin-bottom:8px;"> <div class="t668__accordion" data-accordion="false" data-scroll-to-expanded="false"> <div class="t668__wrapper" style="background-color: #23232a;"> <div class="t668__header "> <button type="button"
class="t668__trigger-button"
aria-controls="accordion5_1431670291"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;padding-left:32px; padding-right:32px;"> <span class="t668__title t-name t-name_xl" field="li_title__1760474786072" style="">Какие у меня перспективы после курса?</span> <span class="t668__icon" style="right: 32px;"> <span class="t668__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t668__circle" style="background-color: transparent;"></span> </span> <span class="t668__icon t668__icon-hover" style="right: 32px;"> <span class="t668__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t668__circle" style="background-color: #1f1f2a"></span> </span> </button> </div> <div class="t668__content"
id="accordion5_1431670291"
hidden style="padding-bottom:24px;padding-left:32px;padding-right:32px;"> <div class="t668__textwrapper"> <div class="t668__text t-descr t-descr_xs" field="li_descr__1760474786072" style="">У тебя будет собственный уровень в портфолио — причём он будет играбельным, поскольку для его создания ты будешь использовать наши наработки. Ну и, конечно, у тебя будут практические навыки и глубокое понимание работы левел дизайнера. Всё это будет огромным преимуществом для работодателя.</div> </div> </div> </div> </div> </div> <div class="t668__col t-col t-col_12 " style="margin-bottom:8px;"> <div class="t668__accordion" data-accordion="false" data-scroll-to-expanded="false"> <div class="t668__wrapper" style="background-color: #23232a;"> <div class="t668__header "> <button type="button"
class="t668__trigger-button"
aria-controls="accordion6_1431670291"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;padding-left:32px; padding-right:32px;"> <span class="t668__title t-name t-name_xl" field="li_title__1760474787130" style="">Какие программы мне понадобятся?</span> <span class="t668__icon" style="right: 32px;"> <span class="t668__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t668__circle" style="background-color: transparent;"></span> </span> <span class="t668__icon t668__icon-hover" style="right: 32px;"> <span class="t668__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t668__circle" style="background-color: #1f1f2a"></span> </span> </button> </div> <div class="t668__content"
id="accordion6_1431670291"
hidden style="padding-bottom:24px;padding-left:32px;padding-right:32px;"> <div class="t668__textwrapper"> <div class="t668__text t-descr t-descr_xs" field="li_descr__1760474787130" style="">Только Unity. Будут и мастер-классы по другим программам, но домашних заданий в них не будет.</div> </div> </div> </div> </div> </div> <div class="t668__col t-col t-col_12 " style="margin-bottom:8px;"> <div class="t668__accordion" data-accordion="false" data-scroll-to-expanded="false"> <div class="t668__wrapper" style="background-color: #23232a;"> <div class="t668__header "> <button type="button"
class="t668__trigger-button"
aria-controls="accordion7_1431670291"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;padding-left:32px; padding-right:32px;"> <span class="t668__title t-name t-name_xl" field="li_title__1760474788734" style="">У меня слабый компьютер. Потянет ли он создание уровней?</span> <span class="t668__icon" style="right: 32px;"> <span class="t668__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t668__circle" style="background-color: transparent;"></span> </span> <span class="t668__icon t668__icon-hover" style="right: 32px;"> <span class="t668__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="2px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#ffffff"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t668__circle" style="background-color: #1f1f2a"></span> </span> </button> </div> <div class="t668__content"
id="accordion7_1431670291"
hidden style="padding-bottom:24px;padding-left:32px;padding-right:32px;"> <div class="t668__textwrapper"> <div class="t668__text t-descr t-descr_xs" field="li_descr__1760474788734" style="">Потянет, если он подходит под <u style="color: rgb(255, 70, 70);"><a href="https://docs.unity3d.com/2019.1/Documentation/Manual/system-requirements.html" target="_blank" rel="noreferrer noopener nofollow" style="color: rgb(255, 70, 70);">системные требования Unity</a>.</u></div> </div> </div> </div> </div> </div> </div> </div> <style>#rec1431670291 .t668__content{padding-bottom:0px !important;}#rec1431670291 .t668__textwrapper{padding-bottom:24px;}</style> <script>t_onReady(function() {t_onFuncLoad('t668_init',function() {t668_init('1431670291');});});</script> <style> #rec1431670291 .t668__title{font-size:20px;line-height:1.4;color:#ffffff;font-weight:600;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1431670291 .t668__title{font-size:14px;}}#rec1431670291 .t668__text{font-size:16px;line-height:1.6;color:#ffffff;padding-top:24px;max-width:960px;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1431670291 .t668__text{font-size:12px;}}</style> <style> #rec1431670291 .t668__wrapper{border-radius:24px;}@media (max-width:480px){#rec1431670291 .t668__wrapper{border-radius:16px;}}</style> </div> <div id="rec1431829541" 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>
@media (max-width: 959px) {
.uc-faq .t668__col.t-col {
padding: 0 10px;
}
.uc-faq .t668__text {
padding-top: 4px !important;
}
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1959917121" 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 --> <script>
// === НАСТРОЙКИ ===
const THANK_YOU_URL = 'https://www.school-xyz.com/questionnaire1';
const TELEGRAM_BOT_LINK = 'https://sbsite.pro//outblock_1';
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1959556721" class="r t-rec" style=" " data-animationappear="off" data-record-type="121" data-alias-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <script>
function isEmpty(str) {
return (typeof str === 'undefined' || !str || str.length === 0);
}
const getUrlParams = () => new URLSearchParams(window.location.search);
let redirectFiredMain = false;
function onFormSuccess(form, withCourseRedirect = false) {
$('.t-form-success-popup').css('display', 'none');
console.log('✅ Форма успешно отправлена', form);
const formData = collectFormData(form);
const botUrl = buildTelegramUrl(formData);
// 1. Thank You в новой вкладке с параметром бота
openThankYouPage(botUrl);
}
function collectFormData(form) {
let formData = {};
const urlParams = getUrlParams();
for (const [key, value] of urlParams) {
formData[key] = value;
}
if (form instanceof HTMLFormElement) {
const formValues = Object.fromEntries(new FormData(form));
Object.assign(formData, formValues);
}
if (formData.phone || formData.tel) {
const phoneKey = formData.phone ? 'phone' : 'tel';
formData[phoneKey] = (formData[phoneKey] || '').replace(/[^\d]/g, '');
}
const normalizedData = {};
Object.entries(formData).forEach(([key, value]) => {
normalizedData[key.toLowerCase()] = value;
});
console.log('???? Данные формы:', normalizedData);
console.table(normalizedData);
return normalizedData;
}
function buildTelegramUrl(formData) {
const botParams = {
name: formData.name || formData['имя'] || '',
phone: formData.phone || formData.tel || '',
email: formData.email || '',
};
const cleanParams = Object.fromEntries(
Object.entries(botParams).filter(([_, value]) => !isEmpty(value))
);
const tgParams = new URLSearchParams(cleanParams).toString();
const botUrl = `${TELEGRAM_BOT_LINK}?${tgParams}`;
console.log('???? Ссылка бота:', botUrl);
return botUrl;
}
function openThankYouPage(botUrl) {
const separator = THANK_YOU_URL.includes('?') ? '&' : '?';
const encodedBotUrl = encodeURIComponent(botUrl);
const fullUrl = `${THANK_YOU_URL}${separator}bot=${encodedBotUrl}`;
console.log('???? Открываем Thank You с ботом:', fullUrl);
window.open(fullUrl, '_blank', 'noopener,noreferrer');
}
// === ИНИЦИАЛИЗАЦИЯ ===
function initFormHandler() {
const allForms = document.querySelectorAll('form');
allForms.forEach((form) => {
const handler = () => onFormSuccess(form, false);
form.addEventListener('tildaform:aftersuccess', handler);
['submit-success', 'form-success', 'success'].forEach(eventType => {
form.addEventListener(eventType, handler);
});
const obs = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
if (
mutation.type === 'attributes' &&
mutation.attributeName === 'class' &&
form.classList.contains('success')
) {
handler();
}
});
});
obs.observe(form, { attributes: true });
console.log('✅ Обработчик для дополнительной формы установлен', form);
});
}
if (document.readyState !== 'loading') {
initFormHandler();
} else {
document.addEventListener('DOMContentLoaded', initFormHandler);
}
</script> <!-- nominify end --> </div> </div> </div> </div> <!--footer--> <footer id="t-footer" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="1006203" data-tilda-page-id="4312269" data-tilda-page-alias="footer" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <div id="rec517261770" 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 --> <!-- автоматизация промобара для курсов и профессий --> <script>
$(function() {
// текст для промобара
$('.heading-1 .tn-atom').html('Больше, чем чья-то половинка'); // заголовок
$('.descr-1 .tn-atom').html('Вместо цветов и конфет дарим скидку 54% в честь тех, кого в России 54%'); // описание
// описание для сайта Pro
$('.descr-pro .tn-atom').html('Вместо цветов и конфет дарим скидку 54% в честь тех, кого в России 54%');
let currentDate = new Date();
function daysInMonth (month, year) {
return new Date(year, month + 1, 0).getDate();
}
let daysInMonthQuantity = daysInMonth(currentDate.getMonth(), currentDate.getYear());
let numOfMonth = currentDate.getDate();
let numOfMonthFormatted;
let currentMonth = currentDate.getMonth() + 1;
let currentMonthFormatted = currentMonth >= 10 ? currentMonth : '0' + currentMonth;
function setDateEnd(additionalDays) {
if (numOfMonth + additionalDays > daysInMonthQuantity) {
numOfMonthFormatted = '0' + (numOfMonth + additionalDays - daysInMonthQuantity);
currentMonthFormatted = currentMonth + 1 >= 10 ? currentMonth + 1 : '0' + (currentMonth + 1);
} else {
numOfMonthFormatted = numOfMonth + additionalDays >= 10 ? numOfMonth + additionalDays : '0' + (numOfMonth + additionalDays);
}
}
/* указываем дату окончания акции в промобаре */
if (currentDate.getDay() == 1) { // если сегодня понедельник
setDateEnd(3);
} else if (currentDate.getDay() == 2) { // если сегодня вторник
setDateEnd(2);
} else if (currentDate.getDay() == 3) { // если сегодня среда
setDateEnd(1);
} else if (currentDate.getDay() == 4) { // если сегодня четверг
setDateEnd(0);
} else if (currentDate.getDay() == 5) { // если сегодня пятница
setDateEnd(2);
} else if (currentDate.getDay() == 6) { // если сегодня суббота
setDateEnd(1);
} else if (currentDate.getDay() == 0) { // если сегодня воскресенье
setDateEnd(0);
}
if (document.querySelector('.promobar__date-end .tn-atom')) {
document.querySelector('.promobar__date-end .tn-atom').textContent = `до ${numOfMonthFormatted}.${currentMonthFormatted}`;
// document.querySelector('.promobar__date-end .tn-atom').textContent = `до 25.02`;
}
/* end указываем дату окончания акции в промобаре на продуктовых страницах */
});
</script> <style>
:is(.descr-1, .descr-pro) .tn-atom {
text-wrap-style: balance;
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec521328895" 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>
/* блок с акцией */
#rec1123441821 {
/*display: none;*/
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec703641300" class="r t-rec uc-popup-grant" style=" " data-animationappear="off" data-record-type="702"> <!-- T702 --> <div class="t702"> <div
class="t-popup" data-tooltip-hook="#popup:get-consult" data-track-popup='/tilda/popup/rec703641300/opened' role="dialog"
aria-modal="true"
tabindex="-1"
aria-label="Запишись на демо-урок" style="background-color: rgba(0,0,0,0.80);"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-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="#ffffff" 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> <style>@media screen and (max-width:560px){#rec703641300 .t-popup__close-icon g{fill:#ffffff !important;}}</style> <style> #rec703641300 .t-popup__container{border-radius:24px;overflow:hidden;}@media (max-width:480px){#rec703641300 .t-popup__container{border-radius:16px;overflow:hidden;}}</style> <div class="t-popup__container t-width t-width_6"
style="background-color:#23232a;" data-popup-type="702"> <img class="t702__img t-img"
src="https://thb.tildacdn.com/tild3831-3666-4563-b734-333035633330/-/empty/_1.jpg" data-original="https://static.tildacdn.com/tild3831-3666-4563-b734-333035633330/_1.jpg"
imgfield="img"
alt=""> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_left"> <div class="t702__title t-title t-title_xxs" id="popuptitle_703641300">Запишись на демо-урок</div> <div class="t702__descr t-descr t-descr_xs">Зачем записываться?<br /><ul><li data-list="bullet">Познакомим тебя с платформой и процессом обучения.</li><li data-list="bullet">Подарим 1 из 9 курсов на выбор.</li><li data-list="bullet">Получишь доступ к пробной части курса и полную программу.</li></ul></div> </div> <form
id="form703641300" name='form703641300' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group" class="t-form js-form-proccess t-form_inputs-total_5 " data-success-callback="t702_onSuccess"> <input type="hidden" name="formservices[]" value="d19077112a38917a19ec3d0d3a0d2542" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="79efdc56002e2fb9160ff9fc91750f61" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="9349cade6ff136590942028e6ee8bdd0" class="js-formaction-services"> <input type="hidden" name="tildaspec-formname" tabindex="-1" value="Заявка на бесплатный демо-урок"> <!-- @classes t-title t-text t-btn --> <div class="js-successbox t-form__successbox t-text t-text_md"
aria-live="polite"
style="display:none;"></div> <div
class="t-form__inputsbox
t-form__inputsbox_vertical-form t-form__inputsbox_inrow "> <div
class="t-input-group t-input-group_nm " data-input-lid="3316997753180" data-field-type="nm" data-field-name="name"> <div class="t-input-block " style="border-radius:16px;"> <input
type="text"
autocomplete="name"
name="name"
id="input_3316997753180"
class="t-input js-tilda-rule"
value=""
placeholder="Как тебя зовут?" data-tilda-req="1" aria-required="true" data-tilda-rule="name"
aria-describedby="error_3316997753180"
style="color:#ffffff;border:1px solid #373742;border-radius:16px;"> </div> <div class="t-input-error" aria-live="polite" id="error_3316997753180"></div> </div> <div
class="t-input-group t-input-group_em " data-input-lid="1016997753181" data-field-type="em" data-field-name="email"> <div class="t-input-block " style="border-radius:16px;"> <input
type="email"
autocomplete="email"
name="email"
id="input_1016997753181"
class="t-input js-tilda-rule"
value=""
placeholder="Твоя почта" data-tilda-req="1" aria-required="true" data-tilda-rule="email"
aria-describedby="error_1016997753181"
style="color:#ffffff;border:1px solid #373742;border-radius:16px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753181"></div> </div> <div
class="t-input-group t-input-group_ph " data-input-lid="1016997753182" data-field-async="true" data-field-type="ph" data-field-name="phone"> <div class="t-input-block " style="border-radius:16px;"> <input
type="tel"
autocomplete="tel"
name="phone"
id="input_1016997753182" data-phonemask-init="no" data-phonemask-id="703641300" data-phonemask-lid="1016997753182" data-phonemask-maskcountry="RU" class="t-input js-phonemask-input js-tilda-rule"
value=""
placeholder="+7(000)000-0000" data-tilda-req="1" aria-required="true" aria-describedby="error_1016997753182"
style="color:#ffffff;border:1px solid #373742;border-radius:16px;"> <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('#rec703641300 [data-phonemask-lid="1016997753182"]');t_form_phonemask_load(phoneMasks);});})})});</script> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753182"></div> </div> <input type="hidden" name="519683" tabindex="-1" value="true"> <input type="hidden" name="519697" tabindex="-1" value="Консультация"> <div
class="t-input-group t-input-group_cb " data-input-lid="1016997753185" data-field-type="cb" data-field-name="privacy" data-default-value=y
> <div class="t-input-block " style="border-radius:16px;"> <label
class="t-checkbox__control t-checkbox__control_flex t-text t-text_xs"
style="color:#ffffff"> <input
type="checkbox"
name="privacy"
value="yes"
class="t-checkbox js-tilda-rule"
checked
> <div
class="t-checkbox__indicator"
style="border-color:#ffffff"></div> <span><div style="font-size: 14px;" data-customstyle="yes">Я согласен с <a href="https://school-xyz.com/privacy-policy" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none; font-weight: 400;">Политикой обработки персональных данных, Согласием Пользователя сайта на обработку персональных данных</a> и <a href="https://school-xyz.com/agreement" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none; font-weight: 400;">договором публичной оферты</a></div></span></label> <style>#rec703641300 .t-checkbox__indicator:after{border-color:#ffffff;}</style> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753185"></div> </div> <div
class="t-input-group t-input-group_cb " data-input-lid="1016997753186" data-field-type="cb" data-field-name="check" data-default-value=y
> <div class="t-input-block " style="border-radius:16px;"> <label
class="t-checkbox__control t-checkbox__control_flex t-text t-text_xs"
style="color:#ffffff"> <input
type="checkbox"
name="check"
value="yes"
class="t-checkbox js-tilda-rule"
checked
> <div
class="t-checkbox__indicator"
style="border-color:#ffffff"></div> <span><div style="font-size: 14px;" data-customstyle="yes">Я согласен получать рекламную рассылку и ознакомился с <a href="https://school-xyz.com/privacy-policy" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none; font-weight: 400;">Согласием на получение рекламной рассылки</a></div></span></label> <style>#rec703641300 .t-checkbox__indicator:after{border-color:#ffffff;}</style> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753186"></div> </div> <input type="hidden" name="526133" tabindex="-1" value="Заявка на бесплатный демо-урок"> <div class="t-form__errorbox-middle"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="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
class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md"
type="submit"><span class="t-btnflex__text">Отправить</span> <style>#rec703641300 .t-btnflex.t-btnflex_type_submit {color:#ffffff;background-color:#6060ff;--border-width:0px;border-style:none !important;border-radius:50px;box-shadow:none !important;font-family:BebasRoboto;font-weight:400;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover) {#rec703641300 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):hover {color:#17171b !important;background-color:#ffffff !important;}#rec703641300 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):focus-visible {color:#17171b !important;background-color:#ffffff !important;}}</style></button> </div> </div> <div class="t-form__errorbox-bottom"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="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>#rec703641300 input::-webkit-input-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 input::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec703641300 input:-moz-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 input:-ms-input-placeholder{color:#ffffff;opacity:0.5;}#rec703641300 textarea::-webkit-input-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 textarea::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec703641300 textarea:-moz-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 textarea:-ms-input-placeholder{color:#ffffff;opacity:0.5;}</style> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t702_initPopup',function() {t702_initPopup('703641300');});});</script> <style> #rec703641300 .t702__title{color:#ffffff;font-family:'BebasRoboto';font-weight:500;text-transform:uppercase;}@media screen and (min-width:900px){#rec703641300 .t702__title{font-size:40px;line-height:1;}}@media screen and (min-width:480px) and (max-width:900px){#rec703641300 .t702__title{font-size:32px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec703641300 .t702__title{font-size:32px;line-height:1;}}#rec703641300 .t702__descr{font-size:16px;line-height:1.6;color:#ffffff;font-weight:400;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec703641300 .t702__descr{font-size:14px;line-height:1.6;}}</style> </div> <div id="rec684407761" 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 --> <!-- стили для #popup:get-consult --> <style>
.uc-popup-grant .t-popup__close {
top: 20px;
right: 20px !important;
width: 40px;
height: 40px;
/*background: rgb(255 255 255 / 20%);*/
background: #23232a;
border-radius: 50px;
}
.uc-popup-grant .t-popup__block-close-button {
width: 16px;
padding: 12px;
}
.uc-popup-grant .t-popup__close-icon {
width: 16px;
height: 16px;
}
.uc-popup-grant .t702 .t-popup__container {
padding: 8px;
box-sizing: border-box;
}
.uc-popup-grant .t702 .t702__img {
border-radius: 16px;
}
.uc-popup-grant .t702 .t702__wrapper {
padding: 24px;
}
/* градиент для заголовка */
.uc-popup-grant .t702__title {
/*background: linear-gradient(#FFEBA9, #D9B339 100%);*/
/*-webkit-background-clip: text;*/
/*-webkit-text-fill-color: transparent;*/
display: inline-block;
}
.uc-popup-grant .t-descr {
display: inline-block;
}
.uc-popup-grant .t-form__inputsbox {
display: flex;
flex-direction: column;
}
.uc-popup-grant .t702 .t-input-group {
margin-bottom: 8px;
}
.uc-popup-grant .t702 .t-input {
border-color: rgb(255 255 255 / 10%) !important;
}
/* стилизация чекбоксов в зеро формах */
.uc-popup-grant .t-checkbox__control {
display: flex;
column-gap: 8px;
}
.uc-popup-grant .t-checkbox__indicator {
width: 24px;
height: 24px;
margin-right: 0;
border: 2px solid rgb(255 255 255 / 50%) !important;
border-radius: 4px;
}
.uc-popup-grant .t702 .t-checkbox__control .t-checkbox:checked ~ .t-checkbox__indicator {
border-color: rgb(255 255 255 / 50%) !important;
background: transparent;
}
.uc-popup-grant .t-checkbox__indicator:after {
width: 5px;
height: 11px;
left: 7px;
top: 1px;
border-width: 0 2px 2px 0;
border-color: rgb(255 255 255 / 50%) !important;
}
/* конец стилизация чекбоксов в зеро формах */
.uc-popup-grant .t-input-group_cb {
order: 5;
}
.uc-popup-grant .t-input-group_cb div[data-customstyle='yes'] {
color: rgb(255 255 255 / 50%) !important;
font-size: 12px !important;
line-height: 1.2;
}
.uc-popup-grant .t-input-group_cb div[data-customstyle='yes'] :is(span, a) {
color: rgb(255 255 255 / 50%) !important;
border-color: rgb(255 255 255 / 50%) !important;
}
.uc-popup-grant .t702 .t-form__submit {
margin-top: 8px;
margin-bottom: 16px;
}
.uc-popup-grant .t702 .t702__form-bottom-text {
margin-top: 24px;
}
/* стилизация кнопки Телеграм */
.uc-popup-grant .t702__form-bottom-text a {
display: flex;
justify-content: center;
align-items: center;
column-gap: 8px;
height: 54px;
background: #fff;
border-radius: 50px;
color: #17171b !important;
transition: .2s ease;
}
.uc-popup-grant .t702__form-bottom-text a:hover {
background: #f5f5f5;
}
.uc-popup-grant .t702__form-bottom-text a:before {
content: '';
width: 1.5em;
aspect-ratio: 1;
background: url(https://static.tildacdn.com/tild3738-3936-4437-b162-383836343233/Artboard.svg);
background-size: contain;
background-repeat: no-repeat;
}
/* end стилизация кнопки Телеграм */
@media (max-width: 639px) {
.uc-popup-grant .t-popup {
padding: 0 10px;
}
.uc-popup-grant .t-popup[style="display: block;"] {
display: flex !important;
flex-wrap: wrap;
align-items: center;
}
.uc-popup-grant .t-popup .t-popup__container {
flex-wrap: wrap;
min-height: fit-content;
/*padding: 0;*/
margin: 24px 0;
overflow: hidden;
}
.uc-popup-grant .t702 .t702__img {
border-radius: 10px;
}
.uc-popup-grant .t-popup .t-popup__container .t702__wrapper {
background: inherit;
-webkit-transform: none;
-o-transform: none;
transform: none;
padding: 24px 8px 8px;
}
.uc-popup-grant .t-popup__close {
/*top: 16px;*/
/*right: 16px !important;*/
left: auto;
padding: 0;
align-items: center;
justify-content: center;
zoom: 0.7;
}
.uc-popup-grant .t-popup__block-close-button {
margin-right: 0;
}
.uc-popup-grant .t702 .t-input-group {
margin-bottom: 8px;
}
.uc-popup-grant .t702 .t-input {
border-radius: 8px !important;
-moz-border-radius: 8px !important;
-webkit-border-radius: 8px !important;
}
.uc-popup-grant .t-input-group_cb div[data-customstyle='yes'] {
font-size: 12px !important;
}
}
</style> <script>
// переносим крестик внутрь попапа
document.addEventListener('DOMContentLoaded', function() {
$('.uc-popup-grant .t-popup').each(function() {
$(this).find('.t-popup__container').prepend($(this).find('.t-popup__close'));
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <!-- <strong>▼ Форма для новой версии футера ▼</strong> --> <div id="rec1221022041" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off" data-record-type="121" data-alias-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- новая версия футера от 12.08.25 --> <footer> <div class="footer__wrap"> <div class="footer__navigation"> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">О школе</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="https://www.school-xyz.com/license">Лицензия</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/feedback">Отзывы студентов</a></li> <!--<li class="footer__list-link"><a href="https://school-xyz.com/raboty-studentov">Работы студентов</a></li>--> <!--<li class="footer__list-link"><a href="https://school-xyz.com/rassrochka">Рассрочка</a></li>--> <li class="footer__list-link"><a href="#popup:rec">Реквизиты</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/certificate">Подарочный сертификат</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/adminform">Оставить отзыв руководству</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/info-about-it-activities">Об IT деятельности</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/lms">Об обучающей платформе</a></li> <!--<li class="footer__list-link"><a href="https://school-xyz.com/career-xyz">Вакансии</a></li>--> <li class="footer__list-link"><a href="https://career-center.ultimate-education.ru" target="_blank">Карьерный центр</a></li> </ul> </nav> </div> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">Направления</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="https://school-xyz.com/3d-modelirovanie">3D-моделирование</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/geymdizayn">Геймдизайн</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/2d-illyustraciya">2D-иллюстрация</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/programmirovanie">Программирование</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/menedzhement">Менеджмент</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/video-i-speceffekty">Видео и спецэффекты</a></li> <!--<li class="footer__list-link"><a href="https://www.school-xyz.com/courses/3ds-max">3ds Max: курсы и профессии</a></li>--> <li class="footer__list-link"><a href="https://school-xyz.com/courses">Все курсы</a></li> </ul> </nav> </div> <div class="footer__chapter-links-wrapper"> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">Сотрудничество</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <!--<li class="footer__list-link"><a href="https://school-xyz.com/b2b">Корпоративное обучение</a></li>--> <li class="footer__list-link"><a href="https://school-xyz.com/we-are-looking-for-new-teachers">Вакансии для экспертов</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/partners">Партнёрская программа</a></li> </ul> </nav> </div> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">Проекты</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="https://media-xyz.com/">XYZ Media</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/mentorstvo-s-gamedev-magistrami">Менторство в геймдеве</a></li> <li class="footer__list-link"><a href="https://thecreativity.ru/plus">Креативити</a></li> </ul> </nav> </div> </div> <div class="footer__contacts-container"> <div class="footer__contacts-wrap"> <a href="tel:+74996474926" class="">+7 (499) 647-49-26</a> <a href="tel:+74993030408" class="">+7 (499) 303-04-08</a> <a href="mailto:hello@school-xyz.com" class="footer__contacts-email">hello@school-xyz.com</a> </div> <div class="footer__social-links"> <a href="https://artstation.com/xyzschool" class="footer__social-icon"> <img src="https://static.tildacdn.com/tild6138-6134-4835-a431-326434353061/artstation.svg" class="artstation" alt="Иконка Artstation"> </a> <a href="https://vk.com/xyz_gamedev" class="footer__social-icon"> <img src="https://static.tildacdn.com/tild3933-6261-4533-b566-626135393434/vk.svg" class="vk" alt="Иконка VK"> </a> <a href="https://youtube.com/channel/UCtJsE0SDhyS4ib2evb5k3gg/videos" class="footer__social-icon"> <img src="https://static.tildacdn.com/tild6539-3932-4764-b961-663633393636/youtube.svg" class="youtube" alt="Иконка Youtube"> </a> <a href="https://t.me/xyz_cg" class="footer__social-icon"> <img src="https://static.tildacdn.com/tild3461-3738-4566-b931-323833326538/telegram.svg" class="telegram" alt="Иконка Telegram"> </a> </div> </div> </div> <div class="footer__other-info"> <div class="footer__other-info-left-side"> <p>©2026, XYZ</p> <div class="footer__awards"> <img src="" class="footer__runet-icon" alt="Иконка Рунет"> <a href="https://vk.com/wall-124560669_50286">Премия Рунета 2020, Игровая индустрия</a> </div> <div class="footer__awards"> <img src="" class="footer__skolkovo-icon" alt="Иконка Сколково"> <a href="https://navigator.sk.ru/?q=N4IgZiBcoC4IYHMDOB9GBPADgUyiA9gE4gC%2BANCEngLQC22tARtoSkgJYB2AxrhZlACMJIA">Участник Сколково</a> </div> </div> <div class="footer__legal-info"> <a href="https://www.school-xyz.com/sitemap">Карта сайта</a> <a href="https://school-xyz.com/info-about-educational-organization">Сведения об образовательной организации</a> <a href="https://school-xyz.com/privacy-policy">Обработка персональных данных</a> <a href="https://school-xyz.com/agreement">Оферта</a> <a href="#popup:sout">СОУТ</a> </div> </div> </div> </footer> <style>
:root {
font-family: 'BebasRoboto';
--color-bg: #17171b;
--color-text: #fff;
--color-text-opacity: rgba(255, 255, 255, 0.5);
--color-accent: #6060ff;
--color-border: #373742;
--color-bg-contacts: #2B2A37;
--color-bg-input: #212127;
--color-social-icon: var(--color-accent);
--color-bg-social-icon: #2B2B34;
--url-runet-icon: url(https://static.tildacdn.com/tild6136-3933-4465-b933-613637353637/runet-icon-dark.svg);
--url-skolkovo-icon: url(https://static.tildacdn.com/tild3235-3332-4635-a537-396662353164/skolkovo-icon-dark.svg);
--url-arrow-down: url(https://static.tildacdn.com/tild6663-3965-4735-b337-393062313665/arrow-down-dark.svg);
}
:root .light-theme {
--color-bg: #fff;
--color-text: #17171b;
--color-text-opacity: rgba(23, 23, 27, 0.4);
--color-border: #EDEDED;
--color-bg-contacts: #f5f5f5;
--color-bg-input: #fff;
--color-bg-social-icon: #fff;
--url-runet-icon: url(https://static.tildacdn.com/tild6133-3337-4530-b063-336537643538/runet-icon-light_1.svg);
--url-skolkovo-icon: url(https://static.tildacdn.com/tild3737-3331-4464-a437-613336636531/skolkovo-icon-light.svg);
--url-arrow-down: url(https://static.tildacdn.com/tild3737-3062-4562-b662-623536383335/arrow-down-light.svg);
}
.t123 footer {
position: relative;
background: var(--color-bg);
width: 100%;
will-change: transform;
-webkit-transform: translateZ(0);
padding-top: 112px;
}
.footer__wrap {
display: flex;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
flex-wrap: wrap;
column-gap: 16px;
}
.footer__navigation {
display: flex;
flex-wrap: wrap;
width: 100%;
column-gap: 16px;
padding-bottom: 64px;
margin-bottom: 40px;
border-bottom: 1px solid var(--color-border);
}
.footer__chapter-links-wrapper {
display: flex;
flex-direction: column;
row-gap: 32px;
}
.footer__chapter-links {
width: 278px;
flex-shrink: 0;
}
.footer__chapter-links:last-child {
flex-shrink: 1;
}
#allrecords .footer__chapter-links-list {
display: flex;
flex-direction: column;
row-gap: 8px;
list-style-type: none;
padding-top: 16px;
padding-left: 0;
margin-bottom: 0;
}
.footer__chapter-links-heading {
font-weight: 600;
font-size: 24px;
line-height: 130%;
color: var(--color-text);
}
.footer__list-link {
font-weight: 400;
font-size: 14px;
line-height: 160%;
}
#allrecords .footer__list-link a {
text-decoration: none;
transition: .2s ease;
color: var(--color-text);
}
#allrecords .footer__list-link a:hover {
color: var(--color-accent);
}
.footer__contacts-container {
display: flex;
align-items: flex-start;
flex-direction: column;
row-gap: 24px;
width: 278px;
box-sizing: border-box;
}
.footer__contacts-wrap {
display: flex;
flex-direction: column;
row-gap: 4px;
}
#allrecords .footer__contacts-wrap a {
font-weight: 600;
font-size: 24px;
line-height: 130%;
color: var(--color-text);
text-decoration: none;
transition: .2s ease;
}
#allrecords .footer__contacts-wrap a:hover {
color: var(--color-accent);
}
#allrecords a.footer__contacts-email {
font-weight: 400;
font-size: 18px;
line-height: 160%;
color: var(--color-accent);
transition: .2s ease;
}
#allrecords a.footer__contacts-email:hover {
color: var(--color-text);
}
.footer__social-links {
display: flex;
column-gap: 8px;
}
.footer__social-links a {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
overflow: hidden;
transition: .2s ease;
}
.footer__social-icon:hover {
transform: translateY(-4px);
}
.footer__other-info {
display: flex;
justify-content: space-between;
column-gap: 24px;
padding-bottom: 40px;
width: 100%;
}
.footer__other-info-left-side {
display: flex;
align-items: center;
column-gap: 32px;
}
.footer__other-info p {
font-size: 12px;
line-height: 18px;
color: var(--color-text-opacity);
}
.footer__awards {
display: flex;
align-items: center;
column-gap: 10px;
max-width: 160px;
}
#allrecords .footer__awards a {
font-size: 12px;
line-height: 18px;
color: var(--color-text-opacity);
text-decoration: none;
}
.footer__runet-icon {
content: var(--url-runet-icon);
font-size: 10px;
}
.footer__skolkovo-icon {
content: var(--url-skolkovo-icon);
font-size: 10px;
}
.footer__skolkovo-icon + a {
width: min-content;
}
.footer__legal-info {
display: flex;
align-items: center;
column-gap: 16px;
}
#allrecords .footer__legal-info a {
font-size: 12px;
line-height: 18px;
color: var(--color-text-opacity);
text-decoration: none;
transition: .2s ease;
}
#allrecords .footer__legal-info a:hover {
color: var(--color-text);
}
@media screen and (max-width: 1199px) {
.t123 footer {
padding-top: 96px;
}
.footer__wrap {
max-width: 940px;
}
.footer__contacts-container {
width: fit-content;
}
.footer__navigation {
row-gap: 32px;
padding-bottom: 40px;
}
.footer__chapter-links-wrapper {
flex-direction: row;
column-gap: 16px;
order: 4;
}
.footer__chapter-links {
width: 304px;
}
.footer__other-info {
flex-direction: column;
row-gap: 16px;
}
.footer__other-info-left-side {
column-gap: 24px;
}
.footer__legal-info {
column-gap: 16px;
}
}
@media screen and (max-width: 959px) {
.t123 footer {
padding-top: 88px;
}
.footer__wrap {
max-width: 620px;
padding-top: 16px;
border-top: 1px solid var(--color-border);
}
.footer__navigation {
flex-direction: column;
row-gap: 16px;
width: 100%;
}
.footer__chapter-links {
width: 100%;
padding-bottom: 16px;
border-bottom: 1px solid var(--color-border);
}
.footer__chapter-links-wrapper {
order: 3;
flex-direction: column;
row-gap: 16px;
}
.footer__chapter-links-heading {
position: relative;
display: flex;
align-items: center;
will-change: transform;
}
.footer__chapter-links-heading::after {
content: ' ';
background-image: var(--url-arrow-down);
width: 24px;
height: 24px;
position: absolute;
right: 0;
transition: .4s ease;
}
.footer__chapter-links-heading.open::after {
transform: rotateX(180deg);
}
.footer__chapter-links-wrap {
display: none;
}
.footer__contacts-container {
width: 620px;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
height: fit-content;
row-gap: 32px;
padding-top: 24px;
order: 4;
}
.footer__other-info {
flex-wrap: wrap;
justify-content: flex-start;
}
.footer__other-info p {
order: 2;
}
.footer__awards {
order: 3;
}
.footer__legal-info {
flex-wrap: wrap;
order: 1;
max-width: 100%;
width: 100%;
column-gap: 24px;
row-gap: 8px;
}
}
@media screen and (max-width: 639px) {
.t123 footer {
padding-top: 72px;
}
.footer__wrap {
max-width: calc(100% - 24px);
}
.footer__chapter-links-heading {
font-size: 16px;
}
.footer__list-link {
font-size: 12px;
}
.footer__contacts-container {
width: 100%;
row-gap: 16px;
padding-top: 16px;
}
#allrecords .footer__contacts-wrap a {
font-size: 16px;
}
#allrecords a.footer__contacts-email {
font-size: 12px;
}
.footer__social-links {
width: fit-content;
}
.footer__navigation {
padding-bottom: 32px;
margin-bottom: 32px;
}
.footer__other-info {
row-gap: 24px;
justify-content: flex-start;
padding-bottom: 32px;
}
.footer__other-info p {
order: 3;
text-align: center;
font-size: 10px;
width: 100%;
}
.footer__other-info-left-side {
order: 2;
flex-wrap: wrap;
justify-content: flex-start;
row-gap: 16px;
}
.footer__awards {
order: 2;
margin-bottom: 8px;
max-width: 142px;
}
#allrecords .footer__awards a {
font-size: 10px;
}
.footer__legal-info {
align-items: flex-start;
}
#allrecords .footer__legal-info a {
font-size: 10px;
line-height: 16px;
}
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
if (document.documentElement.clientWidth < 960) {
$('.footer__chapter-links-heading').click(function() {
$(this).siblings('.footer__chapter-links-wrap').slideToggle();
$(this).toggleClass('open');
});
}
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec958878116" 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 --> <!-- стилизация новых чекбоксов от 15.04.25 --> <style>
.t-input-group.t-input-group_cb[data-field-name="privacy"], .t-input-group_cb:has(input[name="privacy"]) {
margin-bottom: 0 !important;
}
/* скрываем чекбокс у согласия с политикой и оффертой */
.t-input-group_cb[data-field-name="privacy"] :is(.t-checkbox, .t-checkbox__indicator),
.t-input-group_cb input[name="privacy"], .t-input-group_cb input[name="privacy"] + .t-checkbox__indicator {
display: none;
}
.t-input-group_cb[data-field-name="privacy"] .t-checkbox__labeltext,
.t-input-group_cb input[name="privacy"] ~ .t-checkbox__labeltext {
margin-left: 0;
}
.t-input-group_cb[data-field-name="privacy"], .t-input-group_cb .t-checkbox__control:has([name="privacy"]) {
pointer-events: none;
}
.t-input-group_cb[data-field-name="privacy"] a, .t-input-group_cb input[name="privacy"] ~ .t-checkbox__labeltext a {
pointer-events: auto;
}
.t-input-group.t-input-group_cb[data-field-name="check"], .t-input-group_cb:has(input[name="check"]) {
margin-top: 16px;
margin-bottom: 0 !important;
}
.t-input-group.t-input-group_cb[data-field-name="check"] .t-checkbox__control {
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
</style> <!-- nominify end --> </div> </div> </div> </div> <!-- <strong>▼ Мини-футер ▼</strong> --> <div id="rec216668598" class="r t-rec t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec216668598 .t396__artboard {height:530px;}#rec216668598 .t396__filter {height:530px;}#rec216668598 .t396__carrier{height:530px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:522px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:490px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:649px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}#rec216668598 .tn-elem[data-elem-id="1564645816905"]{z-index:3;top:0px;;left:0px;;width:760px;height:530px;}#rec216668598 .tn-elem[data-elem-id="1564645816905"] .tn-atom{border-radius:24px 24px 24px 24px;background-color:#17171b;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1564645816905"]{top:0px;;left:0px;;width:620px;height:522px;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1564645816905"]{top:0px;;left:0px;;width:620px;height:490px;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1564645816905"]{top:0px;;left:0px;;width:300px;height:649px;border-radius:16px 16px 16px 16px;}#rec216668598 .tn-elem[data-elem-id="1564645816905"] .tn-atom{background-size:cover;border-radius:16px 16px 16px 16px;}}#rec216668598 .tn-elem[data-elem-id="1596205809432"]{color:#ffffff;z-index:4;top:144px;;left:40px;;width:310px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596205809432"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;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;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){#rec216668598 .tn-elem[data-elem-id="1596205809432"]{top:136px;;left:40px;;width:300px;height:auto;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1596205809432"]{top:112px;;left:32px;;width:260px;height:auto;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1596205809432"]{top:80px;;left:16px;;width:230px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596205809432"] .tn-atom{font-size:12px;background-size:cover;}}#rec216668598 .tn-elem[data-elem-id="1596206009249"]{color:#ffffff;z-index:5;top:144px;;left:350px;;width:280px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206009249"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;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;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){#rec216668598 .tn-elem[data-elem-id="1596206009249"]{top:136px;;left:340px;;width:188px;height:auto;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1596206009249"]{top:112px;;left:322px;;width:260px;height:auto;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1596206009249"]{top:324px;;left:16px;;width:240px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206009249"] .tn-atom{font-size:12px;background-size:cover;}}#rec216668598 .tn-elem[data-elem-id="1596206049927"]{color:#ffffff;z-index:6;top:40px;;left:40px;;width:418px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:80px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:500;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;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){#rec216668598 .tn-elem[data-elem-id="1596206049927"]{top:40px;;left:40px;;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:72px;background-size:cover;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1596206049927"]{top:32px;;left:32px;;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:56px;background-size:cover;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1596206049927"]{top:24px;;left:16px;;width:202px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:40px;background-size:cover;}}#rec216668598 .tn-elem[data-elem-id="1607933466856"]{color:#ffffff;z-index:7;top:424px;;left:40px;;width:440px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1607933466856"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;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;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){#rec216668598 .tn-elem[data-elem-id="1607933466856"]{top:416px;;left:40px;;width:434px;height:auto;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1607933466856"]{top:392px;;left:32px;;height:auto;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1607933466856"]{top:549px;;left:16px;;width:268px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1607933466856"] .tn-atom{vertical-align:middle;white-space:normal;font-size:12px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="216668598" data-artboard-screens="320,640,960,1200" data-artboard-height="530" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-heightmode="hug" data-artboard-height-res-320="649" data-artboard-height-res-640="490" data-artboard-height-res-960="522"> <div class="t396__carrier" data-artboard-recid="216668598"></div> <div class="t396__filter" data-artboard-recid="216668598"></div> <div class='t396__elem tn-elem requisites-bg tn-elem__2166685981564645816905' data-elem-id='1564645816905' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="530" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-heightmode-value="fixed" data-field-top-res-320-value="0" data-field-left-res-320-value="0" data-field-height-res-320-value="649" data-field-width-res-320-value="300" data-field-widthmode-res-320-value="fixed" data-field-heightmode-res-320-value="fixed" data-field-top-res-640-value="0" data-field-left-res-640-value="0" data-field-height-res-640-value="490" data-field-width-res-640-value="620" data-field-axisx-res-640-value="left" data-field-heightmode-res-640-value="fixed" data-field-top-res-960-value="0" data-field-left-res-960-value="0" data-field-height-res-960-value="522" data-field-width-res-960-value="620" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__2166685981596205809432' data-elem-id='1596205809432' data-elem-type='text' data-field-top-value="144" data-field-left-value="40" data-field-height-value="264" data-field-width-value="310" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="14" data-field-top-res-320-value="80" data-field-left-res-320-value="16" data-field-width-res-320-value="230" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="112" data-field-left-res-640-value="32" data-field-width-res-640-value="260" data-field-top-res-960-value="136" data-field-left-res-960-value="40" data-field-width-res-960-value="300"> <div class='tn-atom'field='tn_text_1596205809432'><span style="color: rgb(115, 115, 115);">Наименование</span><br>ООО "ИКС ВАЙ ЗЕТ НЕТВОРК" <br><br><span style="color: rgb(115, 115, 115);">ИНН</span><br>9705150153 <br><br><span style="color: rgb(115, 115, 115);">КПП</span> <br>770501001 <br><br><span style="color: rgb(115, 115, 115);">Счёт (₽) </span><br>40702810902500083750<br>1207700448361 ОГРН</div> </div> <div class='t396__elem tn-elem tn-elem__2166685981596206009249' data-elem-id='1596206009249' data-elem-type='text' data-field-top-value="144" data-field-left-value="350" data-field-height-value="242" data-field-width-value="280" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="14" data-field-top-res-320-value="324" data-field-left-res-320-value="16" data-field-width-res-320-value="240" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="112" data-field-left-res-640-value="322" data-field-width-res-640-value="260" data-field-top-res-960-value="136" data-field-left-res-960-value="340" data-field-width-res-960-value="188"> <div class='tn-atom'field='tn_text_1596206009249'><span style="color: rgb(115, 115, 115);">Банк получателя</span><br> "ООО "Банк Точка" "<br><br><span style="color: rgb(115, 115, 115);">Город </span><br>Москва<br><br><span style="color: rgb(115, 115, 115);">БИК </span><br>044525104<br><br><span style="color: rgb(115, 115, 115);">Корр. счёт </span><br>30101810745374525104</div> </div> <div class='t396__elem tn-elem tn-elem__2166685981596206049927' data-elem-id='1596206049927' data-elem-type='text' data-field-top-value="40" data-field-left-value="40" data-field-height-value="140" data-field-width-value="418" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="80" data-field-top-res-320-value="24" data-field-left-res-320-value="16" data-field-width-res-320-value="202" data-field-fontsize-res-320-value="40" data-field-top-res-640-value="32" data-field-left-res-640-value="32" data-field-fontsize-res-640-value="56" data-field-top-res-960-value="40" data-field-left-res-960-value="40" data-field-fontsize-res-960-value="72"> <div class='tn-atom'field='tn_text_1596206049927'>РЕКВИЗИТЫ</div> </div> <div class='t396__elem tn-elem tn-elem__2166685981607933466856' data-elem-id='1607933466856' data-elem-type='text' data-field-top-value="424" data-field-left-value="40" data-field-height-value="66" data-field-width-value="440" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="14" data-field-top-res-320-value="549" data-field-left-res-320-value="16" data-field-width-res-320-value="268" data-field-heightunits-res-320-value="px" data-field-textfit-res-320-value="autoheight" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="392" data-field-left-res-640-value="32" data-field-top-res-960-value="416" data-field-left-res-960-value="40" data-field-width-res-960-value="434"> <div class='tn-atom'field='tn_text_1607933466856'><span style="color: rgb(115, 115, 115);">Юридический адрес</span><br>115184, г. Москва, вн.тер.г. муниципальный округ Замоскворечье, ул Бахрушина, д. 10, стр. 2</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('216668598');});});</script> <!-- /T396 --> </div> <div id="rec216668599" class="r t-rec uc-requisites" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:rec"
role="dialog"
aria-modal="true"
tabindex="-1"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-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_8"> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec216668599');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('216668599');});});</script> </div> <div id="rec216668601" 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>
.shirina {
background: none !important;
right: 0 !important;
left: 0 !important;
}
.parpadding {
padding: 0 !important;
}
:is(.uc-requisites, .t390, .t331) .t-popup__close {
top: 24px;
right: 24px !important;
width: 44px;
height: 44px;
background: rgb(255 255 255 / 20%);
border-radius: 30px;
zoom: 0.8;
}
.t-popup__block-close-button {
width: 18px;
padding: 13px;
}
.t-popup__close-icon {
display: block;
width: 18px;
height: 18px;
}
@media (max-width: 639px) {
.uc-requisites .t-popup {
background: rgb(0 0 0 / 40%);
}
.uc-requisites .t-popup__container.t-popup__container-static {
margin: 24px auto;
}
:is(.uc-requisites, .t390) .t-popup__close {
position: absolute;
top: 16px;
right: 16px !important;
}
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
var ZeroPopID = '#rec216668598'; //Прописываем ID Zero
var PopWindID = '#rec216668599'; //Прописываем ID PopUp окна BF503
//Переносим ZeroBlock в POPup + Добавляем новый клас в POPup
$(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID));
$(PopWindID + " .t-popup__container").parent(".t-popup").addClass("parpadding");
// перемещаем крестик внутрь попапа
$('.uc-requisites').each(function() {
$(this).find('.requisites-bg').prepend($(this).find('.t-popup__close'));
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec577164264" class="r t-rec uc-license-popup" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:license"
role="dialog"
aria-modal="true"
tabindex="-1"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-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="#17171b" 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_6"> <div class="t390__wrapper t-align_center"> <div class="t390__descr t-descr t-descr_xs">Лицензия на образовательную деятельность рег. номер <span style="font-weight: 700;">Л035−1 298−77/179 677</span> от 22 февраля 2022</div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec577164264');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('577164264');});});</script> <style> #rec577164264 .t390__descr{color:#17171b;}</style> </div> <div id="rec586447967" class="r t-rec uc-license-popup" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:sout"
role="dialog"
aria-modal="true"
tabindex="-1"
aria-label="Результаты СОУТ"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-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="#17171b" 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_8"> <div class="t390__wrapper t-align_left"> <div class="t390__title t-heading t-heading_lg" id="popuptitle_586447967">Результаты СОУТ</div> <div class="t390__descr t-descr t-descr_xs">В декабре 2022 года в соответствии с действующим законодательством Российской Федерации в ООО «ИКС ВАЙ ЗЕТ НЕТВОРК» была проведена специальная оценка условий труда.<br /><br />С учётом требований законодательства Российской Федерации о персональных данных и законодательства Российской Федерации о государственной и об иной охраняемой законом тайне публикуем:<br /><ul><li style="color: rgb(23, 23, 27);"><a href="https://drive.google.com/file/d/1Hf0P73TIs0gn8ZB2SeQOeCdK0y1RaYP_/view" target="_blank" rel="noreferrer noopener" style="color: rgb(23, 23, 27); border-bottom: 1px solid rgb(23, 23, 27); box-shadow: none; text-decoration: none;">сводную ведомость специальной оценки условий труда</a></li><li><a href="https://drive.google.com/file/d/1msPYwdLZh2h88eb6Jrz-xDyERfamTmQc/view" target="_blank" rel="noreferrer noopener" style="color: rgb(23, 23, 27); border-bottom: 1px solid rgb(23, 23, 27); box-shadow: none; text-decoration: none;">перечень мероприятий по улучшению условий и охраны труда работников</a>, на рабочих местах которых проводилась специальная оценка условий труда.</li></ul></div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec586447967');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('586447967');});});</script> <style> #rec586447967 .t390__title{color:#17171b;font-weight:500;text-transform:uppercase;}@media screen and (min-width:900px){#rec586447967 .t390__title{font-size:60px;line-height:1;}}#rec586447967 .t390__descr{font-size:14px;line-height:1.6;color:#17171b;}</style> </div> <div id="rec577164294" 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>
.uc-license-popup .t-popup__container {
border-radius: 20px;
}
.uc-license-popup .t-popup__close {
zoom: 0.8;
background: #F0F0F0;
border-radius: 30px;
width: 44px;
height: 44px;
}
.uc-license-popup .t-popup__block-close-button {
width: 18px;
padding: 13px;
}
.uc-license-popup .t-popup__close-icon {
display: block;
width: 18px;
height: 18px;
}
@media screen and (max-width: 1199px) {
.uc-license-popup .t390__title {
font-size: 52px !important;
}
}
@media screen and (max-width: 959px) {
.uc-license-popup .t390__title {
font-size: 48px !important;
}
}
@media screen and (max-width: 639px) {
.uc-license-popup .t-popup__close {
zoom: 0.6;
top: 16px;
right: 16px;
}
.uc-license-popup .t390__wrapper {
padding: 32px 40px;
}
.uc-license-popup .t390__title {
font-size: 28px !important;
}
.uc-license-popup .t390__descr {
font-size: 10px !important;
}
}
</style> <script>
// переносим крестик внутрь попапа
document.addEventListener('DOMContentLoaded', function() {
$('.uc-license-popup .t-popup').each(function() {
$(this).find('.t-popup__container').prepend($(this).find('.t-popup__close'));
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec602614066" class="r t-rec" style=" " data-animationappear="off" data-record-type="886"> <!-- T886 --> <div class="t886 t886_closed" data-storage-item="t886cookiename_1006203" style=""> <div class="t886__wrapper" style="background-color:#ffffff; width:740px;"> <div class="t886__text t-text t-text_xs t-valign_middle" field="text">Пользуясь нашим сайтом, ты соглашаешься с тем, что мы <u style="color: rgb(128, 128, 255);"><a href="https://www.school-xyz.com/privacy-policy" style="box-shadow: none; text-decoration: none; border-bottom-style: solid; border-bottom-color: rgb(128, 128, 255); color: rgb(128, 128, 255);">используем cookies</a></u>.</div> <div
class="t-btn t-btnflex t-btnflex_type_button t-btnflex_sm t886__btn"
type="button"><span class="t-btnflex__text">Принять</span> <style>#rec602614066 .t-btnflex.t-btnflex_type_button {color:#ffffff;background-color:#6060ff;border-style:solid !important;border-color:#6060ff !important;--border-width:1px;border-radius:50px;box-shadow:none !important;font-weight:400;padding:9px 24px 9px 24px;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover) {#rec602614066 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover {color:#ffffff !important;background-color:#6060ff !important;}#rec602614066 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible {color:#ffffff !important;background-color:#6060ff !important;}}</style></div> </div> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t886_init',function() {t886_init('602614066');});});</script> <style>#rec602614066 .t886__text{text-align:left;}</style> <style> #rec602614066 .t886__text{line-height:1.6;color:#17171b;}</style> <style>#rec602614066 .t886__wrapper {box-shadow:0px 0px 4px rgba(0,0,0,0.1);}</style> <style> #rec602614066 .t886__wrapper{border-radius:16px;}@media (max-width:480px){#rec602614066 .t886__wrapper{border-radius:8px;}}</style> </div> <div id="rec602637647" 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 --> <!-- стилизация виджета cookie --> <style>
.t886 {
width: 100%;
z-index: 1000000001;
transition: .3s ease;
}
.t-body.show-promobar:not(.hide-promobar) .t886 {
bottom: calc(var(--dynamic-bottom) + 20px) !important;
}
.t886__wrapper {
display: flex;
padding: 12px 24px;
margin: 0 auto;
gap: 16px;
}
.t886__text {
font-size: 14px;
padding-right: 0 !important;
}
.t886__btn {
font-size: 14px;
line-height: 1.6;
}
@media screen and (max-width: 980px) {
.t886 {
width: calc(100% - 20px) !important;
left: 10px !important;
bottom: unset !important;
top: 14px !important;
}
.t886__wrapper {
border-radius: 8px !important;
padding: 8px 16px;
gap: 20px;
}
}
@media (max-width: 639px) {
.t886__text {
font-size: 10px;
}
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec368502560" 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 --> <!-- плагин интеграции amo crm -> yandex metrika --> <script type="text/javascript">
(function(){
var ya_counter_id = '65640406';
var ya_client_id = '';
var setYaClientId = function (){
var intervalYaClientId = setInterval(function(){
try {
if (typeof window['yaCounter'+ya_counter_id] !== "undefined" && typeof window['yaCounter'+ya_counter_id].getClientID !== "undefined") {
ya_client_id = window['yaCounter'+ya_counter_id].getClientID();
if (!ya_client_id)
return;
var forms = document.getElementsByTagName("form");
for (var i = 0; i < forms.length; i++) {
var input = document.createElement("INPUT");
input.type = "hidden";
input.name = "YMClientID";
input.value = ya_client_id;
forms[i].appendChild(input);
}
clearInterval(intervalYaClientId);
}
} catch(err) {
}
}, 1000);
};
setYaClientId();
})();
</script> <!-- nominify end --> </div> </div> </div> </div> </footer> <!--/footer--> </div> <!--/allrecords--> <!-- Stat --> <!-- Yandex.Metrika counter 65640406 --> <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='65640406';ym(window.mainMetrikaId,"init",{clickmap:true,trackLinks:true,accurateTrackBounce:true,webvisor:true,params:{__ym:{"ymCms":{"cms":"tilda","cmsVersion":"1.0","cmsCatalog":"1"}}},ecommerce:"dataLayer"});},2000);</script> <noscript><div><img src="https://mc.yandex.ru/watch/65640406" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';}
window.tildastatscroll='yes';setTimeout(function(){(function(d,w,k,o,g) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.key=k;s.id="tildastatscript";s.src=g;if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'46f1ce95aad41ac8b0d98605c4e04383','script','https://static.tildacdn.com/js/tilda-stat-1.0.min.js');},2000);</script> <!-- Rating Mail.ru counter --> <script type="text/javascript" data-tilda-cookie-type="analytics">setTimeout(function(){var _tmr=window._tmr||(window._tmr=[]);_tmr.push({id:"3737289",type:"pageView",start:(new Date()).getTime()});window.mainMailruId='3737289';(function(d,w,id) {if(d.getElementById(id)) {return;}
var ts=d.createElement("script");ts.type="text/javascript";ts.async=true;ts.id=id;ts.src="https://top-fwz1.mail.ru/js/code.js";var f=function() {var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(ts,s);};if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,"topmailru-code");},2000);</script> <noscript><img src="https://top-fwz1.mail.ru/counter?id=3737289;js=na" style="border:0;position:absolute;left:-9999px;width:1px;height:1px" alt="Top.Mail.Ru" /></noscript> <!-- //Rating Mail.ru counter --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KTCCH4H" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> </body> </html>