<!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>Бесплатный онлайн курс «Нарративный дизайн»</title> <meta name="description" content="Сделай первый шаг к профессии нарративного дизайнера — бесплатно узнай как писать квесты для игры." /> <meta property="og:url" content="https://www.school-xyz.com/intro-narrativnyj-design" /> <meta property="og:title" content="Бесплатный онлайн курс «Нарративный дизайн»" /> <meta property="og:description" content="Сделай первый шаг к профессии нарративного дизайнера — бесплатно узнай как писать квесты для игры." /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild6464-3538-4235-b939-373332646239/handpaintprev.jpg" /> <link rel="canonical" href="https://www.school-xyz.com/intro-narrativnyj-design"> <!--/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-page21032660.min.css?t=1772097529" 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" type="text/css" href="https://ws.tildacdn.com/project1006203/custom.css?t=1772097529"> <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-page21032660.min.js?t=1772097529" 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-animation-ext-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-animation-sbs-1.0.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=8"></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 --><!-- nominify begin --><style>
::-webkit-scrollbar {
width: 10px;
height: 0;
background: #211D1A;
}
::-webkit-scrollbar-thumb {
background: #fff;
background-clip: padding-box;
border: 2px solid transparent;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
border-width: 1px;
}
.xyz-info-notification {
display: none;
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
document.querySelector('body').classList.add('dark-theme');
});
</script><!-- 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="21032660" data-tilda-page-alias="intro-narrativnyj-design" 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-page-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="rec624317089" class="r t-rec" style=" " data-animationappear="off" data-record-type="360"> <!-- T360 --> <style>.t-records{opacity:0;}.t-records_animated{-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s;}.t-records.t-records_visible,.t-records .t-records{opacity:1;}</style> <script>t_onReady(function() {var allRecords=document.querySelector('.t-records');window.addEventListener('pageshow',function(event) {if(event.persisted) {allRecords.classList.add('t-records_visible');}});var rec=document.querySelector('#rec624317089');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity='1';allRecords.classList.add('t-records_animated');setTimeout(function() {allRecords.classList.add('t-records_visible');},200);});</script> <script>t_onReady(function() {var selects='button:not(.t-submit):not(.t835__btn_next):not(.t835__btn_prev):not(.t835__btn_result):not(.t862__btn_next):not(.t862__btn_prev):not(.t862__btn_result):not(.t854__news-btn):not(.t862__btn_next),' +
'a:not([href*="#"]):not(.carousel-control):not(.t-carousel__control):not(.t807__btn_reply):not([href^="#price"]):not([href^="javascript"]):not([href^="mailto"]):not([href^="tel"]):not([href^="link_sub"]):not(.js-feed-btn-show-more):not(.t367__opener):not([href^="https://www.dropbox.com/"])';var elements=document.querySelectorAll(selects);Array.prototype.forEach.call(elements,function(element) {if(element.getAttribute('data-menu-submenu-hook')) return;element.addEventListener('click',function(event) {var goTo=this.getAttribute('href');if(goTo!==null&&!goTo.startsWith('#')) {var ctrl=event.ctrlKey;var cmd=event.metaKey&&navigator.platform.indexOf('Mac')!==-1;if(!ctrl&&!cmd) {var target=this.getAttribute('target');if(target!=='_blank') {event.preventDefault();var allRecords=document.querySelector('.t-records');if(allRecords) {allRecords.classList.remove('t-records_visible');}
setTimeout(function() {window.location=goTo;},500);}}}});});});</script> </div> <div id="rec861326357" class="r t-rec" style=" " data-record-type="305"> <div class="t303"> <script>window.location.replace("https://free.school-xyz.com/" + window.location.search + window.location.hash);</script> <noscript>
Redirect to URL: <a href="https://free.school-xyz.com/">https://free.school-xyz.com/</a> </noscript> </div> </div> <div id="rec624317205" class="r t-rec" style=" " data-animationappear="off" data-record-type="674"> <!-- T674 --> <div class="t674"> <style>body {background-color:#211d1a !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='rec624317205';var rec=document.getElementById(recid);if(!rec) return;rec.classList.add('safari');})();</script> </div> <div id="rec624318388" 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>
:root .dark-theme :is(header, footer) {
--color-bg: #211D1A;
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec339788739" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339788739 .t396__artboard {height:1040px;background-color:#211d1a;overflow:visible;}#rec339788739 .t396__filter {height:1040px;}#rec339788739 .t396__carrier{height:1040px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339788739 .t396__artboard,#rec339788739 .t396__filter,#rec339788739 .t396__carrier {height:1020px;}#rec339788739 .t396__filter {}#rec339788739 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339788739 .t396__artboard,#rec339788739 .t396__filter,#rec339788739 .t396__carrier {height:930px;}#rec339788739 .t396__filter {}#rec339788739 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339788739 .t396__artboard,#rec339788739 .t396__filter,#rec339788739 .t396__carrier {height:760px;}#rec339788739 .t396__artboard {background-color:#211d1a;}#rec339788739 .t396__filter{}#rec339788739 .t396__carrier {background-position:center center;background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339788739 .t396__artboard,#rec339788739 .t396__filter,#rec339788739 .t396__carrier {height:1010px;}#rec339788739 .t396__filter {}#rec339788739 .t396__carrier {background-attachment:scroll;}}#rec339788739 .tn-elem[data-elem-id="1627298145897"]{z-index:3;top:0px;left:0px;width:1366px;height:auto;pointer-events:none;}#rec339788739 .tn-elem[data-elem-id="1627298145897"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339788739 .tn-elem[data-elem-id="1627298145897"]{width:1296px;height:auto;}}@media screen and (max-width:959px){#rec339788739 .tn-elem[data-elem-id="1627298145897"]{width:1136px;height:auto;}}@media screen and (max-width:639px){#rec339788739 .tn-elem[data-elem-id="1627298145897"]{width:788px;height:auto;}}@media screen and (max-width:479px){#rec339788739 .tn-elem[data-elem-id="1627298145897"]{width:665px;height:auto;}}#rec339788739 .tn-elem[data-elem-id="1627298145901"]{z-index:4;top:146px;left:322px;width:662px;height:661px;pointer-events:none;}#rec339788739 .tn-elem[data-elem-id="1627298145901"] .tn-atom{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){#rec339788739 .tn-elem[data-elem-id="1627298145901"]{width:608px;height:608px;}}@media screen and (max-width:959px){#rec339788739 .tn-elem[data-elem-id="1627298145901"]{width:499px;height:500px;}}@media screen and (max-width:639px){#rec339788739 .tn-elem[data-elem-id="1627298145901"]{width:372px;height:373px;}}@media screen and (max-width:479px){#rec339788739 .tn-elem[data-elem-id="1627298145901"]{width:378px;height:376px;}}#rec339788739 .tn-elem[data-elem-id="1627298145927"]{z-index:8;top:5px;left:0px;width:19px;height:auto;}#rec339788739 .tn-elem[data-elem-id="1627298145927"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339788739 .tn-elem[data-elem-id="1627298145927"]{height:auto;}}@media screen and (max-width:959px){#rec339788739 .tn-elem[data-elem-id="1627298145927"]{height:auto;}}@media screen and (max-width:639px){#rec339788739 .tn-elem[data-elem-id="1627298145927"]{width:14px;height:auto;}}@media screen and (max-width:479px){#rec339788739 .tn-elem[data-elem-id="1627298145927"]{height:auto;}}#rec339788739 .tn-elem[data-elem-id="1627298145932"]{z-index:9;top:50px;left:0px;width:19px;height:auto;}#rec339788739 .tn-elem[data-elem-id="1627298145932"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339788739 .tn-elem[data-elem-id="1627298145932"]{height:auto;}}@media screen and (max-width:959px){#rec339788739 .tn-elem[data-elem-id="1627298145932"]{height:auto;}}@media screen and (max-width:639px){#rec339788739 .tn-elem[data-elem-id="1627298145932"]{width:14px;height:auto;}}@media screen and (max-width:479px){#rec339788739 .tn-elem[data-elem-id="1627298145932"]{height:auto;}}#rec339788739 .tn-elem[data-elem-id="1627298145936"]{z-index:10;top:95px;left:0px;width:19px;height:auto;}#rec339788739 .tn-elem[data-elem-id="1627298145936"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339788739 .tn-elem[data-elem-id="1627298145936"]{height:auto;}}@media screen and (max-width:959px){#rec339788739 .tn-elem[data-elem-id="1627298145936"]{height:auto;}}@media screen and (max-width:639px){#rec339788739 .tn-elem[data-elem-id="1627298145936"]{width:14px;height:auto;}}@media screen and (max-width:479px){#rec339788739 .tn-elem[data-elem-id="1627298145936"]{height:auto;}}#rec339788739 .tn-elem[data-elem-id="1627298145939"]{color:#ffffff;text-align:LEFT;z-index:11;top:0px;left:37px;width:282px;height:auto;}#rec339788739 .tn-elem[data-elem-id="1627298145939"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.50;font-weight:100;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){#rec339788739 .tn-elem[data-elem-id="1627298145939"]{height:auto;}}@media screen and (max-width:959px){#rec339788739 .tn-elem[data-elem-id="1627298145939"]{height:auto;}}@media screen and (max-width:639px){#rec339788739 .tn-elem[data-elem-id="1627298145939"]{height:auto;}#rec339788739 .tn-elem[data-elem-id="1627298145939"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339788739 .tn-elem[data-elem-id="1627298145939"]{height:auto;}}#rec339788739 .tn-elem[data-elem-id="1627298145942"]{color:#ffffff;text-align:LEFT;z-index:12;top:45px;left:37px;width:373px;height:auto;}#rec339788739 .tn-elem[data-elem-id="1627298145942"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.50;font-weight:100;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){#rec339788739 .tn-elem[data-elem-id="1627298145942"]{height:auto;}}@media screen and (max-width:959px){#rec339788739 .tn-elem[data-elem-id="1627298145942"]{height:auto;}}@media screen and (max-width:639px){#rec339788739 .tn-elem[data-elem-id="1627298145942"]{height:auto;}#rec339788739 .tn-elem[data-elem-id="1627298145942"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339788739 .tn-elem[data-elem-id="1627298145942"]{width:305px;height:auto;}}#rec339788739 .tn-elem[data-elem-id="1627298145944"]{color:#ffffff;text-align:LEFT;z-index:13;top:90px;left:37px;width:139px;height:auto;}#rec339788739 .tn-elem[data-elem-id="1627298145944"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.50;font-weight:100;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){#rec339788739 .tn-elem[data-elem-id="1627298145944"]{height:auto;}}@media screen and (max-width:959px){#rec339788739 .tn-elem[data-elem-id="1627298145944"]{height:auto;}}@media screen and (max-width:639px){#rec339788739 .tn-elem[data-elem-id="1627298145944"]{height:auto;}#rec339788739 .tn-elem[data-elem-id="1627298145944"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339788739 .tn-elem[data-elem-id="1627298145944"]{height:auto;}}#rec339788739 .tn-elem[data-elem-id="1627298145892"]{z-index:1;top:158px;;left:calc(50% - 600px + 18px);;width:1037px;height:auto;}#rec339788739 .tn-elem[data-elem-id="1627298145892"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339788739 .tn-elem[data-elem-id="1627298145892"]{top:166px;;left:calc(50% - 480px + 8px);;width:940px;height:auto;}}@media screen and (max-width:959px){#rec339788739 .tn-elem[data-elem-id="1627298145892"]{top:135px;;left:calc(50% - 320px + 10px);;width:617px;height:auto;}}@media screen and (max-width:639px){#rec339788739 .tn-elem[data-elem-id="1627298145892"]{top:129px;;left:calc(50% - 240px + 10px);;width:460px;height:auto;}}@media screen and (max-width:479px){#rec339788739 .tn-elem[data-elem-id="1627298145892"]{top:119px;;left:calc(50% - 160px + 10px);;width:304px;height:auto;}}#rec339788739 .tn-elem[data-elem-id="1627298145888"]{color:#ffffff;text-align:LEFT;z-index:2;top:143px;;left:calc(50% - 600px + 20px);;width:413px;height:auto;}#rec339788739 .tn-elem[data-elem-id="1627298145888"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.60;font-weight:100;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){#rec339788739 .tn-elem[data-elem-id="1627298145888"]{top:143px;;left:calc(50% - 480px + 10px);;height:auto;}}@media screen and (max-width:959px){#rec339788739 .tn-elem[data-elem-id="1627298145888"]{top:103px;;left:calc(50% - 320px + 10px);;height:auto;}}@media screen and (max-width:639px){#rec339788739 .tn-elem[data-elem-id="1627298145888"]{top:103px;;left:calc(50% - 240px + 10px);;height:auto;}#rec339788739 .tn-elem[data-elem-id="1627298145888"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339788739 .tn-elem[data-elem-id="1627298145888"]{top:93px;;left:calc(50% - 160px + 10px);;height:auto;}}#rec339788739 .tn-elem[data-elem-id="1627298145916"]{color:#000000;text-align:center;z-index:5;top:678px;;left:calc(50% - 600px + 16px);;width:238px;height:58px;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:100;border-radius:40px;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:#feaf16;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom::after{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#000000;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom:hover::after{opacity:0;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec339788739 .tn-elem[data-elem-id="1627298145916"]{top:651px;;left:calc(50% - 480px + 6px);;width:px;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom::after{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom:hover::after{opacity:0;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec339788739 .tn-elem[data-elem-id="1627298145916"]{top:512px;;left:calc(50% - 320px + 10px);;width:px;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom::after{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom:hover::after{opacity:0;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec339788739 .tn-elem[data-elem-id="1627298145916"]{top:425px;;left:calc(50% - 240px + 10px);;width:px;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom::after{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom:hover::after{opacity:0;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec339788739 .tn-elem[data-elem-id="1627298145916"]{top:351px;;left:calc(50% - 160px + 10px);;width:300px;height:58px;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom::after{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom:hover::after{opacity:0;}#rec339788739 .tn-elem[data-elem-id="1627298145916"] .tn-atom:hover{animation-name:none;}}}#rec339788739 .tn-elem[data-elem-id="1627298145920"]{color:#ffffff;text-align:center;z-index:6;top:678px;;left:calc(50% - 600px + 270px);;width:238px;height:58px;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:100;border-radius:40px;background-position:center center;--t396-borderwidth:1px;--t396-bordercolor:#ffffff;--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-hover-color:#ffffff;--t396-bgcolor-hover-image:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom::after{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover::after{opacity:0;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover{color:#000000;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover .tn-atom__button-text{color:#000000;}}@media screen and (max-width:1199px){#rec339788739 .tn-elem[data-elem-id="1627298145920"]{top:651px;;left:calc(50% - 480px + 260px);;width:px;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom::after{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover::after{opacity:0;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:959px){#rec339788739 .tn-elem[data-elem-id="1627298145920"]{top:586px;;left:calc(50% - 320px + 10px);;width:px;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom::after{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover::after{opacity:0;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:639px){#rec339788739 .tn-elem[data-elem-id="1627298145920"]{top:499px;;left:calc(50% - 240px + 10px);;width:px;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom::after{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover::after{opacity:0;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:479px){#rec339788739 .tn-elem[data-elem-id="1627298145920"]{top:421px;;left:calc(50% - 160px + 10px);;width:300px;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom::after{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover::after{opacity:0;}#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339788739 .tn-elem[data-elem-id="1627298145920"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}#rec339788739 .tn-elem[data-elem-id="1627298145924"]{color:#ffffff;text-align:LEFT;z-index:7;top:552px;;left:calc(50% - 600px + 20px);;width:459px;height:auto;}#rec339788739 .tn-elem[data-elem-id="1627298145924"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.60;font-weight:100;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){#rec339788739 .tn-elem[data-elem-id="1627298145924"]{top:522px;;left:calc(50% - 480px + 10px);;height:auto;}}@media screen and (max-width:959px){#rec339788739 .tn-elem[data-elem-id="1627298145924"]{top:383px;;left:calc(50% - 320px + 10px);;width:405px;height:auto;}}@media screen and (max-width:639px){#rec339788739 .tn-elem[data-elem-id="1627298145924"]{top:310px;;left:calc(50% - 240px + 10px);;width:343px;height:auto;}#rec339788739 .tn-elem[data-elem-id="1627298145924"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339788739 .tn-elem[data-elem-id="1627298145924"]{top:247px;;left:calc(50% - 160px + 10px);;width:310px;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339788739" data-artboard-screens="320,480,640,960,1200" data-artboard-height="1040" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="1010" data-artboard-height-res-480="760" data-artboard-height-res-640="930" data-artboard-height-res-960="1020"> <div class="t396__carrier" data-artboard-recid="339788739"></div> <div class="t396__filter" data-artboard-recid="339788739"></div> <div class='t396__elem tn-elem tn-elem__3397887391627298145897 t-animate' data-elem-id='1627298145897' data-elem-type='image' data-field-top-value="56" data-field-left-value="210" data-field-width-value="1366" 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="" data-field-widthunits-value="px" data-animate-style="zoomin" data-animate-duration="1.5" data-animate-delay="0.6" data-animate-scale="0.9" data-field-filewidth-value="1126" data-field-fileheight-value="943" data-field-top-res-320-value="591" data-field-left-res-320-value="-167" data-field-width-res-320-value="665" data-field-top-res-480-value="196" data-field-left-res-480-value="63" data-field-width-res-480-value="788" data-field-top-res-640-value="134" data-field-left-res-640-value="-14" data-field-width-res-640-value="1136" data-field-top-res-960-value="118" data-field-left-res-960-value="114" data-field-width-res-960-value="1296"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3932-6530-4430-a637-643430313833/svg.svg'
src='https://static.tildacdn.com/tild3932-6530-4430-a637-643430313833/svg.svg'
alt='' imgfield='tn_img_1627298145897'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397887391627298145901 t-animate' data-elem-id='1627298145901' data-elem-type='shape' data-field-top-value="202" data-field-left-value="532" data-field-height-value="661" data-field-width-value="662" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-style="zoomin" data-animate-duration="1.5" data-animate-scale="0.85" data-animate-prx="mouse" data-animate-prx-dx="30" data-animate-prx-dy="30" data-field-top-res-320-value="623" data-field-left-res-320-value="-34" data-field-height-res-320-value="376" data-field-width-res-320-value="378" data-field-top-res-480-value="300" data-field-left-res-480-value="226" data-field-height-res-480-value="373" data-field-width-res-480-value="372" data-field-top-res-640-value="298" data-field-left-res-640-value="296" data-field-height-res-640-value="500" data-field-width-res-640-value="499" data-field-top-res-960-value="228" data-field-left-res-960-value="458" data-field-height-res-960-value="608" data-field-width-res-960-value="608"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3833-3031-4631-a433-653532366162/photo.png"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__3397887391627298145927' data-elem-id='1627298145927' data-elem-type='image' data-field-top-value="779" data-field-left-value="22" data-field-width-value="19" 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="" data-field-widthunits-value="px" data-field-filewidth-value="79" data-field-fileheight-value="79" data-field-top-res-320-value="520" data-field-left-res-320-value="10" data-field-top-res-480-value="595" data-field-left-res-480-value="13" data-field-width-res-480-value="14" data-field-top-res-640-value="680" data-field-left-res-640-value="9" data-field-top-res-960-value="763" data-field-left-res-960-value="2"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3665-3264-4432-b561-376531386235/96f20ed1ffea7fb3b9eb.svg'
src='https://static.tildacdn.com/tild3665-3264-4432-b561-376531386235/96f20ed1ffea7fb3b9eb.svg'
alt='' imgfield='tn_img_1627298145927'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397887391627298145932' data-elem-id='1627298145932' data-elem-type='image' data-field-top-value="824" data-field-left-value="22" data-field-width-value="19" 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="" data-field-widthunits-value="px" data-field-filewidth-value="79" data-field-fileheight-value="79" data-field-top-res-320-value="556" data-field-left-res-320-value="10" data-field-top-res-480-value="630" data-field-left-res-480-value="13" data-field-width-res-480-value="14" data-field-top-res-640-value="725" data-field-left-res-640-value="9" data-field-top-res-960-value="808" data-field-left-res-960-value="2"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3833-3161-4961-b434-383832393065/96f20ed1ffea7fb3b9eb.svg'
src='https://static.tildacdn.com/tild3833-3161-4961-b434-383832393065/96f20ed1ffea7fb3b9eb.svg'
alt='' imgfield='tn_img_1627298145932'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397887391627298145936' data-elem-id='1627298145936' data-elem-type='image' data-field-top-value="869" data-field-left-value="22" data-field-width-value="19" 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="" data-field-widthunits-value="px" data-field-filewidth-value="79" data-field-fileheight-value="79" data-field-top-res-320-value="591" data-field-left-res-320-value="9" data-field-top-res-480-value="665" data-field-left-res-480-value="13" data-field-width-res-480-value="14" data-field-top-res-640-value="770" data-field-left-res-640-value="9" data-field-top-res-960-value="853" data-field-left-res-960-value="2"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3663-3432-4137-b634-343163353639/96f20ed1ffea7fb3b9eb.svg'
src='https://static.tildacdn.com/tild3663-3432-4137-b634-343163353639/96f20ed1ffea7fb3b9eb.svg'
alt='' imgfield='tn_img_1627298145936'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397887391627298145939' data-elem-id='1627298145939' data-elem-type='text' data-field-top-value="774" data-field-left-value="59" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="516" data-field-left-res-320-value="33" data-field-top-res-480-value="591" data-field-left-res-480-value="37" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="675" data-field-left-res-640-value="46" data-field-top-res-960-value="758" data-field-left-res-960-value="39"> <div class='tn-atom'field='tn_text_1627298145939'>5 блоков</div> </div> <div class='t396__elem tn-elem tn-elem__3397887391627298145942' data-elem-id='1627298145942' data-elem-type='text' data-field-top-value="819" data-field-left-value="59" data-field-width-value="373" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="551" data-field-left-res-320-value="33" data-field-width-res-320-value="305" data-field-top-res-480-value="626" data-field-left-res-480-value="37" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="720" data-field-left-res-640-value="46" data-field-top-res-960-value="803" data-field-left-res-960-value="39"> <div class='tn-atom'field='tn_text_1627298145942'>Начало обучения после регистрации</div> </div> <div class='t396__elem tn-elem tn-elem__3397887391627298145944' data-elem-id='1627298145944' data-elem-type='text' data-field-top-value="864" data-field-left-value="59" data-field-width-value="139" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="587" data-field-left-res-320-value="33" data-field-top-res-480-value="661" data-field-left-res-480-value="37" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="765" data-field-left-res-640-value="46" data-field-top-res-960-value="848" data-field-left-res-960-value="39"> <div class='tn-atom'field='tn_text_1627298145944'>Для новичков</div> </div> <div class='t396__elem tn-elem tn-elem__3397887391627298145892' data-elem-id='1627298145892' data-elem-type='image' data-field-top-value="158" data-field-left-value="18" data-field-width-value="1037" 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="" data-field-widthunits-value="px" data-field-filewidth-value="1019" data-field-fileheight-value="355" data-field-top-res-320-value="119" data-field-left-res-320-value="10" data-field-width-res-320-value="304" data-field-top-res-480-value="129" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-top-res-640-value="135" data-field-left-res-640-value="10" data-field-width-res-640-value="617" data-field-top-res-960-value="166" data-field-left-res-960-value="8" data-field-width-res-960-value="940"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3263-3639-4434-b263-626237613237/Logo.svg'
src='https://static.tildacdn.com/tild3263-3639-4434-b263-626237613237/Logo.svg'
alt='' imgfield='tn_img_1627298145892'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397887391627298145888' data-elem-id='1627298145888' data-elem-type='text' data-field-top-value="143" data-field-left-value="20" data-field-width-value="413" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="93" data-field-left-res-320-value="10" data-field-top-res-480-value="103" data-field-left-res-480-value="10" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="103" data-field-left-res-640-value="10" data-field-top-res-960-value="143" data-field-left-res-960-value="10"> <div class='tn-atom'field='tn_text_1627298145888'>ИНТРО — Бесплатный курс</div> </div> <div class='t396__elem tn-elem tn-elem__3397887391627298145916' data-elem-id='1627298145916' data-elem-type='button' data-field-top-value="678" data-field-left-value="16" data-field-height-value="58" data-field-width-value="238" 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="" data-field-widthunits-value="" data-field-fontsize-value="16" data-field-top-res-320-value="351" data-field-left-res-320-value="10" data-field-height-res-320-value="58" data-field-width-res-320-value="300" data-field-top-res-480-value="425" data-field-left-res-480-value="10" data-field-top-res-640-value="512" data-field-left-res-640-value="10" data-field-top-res-960-value="651" data-field-left-res-960-value="6"> <a class='tn-atom' href="#PopupIntroCourseRegistration"> <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__3397887391627298145920' data-elem-id='1627298145920' data-elem-type='button' data-field-top-value="678" data-field-left-value="270" data-field-height-value="58" data-field-width-value="238" 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="" data-field-widthunits-value="" data-field-fontsize-value="16" data-field-top-res-320-value="421" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="499" data-field-left-res-480-value="10" data-field-top-res-640-value="586" data-field-left-res-640-value="10" data-field-top-res-960-value="651" data-field-left-res-960-value="260"> <a class='tn-atom' href="#program"> <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__3397887391627298145924' data-elem-id='1627298145924' data-elem-type='text' data-field-top-value="552" data-field-left-value="20" data-field-width-value="459" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="247" data-field-left-res-320-value="10" data-field-width-res-320-value="310" data-field-top-res-480-value="310" data-field-left-res-480-value="10" data-field-width-res-480-value="343" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="383" data-field-left-res-640-value="10" data-field-width-res-640-value="405" data-field-top-res-960-value="522" data-field-left-res-960-value="10"> <div class='tn-atom'field='tn_text_1627298145924'>Узнай, что делает квесты хорошими, научись их писать, а затем — грамотно вписывать в историю и геймплей.</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339788739');});});</script> <!-- /T396 --> </div> <div id="rec339931871" 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>
var _XYZ_PAGE_DATA = {
headerButton: {
title: 'Начать обучение',
link: '#PopupIntroCourseRegistration',
className: ''
}
};
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec339789180" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339789180 .t396__artboard {height:2246px;background-color:#211d1a;}#rec339789180 .t396__filter {height:2246px;}#rec339789180 .t396__carrier{height:2246px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339789180 .t396__artboard,#rec339789180 .t396__filter,#rec339789180 .t396__carrier {height:2387px;}#rec339789180 .t396__filter {}#rec339789180 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339789180 .t396__artboard,#rec339789180 .t396__filter,#rec339789180 .t396__carrier {height:2397px;}#rec339789180 .t396__artboard {background-color:#211d1a;}#rec339789180 .t396__filter{}#rec339789180 .t396__carrier {background-position:center center;background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339789180 .t396__artboard,#rec339789180 .t396__filter,#rec339789180 .t396__carrier {height:2197px;}#rec339789180 .t396__filter {}#rec339789180 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339789180 .t396__artboard,#rec339789180 .t396__filter,#rec339789180 .t396__carrier {height:2076px;}#rec339789180 .t396__filter {}#rec339789180 .t396__carrier {background-attachment:scroll;}}#rec339789180 .tn-elem[data-elem-id="1627302969283"]{z-index:25;top:13px;left:270px;width:775px;height:85px;}#rec339789180 .tn-elem[data-elem-id="1627302969283"] .tn-atom{border-radius:10px;background-position:center center;--t396-borderwidth:2px;--t396-bordercolor:#484848;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){#rec339789180 .tn-elem[data-elem-id="1627302969283"]{width:640px;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969283"]{width:500px;height:78px;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969283"]{width:396px;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969283"]{width:260px;height:60px;}}#rec339789180 .tn-elem[data-elem-id="1627302969287"]{color:#ffffff;text-align:LEFT;z-index:26;top:33px;left:310px;width:668px;height:auto;pointer-events:none;}#rec339789180 .tn-elem[data-elem-id="1627302969287"] .tn-atom{color:#ffffff;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.61;font-weight:100;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){#rec339789180 .tn-elem[data-elem-id="1627302969287"]{width:550px;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969287"]{height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969287"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969287"]{width:367px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969287"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969287"]{width:218px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969287"] .tn-atom{font-size:16px;background-size:cover;}}#rec339789180 .tn-elem[data-elem-id="1627302969298"]{z-index:28;top:41px;left:270px;width:775px;height:85px;}#rec339789180 .tn-elem[data-elem-id="1627302969298"] .tn-atom{border-radius:10px;background-position:center center;--t396-borderwidth:2px;--t396-bordercolor:#484848;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){#rec339789180 .tn-elem[data-elem-id="1627302969298"]{width:640px;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969298"]{width:500px;height:78px;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969298"]{width:396px;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969298"]{width:260px;height:60px;}}#rec339789180 .tn-elem[data-elem-id="1627302969302"]{color:#ffffff;text-align:LEFT;z-index:29;top:61px;left:310px;width:668px;height:auto;pointer-events:none;}#rec339789180 .tn-elem[data-elem-id="1627302969302"] .tn-atom{color:#ffffff;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.61;font-weight:100;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){#rec339789180 .tn-elem[data-elem-id="1627302969302"]{width:558px;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969302"]{width:436px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969302"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969302"]{width:352px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969302"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969302"]{width:240px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969302"] .tn-atom{font-size:16px;background-size:cover;}}#rec339789180 .tn-elem[data-elem-id="1627302969317"]{z-index:22;top:-17px;left:270px;width:775px;height:85px;}#rec339789180 .tn-elem[data-elem-id="1627302969317"] .tn-atom{border-radius:10px;background-position:center center;--t396-borderwidth:2px;--t396-bordercolor:#484848;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){#rec339789180 .tn-elem[data-elem-id="1627302969317"]{width:640px;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969317"]{width:500px;height:78px;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969317"]{width:396px;height:78px;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969317"]{width:260px;height:60px;}}#rec339789180 .tn-elem[data-elem-id="1627302969321"]{color:#ffffff;text-align:LEFT;z-index:23;top:3px;left:310px;width:668px;height:auto;pointer-events:none;}#rec339789180 .tn-elem[data-elem-id="1627302969321"] .tn-atom{color:#ffffff;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.61;font-weight:100;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){#rec339789180 .tn-elem[data-elem-id="1627302969321"]{width:563px;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969321"]{height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969321"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969321"]{width:351px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969321"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969321"]{width:204px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969321"] .tn-atom{font-size:16px;background-size:cover;}}#rec339789180 .tn-elem[data-elem-id="1627302969263"]{z-index:19;top:-44px;left:270px;width:775px;height:85px;}#rec339789180 .tn-elem[data-elem-id="1627302969263"] .tn-atom{border-radius:10px;background-position:center center;--t396-borderwidth:2px;--t396-bordercolor:#484848;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){#rec339789180 .tn-elem[data-elem-id="1627302969263"]{width:640px;height:85px;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969263"]{width:500px;height:78px;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969263"]{width:396px;height:78px;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969263"]{width:260px;height:60px;}}#rec339789180 .tn-elem[data-elem-id="1627302969268"]{color:#ffffff;text-align:LEFT;z-index:20;top:-24px;left:310px;width:668px;height:auto;pointer-events:none;}#rec339789180 .tn-elem[data-elem-id="1627302969268"] .tn-atom{color:#ffffff;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.61;font-weight:100;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){#rec339789180 .tn-elem[data-elem-id="1627302969268"]{width:528px;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969268"]{width:443px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969268"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969268"]{width:355px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969268"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969268"]{width:195px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969268"] .tn-atom{font-size:16px;background-size:cover;}}#rec339789180 .tn-elem[data-elem-id="1627302969209"]{z-index:1;top:833px;;left:calc(50% - 600px + 20px);;width:1160px;height:1351px;}#rec339789180 .tn-elem[data-elem-id="1627302969209"] .tn-atom{border-radius:10px;background-color:#39322d;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){#rec339789180 .tn-elem[data-elem-id="1627302969209"]{top:952px;;left:calc(50% - 480px + 9px);;width:940px;height:1395px;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969209"]{top:1006px;;left:calc(50% - 320px + 0px);;width:100%;height:1364px;border-radius:0px;}#rec339789180 .tn-elem[data-elem-id="1627302969209"] .tn-atom{background-size:cover;border-radius:0px;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969209"]{top:789px;;left:calc(50% - 240px + 0px);;width:100px;height:1401px;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969209"]{top:995px;;left:calc(50% - 160px + 0px);;width:100%;height:1058px;}}#rec339789180 .tn-elem[data-elem-id="1627302969214"]{z-index:2;top:796px;;left:calc(50% - 600px + 1057px);;width:74px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969214"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789180 .tn-elem[data-elem-id="1627302969214"]{top:917px;;left:calc(50% - 480px + 849px);;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969214"]{top:981px;;left:calc(50% - 320px + 539px);;width:50px;height:auto;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969214"]{top:767px;;left:calc(50% - 240px + 395px);;width:43px;height:auto;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969214"]{top:978px;;left:calc(50% - 160px + 254px);;width:36px;height:auto;}}#rec339789180 .tn-elem[data-elem-id="1627302969226"]{color:#ffffff;text-align:LEFT;z-index:3;top:1270px;;left:calc(50% - 600px + 281px);;width:774px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969226"] .tn-atom{color:#ffffff;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.61;font-weight:100;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){#rec339789180 .tn-elem[data-elem-id="1627302969226"]{top:1389px;;left:calc(50% - 480px + 230px);;width:621px;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969226"]{top:1518px;;left:calc(50% - 320px + 70px);;width:502px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969226"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969226"]{top:1417px;;left:calc(50% - 240px + 12px);;width:401px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969226"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969226"]{top:1415px;;left:calc(50% - 160px + 10px);;width:257px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969226"] .tn-atom{font-size:16px;background-size:cover;}}#rec339789180 .tn-elem[data-elem-id="1627302969229"]{color:#ffffff;text-align:LEFT;z-index:4;top:971px;;left:calc(50% - 600px + 281px);;width:774px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969229"] .tn-atom{color:#ffffff;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.61;font-weight:100;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){#rec339789180 .tn-elem[data-elem-id="1627302969229"]{top:1090px;;left:calc(50% - 480px + 230px);;width:655px;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969229"]{top:1199px;;left:calc(50% - 320px + 70px);;width:500px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969229"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969229"]{top:1136px;;left:calc(50% - 240px + 12px);;width:381px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969229"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969229"]{top:1201px;;left:calc(50% - 160px + 10px);;width:280px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969229"] .tn-atom{font-size:16px;background-size:cover;}}#rec339789180 .tn-elem[data-elem-id="1627302969233"]{color:#ffffff;text-align:LEFT;z-index:5;top:1136px;;left:calc(50% - 600px + 281px);;width:834px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969233"] .tn-atom{color:#ffffff;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.61;font-weight:100;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){#rec339789180 .tn-elem[data-elem-id="1627302969233"]{top:1255px;;left:calc(50% - 480px + 230px);;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969233"]{top:1392px;;left:calc(50% - 320px + 70px);;width:468px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969233"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969233"]{top:1308px;;left:calc(50% - 240px + 12px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969233"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969233"]{top:1333px;;left:calc(50% - 160px + 10px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969233"] .tn-atom{font-size:16px;background-size:cover;}}#rec339789180 .tn-elem[data-elem-id="1627302969237"]{color:#ffffff;text-align:LEFT;z-index:6;top:1540px;;left:calc(50% - 600px + 280px);;width:474px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969237"] .tn-atom{color:#ffffff;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.61;font-weight:100;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){#rec339789180 .tn-elem[data-elem-id="1627302969237"]{top:1712px;;left:calc(50% - 480px + 230px);;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969237"]{top:1802px;;left:calc(50% - 320px + 70px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969237"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969237"]{top:1655px;;left:calc(50% - 240px + 12px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969237"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969237"]{top:1647px;;left:calc(50% - 160px + 10px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969237"] .tn-atom{font-size:16px;background-size:cover;}}#rec339789180 .tn-elem[data-elem-id="1627302969250"]{color:#ffa800;text-align:LEFT;z-index:7;top:1223px;;left:calc(50% - 600px + 283px);;width:432px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969250"] .tn-atom{color:#ffa800;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.61;font-weight:100;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){#rec339789180 .tn-elem[data-elem-id="1627302969250"]{top:1342px;;left:calc(50% - 480px + 232px);;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969250"]{top:1471px;;left:calc(50% - 320px + 70px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969250"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969250"]{top:1377px;;left:calc(50% - 240px + 12px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969250"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969250"]{top:1380px;;left:calc(50% - 160px + 10px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969250"] .tn-atom{font-size:16px;background-size:cover;}}#rec339789180 .tn-elem[data-elem-id="1627302969253"]{color:#ffa800;text-align:LEFT;z-index:8;top:925px;;left:calc(50% - 600px + 281px);;width:390px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969253"] .tn-atom{color:#ffa800;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.61;font-weight:100;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){#rec339789180 .tn-elem[data-elem-id="1627302969253"]{top:1044px;;left:calc(50% - 480px + 230px);;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969253"]{top:1153px;;left:calc(50% - 320px + 70px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969253"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969253"]{top:1096px;;left:calc(50% - 240px + 12px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969253"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969253"]{top:1166px;;left:calc(50% - 160px + 10px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969253"] .tn-atom{font-size:16px;background-size:cover;}}#rec339789180 .tn-elem[data-elem-id="1627302969260"]{color:#ffa800;text-align:LEFT;z-index:9;top:1495px;;left:calc(50% - 600px + 280px);;width:396px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969260"] .tn-atom{color:#ffa800;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.61;font-weight:100;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){#rec339789180 .tn-elem[data-elem-id="1627302969260"]{top:1665px;;left:calc(50% - 480px + 230px);;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969260"]{top:1755px;;left:calc(50% - 320px + 70px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969260"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969260"]{top:1615px;;left:calc(50% - 240px + 12px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969260"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969260"]{top:1612px;;left:calc(50% - 160px + 10px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969260"] .tn-atom{font-size:16px;background-size:cover;}}#rec339789180 .tn-elem[data-elem-id="1627302969257"]{color:#ffa800;text-align:LEFT;z-index:10;top:1098px;;left:calc(50% - 600px + 281px);;width:82px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969257"] .tn-atom{color:#ffa800;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.61;font-weight:100;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){#rec339789180 .tn-elem[data-elem-id="1627302969257"]{top:1217px;;left:calc(50% - 480px + 230px);;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969257"]{top:1354px;;left:calc(50% - 320px + 70px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969257"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969257"]{top:1268px;;left:calc(50% - 240px + 12px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969257"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969257"]{top:1298px;;left:calc(50% - 160px + 10px);;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969257"] .tn-atom{font-size:16px;background-size:cover;}}#rec339789180 .tn-elem[data-elem-id="1627302969331"]{z-index:12;top:941px;;left:calc(50% - 600px + -60px);;width:240px;height:379px;}#rec339789180 .tn-elem[data-elem-id="1627302969331"] .tn-atom{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 (min-width:1200px){#rec339789180 .tn-elem.t396__elem--anim-hidden[data-elem-id="1627302969331"]{opacity:0;}}@media screen and (max-width:1199px){#rec339789180 .tn-elem[data-elem-id="1627302969331"]{top:1061px;;left:calc(50% - 480px + -70px);;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969331"]{top:840px;;left:calc(50% - 320px + -553px);;width:144px;height:226px;}#rec339789180 .tn-elem[data-elem-id="1627302969331"] .tn-atom{background-size:cover;opacity:0;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969331"]{top:839px;;left:calc(50% - 240px + 16px);;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969331"]{top:861px;;left:calc(50% - 160px + 11px);;width:175px;height:274px;}#rec339789180 .tn-elem[data-elem-id="1627302969331"] .tn-atom{background-size:cover;opacity:1;}}#rec339789180 .tn-elem[data-elem-id="1627303682158"]{z-index:13;top:924px;;left:calc(50% - 600px + 1130px);;width:2px;height:1166px;}#rec339789180 .tn-elem[data-elem-id="1627303682158"] .tn-atom{background-color:#484848;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){#rec339789180 .tn-elem[data-elem-id="1627303682158"]{top:1053px;;left:calc(50% - 480px + 919px);;height:1206px;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627303682158"]{top:1069px;;left:calc(50% - 320px + -21px);;height:1182px;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627303682158"]{top:868px;;left:calc(50% - 240px + -14px);;height:1222px;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627303682158"]{top:1028px;;left:calc(50% - 160px + -16px);;height:976px;}}#rec339789180 .tn-elem[data-elem-id="1627302969335"]{z-index:14;top:919px;;left:calc(50% - 600px + 1125px);;width:11px;height:72px;}#rec339789180 .tn-elem[data-elem-id="1627302969335"] .tn-atom{border-radius:200px;background-color:#515151;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media (min-width:1200px){#rec339789180 .tn-elem.t396__elem--anim-hidden[data-elem-id="1627302969335"]{opacity:0;}}@media screen and (max-width:1199px){#rec339789180 .tn-elem[data-elem-id="1627302969335"]{top:2218px;;left:calc(50% - 480px + 914px);;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969335"]{top:2244px;;left:calc(50% - 320px + -16px);;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969335"]{top:2063px;;left:calc(50% - 240px + -9px);;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969335"]{top:1960px;;left:calc(50% - 160px + -13px);;width:8px;height:56px;}}#rec339789180 .tn-elem[data-elem-id="1627302969340"]{z-index:15;top:285px;;left:calc(50% - 600px + 22px);;width:281px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969340"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789180 .tn-elem[data-elem-id="1627302969340"]{top:211px;;left:calc(50% - 480px + 12px);;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969340"]{top:167px;;left:calc(50% - 320px + 12px);;height:auto;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969340"]{top:137px;;left:calc(50% - 240px + 12px);;width:180px;height:auto;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969340"]{top:159px;;left:calc(50% - 160px + 12px);;height:auto;}}#rec339789180 .tn-elem[data-elem-id="1627302969345"]{color:#ffffff;text-align:LEFT;z-index:16;top:91px;;left:calc(50% - 600px + 17px);;width:400px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969345"] .tn-atom{color:#ffffff;font-size:60px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.00;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){#rec339789180 .tn-elem[data-elem-id="1627302969345"]{top:81px;;left:calc(50% - 480px + 7px);;width:583px;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969345"]{top:61px;;left:calc(50% - 320px + 10px);;width:587px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969345"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969345"]{top:51px;;left:calc(50% - 240px + 10px);;width:346px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969345"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969345"]{top:41px;;left:calc(50% - 160px + 10px);;width:310px;height:auto;}}#rec339789180 .tn-elem[data-elem-id="1627302969349"]{color:#ffffff;text-align:LEFT;z-index:17;top:95px;;left:calc(50% - 600px + 462px);;width:715px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969349"] .tn-atom{color:#ffffff;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.61;font-weight:100;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){#rec339789180 .tn-elem[data-elem-id="1627302969349"]{top:283px;;left:calc(50% - 480px + 12px);;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627302969349"]{top:225px;;left:calc(50% - 320px + 10px);;width:546px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969349"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627302969349"]{top:183px;;left:calc(50% - 240px + 10px);;width:417px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969349"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627302969349"]{top:209px;;left:calc(50% - 160px + 10px);;width:292px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627302969349"] .tn-atom{font-size:18px;background-size:cover;}}#rec339789180 .tn-elem[data-elem-id="1627318275631"]{color:#ffffff;text-align:LEFT;z-index:18;top:384px;;left:calc(50% - 600px + 460px);;width:717px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627318275631"] .tn-atom{color:#ffffff;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.61;font-weight:100;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){#rec339789180 .tn-elem[data-elem-id="1627318275631"]{top:548px;;left:calc(50% - 480px + 10px);;height:auto;}}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627318275631"]{top:491px;;left:calc(50% - 320px + 10px);;width:546px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627318275631"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627318275631"]{top:441px;;left:calc(50% - 240px + 10px);;width:417px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627318275631"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627318275631"]{top:496px;;left:calc(50% - 160px + 10px);;width:292px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627318275631"] .tn-atom{font-size:18px;background-size:cover;}}#rec339789180 .tn-elem[data-elem-id="1627349368786"]{z-index:30;top:138px;;left:calc(50% - 600px + -879px);;width:505px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627349368786"] .tn-atom{opacity:0;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:959px){#rec339789180 .tn-elem[data-elem-id="1627349368786"]{top:911px;;left:calc(50% - 320px + 70px);;width:421px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627349368786"] .tn-atom{background-size:cover;opacity:1;}}@media screen and (max-width:639px){#rec339789180 .tn-elem[data-elem-id="1627349368786"]{top:864px;;left:calc(50% - 240px + 13px);;width:396px;height:auto;}}@media screen and (max-width:479px){#rec339789180 .tn-elem[data-elem-id="1627349368786"]{top:900px;;left:calc(50% - 160px + -414px);;width:261px;height:auto;}#rec339789180 .tn-elem[data-elem-id="1627349368786"] .tn-atom{background-size:cover;opacity:0;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339789180" data-artboard-screens="320,480,640,960,1200" data-artboard-height="2246" data-artboard-valign="center" data-artboard-height-res-320="2076" data-artboard-height-res-480="2197" data-artboard-height-res-640="2397" data-artboard-height-res-960="2387"> <div class="t396__carrier" data-artboard-recid="339789180"></div> <div class="t396__filter" data-artboard-recid="339789180"></div> <div class='t396__elem tn-elem block-hover tn-elem__3397891801627302969283' data-elem-id='1627302969283' data-elem-type='shape' data-field-top-value="1895" data-field-left-value="280" data-field-height-value="85" data-field-width-value="775" 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="1882" data-field-left-res-320-value="10" data-field-height-res-320-value="60" data-field-width-res-320-value="260" data-field-top-res-480-value="1960" data-field-left-res-480-value="14" data-field-width-res-480-value="396" data-field-top-res-640-value="2138" data-field-left-res-640-value="71" data-field-height-res-640-value="78" data-field-width-res-640-value="500" data-field-top-res-960-value="2076" data-field-left-res-960-value="230" data-field-width-res-960-value="640"> <a class='tn-atom' href="#next"> </a> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969287' data-elem-id='1627302969287' data-elem-type='text' data-field-top-value="1915" data-field-left-value="320" data-field-width-value="668" 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="" data-field-widthunits-value="px" data-field-fontsize-value="28" data-field-top-res-320-value="1903" data-field-left-res-320-value="36" data-field-width-res-320-value="218" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="1982" data-field-left-res-480-value="54" data-field-width-res-480-value="367" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="2160" data-field-left-res-640-value="111" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="2096" data-field-left-res-960-value="270" data-field-width-res-960-value="550"> <div class='tn-atom'field='tn_text_1627302969287'>3. Да [Сарказм]</div> </div> <div class='t396__elem tn-elem block-hover tn-elem__3397891801627302969298' data-elem-id='1627302969298' data-elem-type='shape' data-field-top-value="1997" data-field-left-value="280" data-field-height-value="85" data-field-width-value="775" 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="1956" data-field-left-res-320-value="10" data-field-height-res-320-value="60" data-field-width-res-320-value="260" data-field-top-res-480-value="2058" data-field-left-res-480-value="14" data-field-width-res-480-value="396" data-field-top-res-640-value="2236" data-field-left-res-640-value="71" data-field-height-res-640-value="78" data-field-width-res-640-value="500" data-field-top-res-960-value="2178" data-field-left-res-960-value="230" data-field-width-res-960-value="640"> <a class='tn-atom' href="#PopupIntroCourseRegistration"> </a> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969302' data-elem-id='1627302969302' data-elem-type='text' data-field-top-value="2017" data-field-left-value="320" data-field-width-value="668" 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="" data-field-widthunits-value="px" data-field-fontsize-value="28" data-field-top-res-320-value="1978" data-field-left-res-320-value="36" data-field-width-res-320-value="240" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="2080" data-field-left-res-480-value="54" data-field-width-res-480-value="352" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="2258" data-field-left-res-640-value="111" data-field-width-res-640-value="436" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="2198" data-field-left-res-960-value="270" data-field-width-res-960-value="558"> <div class='tn-atom'field='tn_text_1627302969302'>4. Нет, хочу сразу на курс!</div> </div> <div class='t396__elem tn-elem block-hover tn-elem__3397891801627302969317' data-elem-id='1627302969317' data-elem-type='shape' data-field-top-value="1793" data-field-left-value="280" data-field-height-value="85" data-field-width-value="775" 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="1810" data-field-left-res-320-value="10" data-field-height-res-320-value="60" data-field-width-res-320-value="260" data-field-top-res-480-value="1862" data-field-left-res-480-value="14" data-field-height-res-480-value="78" data-field-width-res-480-value="396" data-field-top-res-640-value="2040" data-field-left-res-640-value="71" data-field-height-res-640-value="78" data-field-width-res-640-value="500" data-field-top-res-960-value="1974" data-field-left-res-960-value="230" data-field-width-res-960-value="640"> <a class='tn-atom' href="#next"> </a> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969321' data-elem-id='1627302969321' data-elem-type='text' data-field-top-value="1813" data-field-left-value="320" data-field-width-value="668" 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="" data-field-widthunits-value="px" data-field-fontsize-value="28" data-field-top-res-320-value="1831" data-field-left-res-320-value="36" data-field-width-res-320-value="204" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="1885" data-field-left-res-480-value="54" data-field-width-res-480-value="351" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="2063" data-field-left-res-640-value="111" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="1994" data-field-left-res-960-value="270" data-field-width-res-960-value="563"> <div class='tn-atom'field='tn_text_1627302969321'>2. Да, очень!</div> </div> <div class='t396__elem tn-elem block-hover tn-elem__3397891801627302969263' data-elem-id='1627302969263' data-elem-type='shape' data-field-top-value="1691" data-field-left-value="280" data-field-height-value="85" data-field-width-value="775" 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="1735" data-field-left-res-320-value="10" data-field-height-res-320-value="60" data-field-width-res-320-value="260" data-field-top-res-480-value="1767" data-field-left-res-480-value="14" data-field-height-res-480-value="78" data-field-width-res-480-value="396" data-field-top-res-640-value="1945" data-field-left-res-640-value="71" data-field-height-res-640-value="78" data-field-width-res-640-value="500" data-field-top-res-960-value="1879" data-field-left-res-960-value="230" data-field-height-res-960-value="85" data-field-width-res-960-value="640"> <a class='tn-atom' href="#next"> </a> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969268' data-elem-id='1627302969268' data-elem-type='text' data-field-top-value="1711" data-field-left-value="320" data-field-width-value="668" 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="" data-field-widthunits-value="px" data-field-fontsize-value="28" data-field-top-res-320-value="1756" data-field-left-res-320-value="36" data-field-width-res-320-value="195" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="1790" data-field-left-res-480-value="48" data-field-width-res-480-value="355" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="1968" data-field-left-res-640-value="105" data-field-width-res-640-value="443" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="1899" data-field-left-res-960-value="270" data-field-width-res-960-value="528"> <div class='tn-atom'field='tn_text_1627302969268'>1. Да</div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969209' data-elem-id='1627302969209' data-elem-type='shape' data-field-top-value="833" data-field-left-value="20" data-field-height-value="1351" 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-top-res-320-value="995" data-field-left-res-320-value="0" data-field-height-res-320-value="1058" data-field-width-res-320-value="100" data-field-container-res-320-value="window" data-field-widthunits-res-320-value="%" data-field-top-res-480-value="789" data-field-left-res-480-value="0" data-field-height-res-480-value="1401" data-field-width-res-480-value="100" data-field-top-res-640-value="1006" data-field-left-res-640-value="0" data-field-height-res-640-value="1364" data-field-width-res-640-value="100" data-field-container-res-640-value="window" data-field-widthunits-res-640-value="%" data-field-top-res-960-value="952" data-field-left-res-960-value="9" data-field-height-res-960-value="1395" data-field-width-res-960-value="940"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969214' data-elem-id='1627302969214' data-elem-type='image' data-field-top-value="796" data-field-left-value="1057" data-field-width-value="74" 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="" data-field-widthunits-value="px" data-field-filewidth-value="74" data-field-fileheight-value="74" data-field-top-res-320-value="978" data-field-left-res-320-value="254" data-field-width-res-320-value="36" data-field-top-res-480-value="767" data-field-left-res-480-value="395" data-field-width-res-480-value="43" data-field-top-res-640-value="981" data-field-left-res-640-value="539" data-field-width-res-640-value="50" data-field-top-res-960-value="917" data-field-left-res-960-value="849"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6563-3035-4236-b137-336239303930/svg.svg'
src='https://static.tildacdn.com/tild6563-3035-4236-b137-336239303930/svg.svg'
alt='' imgfield='tn_img_1627302969214'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969226' data-elem-id='1627302969226' data-elem-type='text' data-field-top-value="1270" data-field-left-value="281" data-field-width-value="774" 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="" data-field-widthunits-value="px" data-field-fontsize-value="28" data-field-top-res-320-value="1415" data-field-left-res-320-value="10" data-field-width-res-320-value="257" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="1417" data-field-left-res-480-value="12" data-field-width-res-480-value="401" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="1518" data-field-left-res-640-value="70" data-field-width-res-640-value="502" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="1389" data-field-left-res-960-value="230" data-field-width-res-960-value="621"> <div class='tn-atom'field='tn_text_1627302969226'>Если объекты игры — это её атомы, а глаголы — взаимодействия между ними, то квест здесь выступает как самая настоящая молекула. Из таких молекул и состоит целая клетка — сама игра</div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969229' data-elem-id='1627302969229' data-elem-type='text' data-field-top-value="971" data-field-left-value="281" data-field-width-value="774" 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="" data-field-widthunits-value="px" data-field-fontsize-value="28" data-field-top-res-320-value="1201" data-field-left-res-320-value="10" data-field-width-res-320-value="280" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="1136" data-field-left-res-480-value="12" data-field-width-res-480-value="381" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="1199" data-field-left-res-640-value="70" data-field-width-res-640-value="500" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="1090" data-field-left-res-960-value="230" data-field-width-res-960-value="655"> <div class='tn-atom'field='tn_text_1627302969229'><span style="color: rgb(124, 124, 124);">[Внимательно смотрит на тебя]</span><br>Проснись, путник! Пора учиться делать квесты.</div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969233' data-elem-id='1627302969233' data-elem-type='text' data-field-top-value="1136" data-field-left-value="281" data-field-width-value="834" 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="" data-field-widthunits-value="px" data-field-fontsize-value="28" data-field-top-res-320-value="1333" data-field-left-res-320-value="10" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="1308" data-field-left-res-480-value="12" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="1392" data-field-left-res-640-value="70" data-field-width-res-640-value="468" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="1255" data-field-left-res-960-value="230"> <div class='tn-atom'field='tn_text_1627302969233'>А зачем нужны квесты в игре?</div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969237' data-elem-id='1627302969237' data-elem-type='text' data-field-top-value="1540" data-field-left-value="280" 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="" data-field-widthunits-value="px" data-field-fontsize-value="28" data-field-top-res-320-value="1647" data-field-left-res-320-value="10" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="1655" data-field-left-res-480-value="12" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="1802" data-field-left-res-640-value="70" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="1712" data-field-left-res-960-value="230"> <div class='tn-atom'field='tn_text_1627302969237'>Ну что, интересно?<br><span style="color: rgb(124, 124, 124);">[Откинулся назад и ждёт ответа]</span></div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969250' data-elem-id='1627302969250' data-elem-type='text' data-field-top-value="1223" data-field-left-value="283" data-field-width-value="432" 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="" data-field-widthunits-value="px" data-field-fontsize-value="28" data-field-top-res-320-value="1380" data-field-left-res-320-value="10" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="1377" data-field-left-res-480-value="12" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="1471" data-field-left-res-640-value="70" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="1342" data-field-left-res-960-value="232"> <div class='tn-atom'field='tn_text_1627302969250'>Таинственный незнакомец</div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969253' data-elem-id='1627302969253' data-elem-type='text' data-field-top-value="925" data-field-left-value="281" data-field-width-value="390" 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="" data-field-widthunits-value="px" data-field-fontsize-value="28" data-field-top-res-320-value="1166" data-field-left-res-320-value="10" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="1096" data-field-left-res-480-value="12" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="1153" data-field-left-res-640-value="70" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="1044" data-field-left-res-960-value="230"> <div class='tn-atom'field='tn_text_1627302969253'>Таинственный незнакомец</div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969260' data-elem-id='1627302969260' data-elem-type='text' data-field-top-value="1495" data-field-left-value="280" data-field-width-value="396" 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="" data-field-widthunits-value="px" data-field-fontsize-value="28" data-field-top-res-320-value="1612" data-field-left-res-320-value="10" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="1615" data-field-left-res-480-value="12" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="1755" data-field-left-res-640-value="70" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="1665" data-field-left-res-960-value="230"> <div class='tn-atom'field='tn_text_1627302969260'>Таинственный незнакомец</div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969257' data-elem-id='1627302969257' data-elem-type='text' data-field-top-value="1098" data-field-left-value="281" data-field-width-value="82" 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="" data-field-widthunits-value="px" data-field-fontsize-value="28" data-field-top-res-320-value="1298" data-field-left-res-320-value="10" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="1268" data-field-left-res-480-value="12" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="1354" data-field-left-res-640-value="70" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="1217" data-field-left-res-960-value="230"> <div class='tn-atom'field='tn_text_1627302969257'>Вы</div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969331 ' data-elem-id='1627302969331' data-elem-type='shape' data-field-top-value="941" data-field-left-value="-60" data-field-height-value="379" 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-animate-sbs-event="scroll" data-animate-sbs-trg="0.5" data-animate-sbs-trgofst="0" data-animate-sbs-opts="[{'mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','di':'0'},{'mx':0,'my':750,'sx':'1','sy':'1','op':'1','ro':'0','bl':'0','di':1500}]" data-field-top-res-320-value="861" data-field-left-res-320-value="11" data-field-height-res-320-value="274" data-field-width-res-320-value="175" data-field-top-res-480-value="839" data-field-left-res-480-value="16" data-field-top-res-640-value="840" data-field-left-res-640-value="-553" data-field-height-res-640-value="226" data-field-width-res-640-value="144" data-field-top-res-960-value="1061" data-field-left-res-960-value="-70"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3362-6337-4434-b062-616630663039/123213.png"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627303682158' data-elem-id='1627303682158' data-elem-type='shape' data-field-top-value="924" data-field-left-value="1130" data-field-height-value="1166" data-field-width-value="2" 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="1028" data-field-left-res-320-value="-16" data-field-height-res-320-value="976" data-field-axisx-res-320-value="right" data-field-container-res-320-value="window" data-field-top-res-480-value="868" data-field-left-res-480-value="-14" data-field-height-res-480-value="1222" data-field-top-res-640-value="1069" data-field-left-res-640-value="-21" data-field-height-res-640-value="1182" data-field-axisx-res-640-value="right" data-field-container-res-640-value="window" data-field-top-res-960-value="1053" data-field-left-res-960-value="919" data-field-height-res-960-value="1206"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969335 ' data-elem-id='1627302969335' data-elem-type='shape' data-field-top-value="919" data-field-left-value="1125" data-field-height-value="72" data-field-width-value="11" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-sbs-event="scroll" data-animate-sbs-trg="0.5" data-animate-sbs-trgofst="0" data-animate-sbs-opts="[{'di':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','fi':'','dd':'0'},{'di':1000,'mx':'0','my':1100,'sx':'1','sy':'1','op':'1','ro':'0','bl':'0','fi':'','dd':'0'}]" data-field-top-res-320-value="1960" data-field-left-res-320-value="-13" data-field-height-res-320-value="56" data-field-width-res-320-value="8" data-field-axisx-res-320-value="right" data-field-container-res-320-value="window" data-field-top-res-480-value="2063" data-field-left-res-480-value="-9" data-field-top-res-640-value="2244" data-field-left-res-640-value="-16" data-field-axisx-res-640-value="right" data-field-container-res-640-value="window" data-field-top-res-960-value="2218" data-field-left-res-960-value="914"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969340' data-elem-id='1627302969340' data-elem-type='image' data-field-top-value="285" data-field-left-value="22" data-field-width-value="281" 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="" data-field-widthunits-value="px" data-field-filewidth-value="1127" data-field-fileheight-value="52" data-field-top-res-320-value="159" data-field-left-res-320-value="12" data-field-top-res-480-value="137" data-field-left-res-480-value="12" data-field-width-res-480-value="180" data-field-top-res-640-value="167" data-field-left-res-640-value="12" data-field-top-res-960-value="211" data-field-left-res-960-value="12"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6430-3637-4838-a261-393633323361/15bf0011ab4547221085.svg'
src='https://static.tildacdn.com/tild6430-3637-4838-a261-393633323361/15bf0011ab4547221085.svg'
alt='' imgfield='tn_img_1627302969340'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969345' data-elem-id='1627302969345' data-elem-type='text' data-field-top-value="91" data-field-left-value="17" data-field-width-value="400" 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="" data-field-widthunits-value="px" data-field-fontsize-value="60" data-field-top-res-320-value="41" data-field-left-res-320-value="10" data-field-width-res-320-value="310" data-field-top-res-480-value="51" data-field-left-res-480-value="10" data-field-width-res-480-value="346" data-field-fontsize-res-480-value="36" data-field-top-res-640-value="61" data-field-left-res-640-value="10" data-field-width-res-640-value="587" data-field-fontsize-res-640-value="48" data-field-top-res-960-value="81" data-field-left-res-960-value="7" data-field-width-res-960-value="583"> <div class='tn-atom'field='tn_text_1627302969345'>Что такое нарративный дизайн?</div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627302969349' data-elem-id='1627302969349' data-elem-type='text' data-field-top-value="95" data-field-left-value="462" data-field-width-value="715" 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="" data-field-widthunits-value="px" data-field-fontsize-value="28" data-field-top-res-320-value="209" data-field-left-res-320-value="10" data-field-width-res-320-value="292" data-field-fontsize-res-320-value="18" data-field-top-res-480-value="183" data-field-left-res-480-value="10" data-field-width-res-480-value="417" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="225" data-field-left-res-640-value="10" data-field-width-res-640-value="546" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="283" data-field-left-res-960-value="12"> <div class='tn-atom'field='tn_text_1627302969349'>Это направление геймдева, которое отвечает за игровой сюжет и обоснование геймплейных систем и механик. Нарративный дизайнер придумывает то, ради чего играют в игры, — захватывающие истории, интересные диалоги и целые миры. </div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627318275631' data-elem-id='1627318275631' data-elem-type='text' data-field-top-value="384" data-field-left-value="460" data-field-width-value="717" 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="" data-field-widthunits-value="px" data-field-fontsize-value="28" data-field-top-res-320-value="496" data-field-left-res-320-value="10" data-field-width-res-320-value="292" data-field-fontsize-res-320-value="18" data-field-top-res-480-value="441" data-field-left-res-480-value="10" data-field-width-res-480-value="417" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="491" data-field-left-res-640-value="10" data-field-width-res-640-value="546" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="548" data-field-left-res-960-value="10"> <div class='tn-atom'field='tn_text_1627318275631'><span style="color: rgb(254, 175, 22);">Квест — это задание, которое стоит перед игроком.</span> Это может быть убийство, доставка, сбор предметов, сопровождение или микс из них. У каждого квеста есть конечная цель — получение награды. Наградой может стать новая броня, персонаж, локация или просто атмосферный ролик, который игрок посмотрит после прохождения.</div> </div> <div class='t396__elem tn-elem tn-elem__3397891801627349368786' data-elem-id='1627349368786' data-elem-type='image' data-field-top-value="138" data-field-left-value="-879" data-field-width-value="505" 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="" data-field-widthunits-value="px" data-field-filewidth-value="1008" data-field-fileheight-value="478" data-field-top-res-320-value="900" data-field-left-res-320-value="-414" data-field-width-res-320-value="261" data-field-top-res-480-value="864" data-field-left-res-480-value="13" data-field-width-res-480-value="396" data-field-top-res-640-value="911" data-field-left-res-640-value="70" data-field-width-res-640-value="421"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6637-3965-4039-a365-616434363830/Mask_Group.png'
src='https://thb.tildacdn.com/tild6637-3965-4039-a365-616434363830/-/resize/20x/Mask_Group.png'
alt='' imgfield='tn_img_1627349368786'
/> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339789180');});});</script> <!-- /T396 --> </div> <div id="rec339828679" 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>
.block-hover .tn-atom {
transition: all .3s ease-in-out;
}
.block-hover:hover .tn-atom {
background-color: #FEAF16 !important;
border-color: #FEAF16 !important;
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec339806969" class="r t-rec" style=" " data-record-type="215"> <a name="next" style="font-size:0;"></a> </div> <div id="rec339789278" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339789278 .t396__artboard {height:923px;background-color:#211d1a;}#rec339789278 .t396__filter {height:923px;}#rec339789278 .t396__carrier{height:923px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339789278 .t396__artboard,#rec339789278 .t396__filter,#rec339789278 .t396__carrier {height:834px;}#rec339789278 .t396__filter {}#rec339789278 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339789278 .t396__artboard,#rec339789278 .t396__filter,#rec339789278 .t396__carrier {height:534px;}#rec339789278 .t396__filter {}#rec339789278 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339789278 .t396__artboard,#rec339789278 .t396__filter,#rec339789278 .t396__carrier {}#rec339789278 .t396__filter {}#rec339789278 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339789278 .t396__artboard,#rec339789278 .t396__filter,#rec339789278 .t396__carrier {height:524px;}#rec339789278 .t396__filter {}#rec339789278 .t396__carrier {background-attachment:scroll;}}#rec339789278 .tn-elem[data-elem-id="1627309246559"]{z-index:1;top:248px;;left:calc(50% - 600px + -926px);;width:3162px;height:auto;}#rec339789278 .tn-elem[data-elem-id="1627309246559"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789278 .tn-elem[data-elem-id="1627309246559"]{top:294px;;left:calc(50% - 480px + -427px);;width:2649px;height:auto;}}@media screen and (max-width:959px){#rec339789278 .tn-elem[data-elem-id="1627309246559"]{top:135px;;left:calc(50% - 320px + -299px);;width:1981px;height:auto;}}@media screen and (max-width:639px){#rec339789278 .tn-elem[data-elem-id="1627309246559"]{top:105px;;left:calc(50% - 240px + -320px);;height:auto;}}@media screen and (max-width:479px){#rec339789278 .tn-elem[data-elem-id="1627309246559"]{top:120px;;left:calc(50% - 160px + -305px);;width:1595px;height:auto;}}#rec339789278 .tn-elem[data-elem-id="1627308685388"]{z-index:2;top:454px;;left:calc(50% - 600px + 862px);;width:559px;height:545px;}#rec339789278 .tn-elem[data-elem-id="1627308685388"] .tn-atom{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){#rec339789278 .tn-elem[data-elem-id="1627308685388"]{top:474px;;left:calc(50% - 480px + 697px);;width:341px;height:348px;}}@media screen and (max-width:959px){#rec339789278 .tn-elem[data-elem-id="1627308685388"]{top:292px;;left:calc(50% - 320px + 472px);;width:242px;height:247px;}}@media screen and (max-width:639px){#rec339789278 .tn-elem[data-elem-id="1627308685388"]{top:300px;;left:calc(50% - 240px + 331px);;width:198px;height:202px;}}@media screen and (max-width:479px){#rec339789278 .tn-elem[data-elem-id="1627308685388"]{top:317px;;left:calc(50% - 160px + 206px);;width:184px;height:188px;}}#rec339789278 .tn-elem[data-elem-id="1627308685395"]{z-index:3;top:35px;;left:calc(50% - 600px + -51px);;width:319px;height:435px;}#rec339789278 .tn-elem[data-elem-id="1627308685395"] .tn-atom{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){#rec339789278 .tn-elem[data-elem-id="1627308685395"]{top:76px;;left:calc(50% - 480px + -34px);;width:265px;height:308px;}}@media screen and (max-width:959px){#rec339789278 .tn-elem[data-elem-id="1627308685395"]{top:14px;;left:calc(50% - 320px + -33px);;width:188px;height:219px;}}@media screen and (max-width:639px){#rec339789278 .tn-elem[data-elem-id="1627308685395"]{top:44px;;left:calc(50% - 240px + -35px);;width:158px;height:184px;}}@media screen and (max-width:479px){#rec339789278 .tn-elem[data-elem-id="1627308685395"]{top:43px;;left:calc(50% - 160px + -43px);;}}#rec339789278 .tn-elem[data-elem-id="1627308685406"]{z-index:4;top:221px;;left:calc(50% - 600px + 568px);;width:49px;height:auto;}#rec339789278 .tn-elem[data-elem-id="1627308685406"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789278 .tn-elem[data-elem-id="1627308685406"]{top:185px;;left:calc(50% - 480px + 465px);;width:37px;height:auto;}}@media screen and (max-width:959px){#rec339789278 .tn-elem[data-elem-id="1627308685406"]{top:131px;;left:calc(50% - 320px + 310px);;width:29px;height:auto;}}@media screen and (max-width:639px){#rec339789278 .tn-elem[data-elem-id="1627308685406"]{top:145px;;left:calc(50% - 240px + 230px);;width:24px;height:auto;}}@media screen and (max-width:479px){#rec339789278 .tn-elem[data-elem-id="1627308685406"]{top:96px;;left:calc(50% - 160px + 144px);;width:24px;height:auto;}}#rec339789278 .tn-elem[data-elem-id="1627308685409"]{z-index:5;top:346px;;left:calc(50% - 600px + 90px);;width:1021px;height:auto;}#rec339789278 .tn-elem[data-elem-id="1627308685409"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789278 .tn-elem[data-elem-id="1627308685409"]{top:310px;;left:calc(50% - 480px + 80px);;width:807px;height:auto;}}@media screen and (max-width:959px){#rec339789278 .tn-elem[data-elem-id="1627308685409"]{top:210px;;left:calc(50% - 320px + 67px);;width:509px;height:auto;}}@media screen and (max-width:639px){#rec339789278 .tn-elem[data-elem-id="1627308685409"]{top:215px;;left:calc(50% - 240px + 40px);;width:405px;height:auto;}}@media screen and (max-width:479px){#rec339789278 .tn-elem[data-elem-id="1627308685409"]{top:215px;;left:calc(50% - 160px + -10026px);;width:269px;height:auto;}}#rec339789278 .tn-elem[data-elem-id="1627310563782"]{z-index:6;top:0px;;left:calc(50% - 600px + -10000px);;width:686px;height:auto;}#rec339789278 .tn-elem[data-elem-id="1627310563782"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:479px){#rec339789278 .tn-elem[data-elem-id="1627310563782"]{top:152px;;left:calc(50% - 160px + 10px);;width:300px;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339789278" data-artboard-screens="320,480,640,960,1200" data-artboard-height="923" data-artboard-valign="center" data-artboard-height-res-320="524" data-artboard-height-res-640="534" data-artboard-height-res-960="834"> <div class="t396__carrier" data-artboard-recid="339789278"></div> <div class="t396__filter" data-artboard-recid="339789278"></div> <div class='t396__elem tn-elem tn-elem__3397892781627309246559' data-elem-id='1627309246559' data-elem-type='image' data-field-top-value="248" data-field-left-value="-926" data-field-width-value="3162" 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="" data-field-widthunits-value="px" data-field-filewidth-value="12649" data-field-fileheight-value="2197" data-field-top-res-320-value="120" data-field-left-res-320-value="-305" data-field-width-res-320-value="1595" data-field-top-res-480-value="105" data-field-left-res-480-value="-320" data-field-top-res-640-value="135" data-field-left-res-640-value="-299" data-field-width-res-640-value="1981" data-field-top-res-960-value="294" data-field-left-res-960-value="-427" data-field-width-res-960-value="2649"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3034-3264-4966-b162-303433386237/153cbf5b51cd5a6601c7.svg'
src='https://static.tildacdn.com/tild3034-3264-4966-b162-303433386237/153cbf5b51cd5a6601c7.svg'
alt='' imgfield='tn_img_1627309246559'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397892781627308685388' data-elem-id='1627308685388' data-elem-type='shape' data-field-top-value="454" data-field-left-value="862" data-field-height-value="545" data-field-width-value="559" 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="317" data-field-left-res-320-value="206" data-field-height-res-320-value="188" data-field-width-res-320-value="184" data-field-top-res-480-value="300" data-field-left-res-480-value="331" data-field-height-res-480-value="202" data-field-width-res-480-value="198" data-field-top-res-640-value="292" data-field-left-res-640-value="472" data-field-height-res-640-value="247" data-field-width-res-640-value="242" data-field-top-res-960-value="474" data-field-left-res-960-value="697" data-field-height-res-960-value="348" data-field-width-res-960-value="341"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3266-6533-4363-b138-346532636239/7a1bd6943905935eb77d.png"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__3397892781627308685395' data-elem-id='1627308685395' data-elem-type='shape' data-field-top-value="35" data-field-left-value="-51" data-field-height-value="435" data-field-width-value="319" 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="43" data-field-left-res-320-value="-43" data-field-top-res-480-value="44" data-field-left-res-480-value="-35" data-field-height-res-480-value="184" data-field-width-res-480-value="158" data-field-top-res-640-value="14" data-field-left-res-640-value="-33" data-field-height-res-640-value="219" data-field-width-res-640-value="188" data-field-top-res-960-value="76" data-field-left-res-960-value="-34" data-field-height-res-960-value="308" data-field-width-res-960-value="265"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3034-3365-4636-b939-316563663436/9ebaf8b82b5784e47940.png"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__3397892781627308685406' data-elem-id='1627308685406' data-elem-type='image' data-field-top-value="221" data-field-left-value="568" data-field-width-value="49" 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="" data-field-widthunits-value="px" data-field-filewidth-value="244" data-field-fileheight-value="294" data-field-top-res-320-value="96" data-field-left-res-320-value="144" data-field-width-res-320-value="24" data-field-top-res-480-value="145" data-field-left-res-480-value="230" data-field-width-res-480-value="24" data-field-top-res-640-value="131" data-field-left-res-640-value="310" data-field-width-res-640-value="29" data-field-top-res-960-value="185" data-field-left-res-960-value="465" data-field-width-res-960-value="37"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3936-6461-4835-b333-613263643562/2d72d29e835596b6718f.svg'
src='https://static.tildacdn.com/tild3936-6461-4835-b333-613263643562/2d72d29e835596b6718f.svg'
alt='' imgfield='tn_img_1627308685406'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397892781627308685409 t-animate' data-elem-id='1627308685409' data-elem-type='image' data-field-top-value="346" data-field-left-value="90" data-field-width-value="1021" 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="" data-field-widthunits-value="px" data-animate-style="fadeinup" data-animate-duration="1.5" data-animate-distance="50" data-field-filewidth-value="3992" data-field-fileheight-value="1521" data-field-top-res-320-value="215" data-field-left-res-320-value="-10026" data-field-width-res-320-value="269" data-field-top-res-480-value="215" data-field-left-res-480-value="40" data-field-width-res-480-value="405" data-field-top-res-640-value="210" data-field-left-res-640-value="67" data-field-width-res-640-value="509" data-field-top-res-960-value="310" data-field-left-res-960-value="80" data-field-width-res-960-value="807"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3761-6331-4732-b834-643734633539/a7ecfc702589746ccf7d.svg'
src='https://static.tildacdn.com/tild3761-6331-4732-b834-643734633539/a7ecfc702589746ccf7d.svg'
alt='' imgfield='tn_img_1627308685409'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397892781627310563782' data-elem-id='1627310563782' data-elem-type='image' data-field-top-value="0" data-field-left-value="-10000" data-field-width-value="686" 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="" data-field-widthunits-value="px" data-field-filewidth-value="686" data-field-fileheight-value="625" data-field-top-res-320-value="152" data-field-left-res-320-value="10" data-field-width-res-320-value="300"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6265-3662-4264-a630-303036663731/svg_2.png'
src='https://thb.tildacdn.com/tild6265-3662-4264-a630-303036663731/-/resize/20x/svg_2.png'
alt='' imgfield='tn_img_1627310563782'
/> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339789278');});});</script> <!-- /T396 --> </div> <div id="rec339789314" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339789314 .t396__artboard {height:751px;background-color:#211d1a;}#rec339789314 .t396__filter {height:751px;}#rec339789314 .t396__carrier{height:751px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339789314 .t396__artboard,#rec339789314 .t396__filter,#rec339789314 .t396__carrier {height:981px;}#rec339789314 .t396__filter {}#rec339789314 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339789314 .t396__artboard,#rec339789314 .t396__filter,#rec339789314 .t396__carrier {height:1031px;}#rec339789314 .t396__filter {}#rec339789314 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339789314 .t396__artboard,#rec339789314 .t396__filter,#rec339789314 .t396__carrier {height:811px;}#rec339789314 .t396__filter {}#rec339789314 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339789314 .t396__artboard,#rec339789314 .t396__filter,#rec339789314 .t396__carrier {height:791px;}#rec339789314 .t396__filter {}#rec339789314 .t396__carrier {background-attachment:scroll;}}#rec339789314 .tn-elem[data-elem-id="1627311783095"]{color:#ffffff;text-align:LEFT;z-index:6;top:-126px;left:798px;width:298px;height:auto;}#rec339789314 .tn-elem[data-elem-id="1627311783095"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.60;font-weight:100;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){#rec339789314 .tn-elem[data-elem-id="1627311783095"]{width:385px;height:auto;}}@media screen and (max-width:959px){#rec339789314 .tn-elem[data-elem-id="1627311783095"]{height:auto;}}@media screen and (max-width:639px){#rec339789314 .tn-elem[data-elem-id="1627311783095"]{width:287px;height:auto;}#rec339789314 .tn-elem[data-elem-id="1627311783095"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339789314 .tn-elem[data-elem-id="1627311783095"]{width:214px;height:auto;}}#rec339789314 .tn-elem[data-elem-id="1627311783101"]{z-index:10;top:-125px;left:612px;width:158px;height:158px;}#rec339789314 .tn-elem[data-elem-id="1627311783101"] .tn-atom{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:639px){#rec339789314 .tn-elem[data-elem-id="1627311783101"]{width:121px;height:121px;}}@media screen and (max-width:479px){#rec339789314 .tn-elem[data-elem-id="1627311783101"]{width:60px;height:60px;}}#rec339789314 .tn-elem[data-elem-id="1627311783088"]{color:#ffffff;text-align:LEFT;z-index:9;top:37px;left:202px;width:288px;height:auto;}#rec339789314 .tn-elem[data-elem-id="1627311783088"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.60;font-weight:100;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){#rec339789314 .tn-elem[data-elem-id="1627311783088"]{width:414px;height:auto;}}@media screen and (max-width:959px){#rec339789314 .tn-elem[data-elem-id="1627311783088"]{height:auto;}}@media screen and (max-width:639px){#rec339789314 .tn-elem[data-elem-id="1627311783088"]{width:293px;height:auto;}#rec339789314 .tn-elem[data-elem-id="1627311783088"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339789314 .tn-elem[data-elem-id="1627311783088"]{width:210px;height:auto;}}#rec339789314 .tn-elem[data-elem-id="1627311783105"]{z-index:13;top:38px;left:9px;width:161px;height:161px;}#rec339789314 .tn-elem[data-elem-id="1627311783105"] .tn-atom{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:639px){#rec339789314 .tn-elem[data-elem-id="1627311783105"]{width:121px;height:121px;}}@media screen and (max-width:479px){#rec339789314 .tn-elem[data-elem-id="1627311783105"]{width:60px;height:60px;}}#rec339789314 .tn-elem[data-elem-id="1627311783091"]{color:#ffffff;text-align:LEFT;z-index:12;top:-51px;left:202px;width:300px;height:auto;}#rec339789314 .tn-elem[data-elem-id="1627311783091"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.60;font-weight:100;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){#rec339789314 .tn-elem[data-elem-id="1627311783091"]{width:370px;height:auto;}}@media screen and (max-width:959px){#rec339789314 .tn-elem[data-elem-id="1627311783091"]{height:auto;}}@media screen and (max-width:639px){#rec339789314 .tn-elem[data-elem-id="1627311783091"]{width:307px;height:auto;}#rec339789314 .tn-elem[data-elem-id="1627311783091"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339789314 .tn-elem[data-elem-id="1627311783091"]{width:217px;height:auto;}}#rec339789314 .tn-elem[data-elem-id="1627311783111"]{z-index:16;top:-49px;left:9px;width:161px;height:161px;}#rec339789314 .tn-elem[data-elem-id="1627311783111"] .tn-atom{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:639px){#rec339789314 .tn-elem[data-elem-id="1627311783111"]{width:121px;height:121px;}}@media screen and (max-width:479px){#rec339789314 .tn-elem[data-elem-id="1627311783111"]{width:60px;height:60px;}}#rec339789314 .tn-elem[data-elem-id="1627311783098"]{color:#ffffff;text-align:LEFT;z-index:15;top:-214px;left:801px;width:374px;height:auto;}#rec339789314 .tn-elem[data-elem-id="1627311783098"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.60;font-weight:100;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){#rec339789314 .tn-elem[data-elem-id="1627311783098"]{width:396px;height:auto;}}@media screen and (max-width:959px){#rec339789314 .tn-elem[data-elem-id="1627311783098"]{height:auto;}}@media screen and (max-width:639px){#rec339789314 .tn-elem[data-elem-id="1627311783098"]{width:301px;height:auto;}#rec339789314 .tn-elem[data-elem-id="1627311783098"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339789314 .tn-elem[data-elem-id="1627311783098"]{width:215px;height:auto;}}#rec339789314 .tn-elem[data-elem-id="1627311783115"]{z-index:18;top:-206px;left:612px;width:161px;height:161px;}#rec339789314 .tn-elem[data-elem-id="1627311783115"] .tn-atom{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:639px){#rec339789314 .tn-elem[data-elem-id="1627311783115"]{width:121px;height:121px;}}@media screen and (max-width:479px){#rec339789314 .tn-elem[data-elem-id="1627311783115"]{width:60px;height:60px;}}#rec339789314 .tn-elem[data-elem-id="1627311783077"]{z-index:1;top:88px;;left:calc(50% - 600px + 20px);;width:281px;height:auto;}#rec339789314 .tn-elem[data-elem-id="1627311783077"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789314 .tn-elem[data-elem-id="1627311783077"]{top:88px;;left:calc(50% - 480px + 10px);;height:auto;}}@media screen and (max-width:959px){#rec339789314 .tn-elem[data-elem-id="1627311783077"]{top:78px;;left:calc(50% - 320px + 10px);;width:238px;height:auto;}}@media screen and (max-width:639px){#rec339789314 .tn-elem[data-elem-id="1627311783077"]{top:63px;;left:calc(50% - 240px + 10px);;width:187px;height:auto;}}@media screen and (max-width:479px){#rec339789314 .tn-elem[data-elem-id="1627311783077"]{top:73px;;left:calc(50% - 160px + 10px);;height:auto;}}#rec339789314 .tn-elem[data-elem-id="1627311783083"]{color:#ffffff;text-align:LEFT;z-index:2;top:23px;;left:calc(50% - 600px + 24px);;width:666px;height:auto;}#rec339789314 .tn-elem[data-elem-id="1627311783083"] .tn-atom{color:#ffffff;font-size:60px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.00;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){#rec339789314 .tn-elem[data-elem-id="1627311783083"]{top:23px;;left:calc(50% - 480px + 14px);;height:auto;}}@media screen and (max-width:959px){#rec339789314 .tn-elem[data-elem-id="1627311783083"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:639px){#rec339789314 .tn-elem[data-elem-id="1627311783083"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec339789314 .tn-elem[data-elem-id="1627311783083"]{top:33px;;left:calc(50% - 160px + 14px);;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339789314" data-artboard-screens="320,480,640,960,1200" data-artboard-height="751" data-artboard-valign="center" data-artboard-height-res-320="791" data-artboard-height-res-480="811" data-artboard-height-res-640="1031" data-artboard-height-res-960="981"> <div class="t396__carrier" data-artboard-recid="339789314"></div> <div class="t396__filter" data-artboard-recid="339789314"></div> <div class='t396__elem tn-elem tn-elem__3397893141627311783095' data-elem-id='1627311783095' data-elem-type='text' data-field-top-value="166" data-field-left-value="808" data-field-width-value="298" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="292" data-field-left-res-320-value="90" data-field-width-res-320-value="214" data-field-top-res-480-value="301" data-field-left-res-480-value="161" data-field-width-res-480-value="287" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="397" data-field-left-res-640-value="224" data-field-top-res-960-value="365" data-field-left-res-960-value="490" data-field-width-res-960-value="385"> <div class='tn-atom'field='tn_text_1627311783095'>Узнаешь, какие бывают квесты, что такое квест-системы и диалоговые системы</div> </div> <div class='t396__elem tn-elem tn-elem__3397893141627311783101' data-elem-id='1627311783101' data-elem-type='shape' data-field-top-value="167" data-field-left-value="622" data-field-height-value="158" data-field-width-value="158" 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="292" data-field-left-res-320-value="10" data-field-height-res-320-value="60" data-field-width-res-320-value="60" data-field-top-res-480-value="278" data-field-left-res-480-value="10" data-field-height-res-480-value="121" data-field-width-res-480-value="121" data-field-top-res-640-value="366" data-field-left-res-640-value="10" data-field-top-res-960-value="175" data-field-left-res-960-value="490"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3037-3431-4265-b537-343263643236/4a1808b915fcb8f2db36.png"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__3397893141627311783088' data-elem-id='1627311783088' data-elem-type='text' data-field-top-value="166" data-field-left-value="212" data-field-width-value="288" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="129" data-field-left-res-320-value="90" data-field-width-res-320-value="210" data-field-top-res-480-value="142" data-field-left-res-480-value="161" data-field-width-res-480-value="293" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="197" data-field-left-res-640-value="226" data-field-top-res-960-value="368" data-field-left-res-960-value="10" data-field-width-res-960-value="414"> <div class='tn-atom'field='tn_text_1627311783088'>Разберешься в особенностях игровой драматургии и научишься отличать плохие квесты от хороших;</div> </div> <div class='t396__elem tn-elem tn-elem__3397893141627311783105' data-elem-id='1627311783105' data-elem-type='shape' data-field-top-value="167" data-field-left-value="19" data-field-height-value="161" data-field-width-value="161" 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="129" data-field-left-res-320-value="10" data-field-height-res-320-value="60" data-field-width-res-320-value="60" data-field-top-res-480-value="119" data-field-left-res-480-value="10" data-field-height-res-480-value="121" data-field-width-res-480-value="121" data-field-top-res-640-value="165" data-field-left-res-640-value="9" data-field-top-res-960-value="175" data-field-left-res-960-value="9"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild6135-6636-4435-a233-303830656561/9c5c347dbb64ec565015.png"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__3397893141627311783091' data-elem-id='1627311783091' data-elem-type='text' data-field-top-value="380" data-field-left-value="212" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="431" data-field-left-res-320-value="90" data-field-width-res-320-value="217" data-field-top-res-480-value="460" data-field-left-res-480-value="161" data-field-width-res-480-value="307" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="596" data-field-left-res-640-value="230" data-field-top-res-960-value="745" data-field-left-res-960-value="13" data-field-width-res-960-value="370"> <div class='tn-atom'field='tn_text_1627311783091'>Поймешь, в чем роль сценариста-писателя и нарративного дизайнера и что такое синопсис и юзер стори</div> </div> <div class='t396__elem tn-elem tn-elem__3397893141627311783111' data-elem-id='1627311783111' data-elem-type='shape' data-field-top-value="382" data-field-left-value="19" data-field-height-value="161" data-field-width-value="161" 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="431" data-field-left-res-320-value="10" data-field-height-res-320-value="60" data-field-width-res-320-value="60" data-field-top-res-480-value="437" data-field-left-res-480-value="10" data-field-height-res-480-value="121" data-field-width-res-480-value="121" data-field-top-res-640-value="564" data-field-left-res-640-value="10" data-field-top-res-960-value="552" data-field-left-res-960-value="10"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild6133-6635-4433-b534-633863383230/Group_2070726.png"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__3397893141627311783098' data-elem-id='1627311783098' data-elem-type='text' data-field-top-value="380" data-field-left-value="811" data-field-width-value="374" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="594" data-field-left-res-320-value="90" data-field-width-res-320-value="215" data-field-top-res-480-value="606" data-field-left-res-480-value="161" data-field-width-res-480-value="301" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="781" data-field-left-res-640-value="227" data-field-top-res-960-value="745" data-field-left-res-960-value="491" data-field-width-res-960-value="396"> <div class='tn-atom'field='tn_text_1627311783098'>Освоишь один из вариантов синтаксиса для внутриигровых кондишнов, которыми можно описать целый квест или выдачу награды.</div> </div> <div class='t396__elem tn-elem tn-elem__3397893141627311783115' data-elem-id='1627311783115' data-elem-type='shape' data-field-top-value="388" data-field-left-value="622" data-field-height-value="161" data-field-width-value="161" 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="594" data-field-left-res-320-value="10" data-field-height-res-320-value="60" data-field-width-res-320-value="60" data-field-top-res-480-value="596" data-field-left-res-480-value="10" data-field-height-res-480-value="121" data-field-width-res-480-value="121" data-field-top-res-640-value="765" data-field-left-res-640-value="10" data-field-top-res-960-value="552" data-field-left-res-960-value="491"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3336-3832-4235-a262-396233396434/fe005eb078c14968e8aa.png"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__3397893141627311783077' data-elem-id='1627311783077' data-elem-type='image' data-field-top-value="88" data-field-left-value="20" data-field-width-value="281" 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="" data-field-widthunits-value="px" data-field-filewidth-value="1127" data-field-fileheight-value="52" data-field-top-res-320-value="73" data-field-left-res-320-value="10" data-field-top-res-480-value="63" data-field-left-res-480-value="10" data-field-width-res-480-value="187" data-field-top-res-640-value="78" data-field-left-res-640-value="10" data-field-width-res-640-value="238" data-field-top-res-960-value="88" data-field-left-res-960-value="10"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3237-3765-4065-b061-313465366139/15bf0011ab4547221085.svg'
src='https://static.tildacdn.com/tild3237-3765-4065-b061-313465366139/15bf0011ab4547221085.svg'
alt='' imgfield='tn_img_1627311783077'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397893141627311783083' data-elem-id='1627311783083' data-elem-type='text' data-field-top-value="23" data-field-left-value="24" data-field-width-value="666" 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="" data-field-widthunits-value="px" data-field-fontsize-value="60" data-field-top-res-320-value="33" data-field-left-res-320-value="14" data-field-fontsize-res-480-value="36" data-field-fontsize-res-640-value="48" data-field-top-res-960-value="23" data-field-left-res-960-value="14"> <div class='tn-atom'field='tn_text_1627311783083'>НА КУРСЕ ТЫ</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339789314');});});</script> <!-- /T396 --> </div> <div id="rec339789336" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339789336 .t396__artboard {height:732px;background-color:#211d1a;overflow:visible;}#rec339789336 .t396__filter {height:732px;}#rec339789336 .t396__carrier{height:732px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339789336 .t396__artboard,#rec339789336 .t396__filter,#rec339789336 .t396__carrier {height:722px;}#rec339789336 .t396__filter {}#rec339789336 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339789336 .t396__artboard,#rec339789336 .t396__filter,#rec339789336 .t396__carrier {height:772px;}#rec339789336 .t396__filter {}#rec339789336 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339789336 .t396__artboard,#rec339789336 .t396__filter,#rec339789336 .t396__carrier {height:732px;}#rec339789336 .t396__filter {}#rec339789336 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339789336 .t396__artboard,#rec339789336 .t396__filter,#rec339789336 .t396__carrier {height:722px;}#rec339789336 .t396__filter {}#rec339789336 .t396__carrier {background-attachment:scroll;}}#rec339789336 .tn-elem[data-elem-id="1627313341084"]{z-index:1;top:93px;;left:calc(50% - 600px + 20px);;width:281px;height:auto;}#rec339789336 .tn-elem[data-elem-id="1627313341084"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789336 .tn-elem[data-elem-id="1627313341084"]{top:93px;;left:calc(50% - 480px + 10px);;height:auto;}}@media screen and (max-width:959px){#rec339789336 .tn-elem[data-elem-id="1627313341084"]{top:93px;;left:calc(50% - 320px + 10px);;height:auto;}}@media screen and (max-width:639px){#rec339789336 .tn-elem[data-elem-id="1627313341084"]{top:83px;;left:calc(50% - 240px + 10px);;width:230px;height:auto;}}#rec339789336 .tn-elem[data-elem-id="1627313341090"]{color:#000000;text-align:center;z-index:2;top:527px;;left:calc(50% - 600px + 16px);;width:1164px;height:100px;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom{color:#000000;font-size:28px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.14;font-weight:100;border-radius:50px;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:#feaf16;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom::after{display:none;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#000000;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom:hover::after{opacity:0;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec339789336 .tn-elem[data-elem-id="1627313341090"]{top:527px;;left:calc(50% - 480px + 10px);;width:940px;height:100px;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom::after{display:none;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom:hover::after{opacity:0;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec339789336 .tn-elem[data-elem-id="1627313341090"]{top:620px;;left:calc(50% - 320px + 10px);;width:619px;height:80px;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom{white-space:normal;font-size:24px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom::after{display:none;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom:hover::after{opacity:0;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec339789336 .tn-elem[data-elem-id="1627313341090"]{top:580px;;left:calc(50% - 240px + 10px);;width:460px;height:72px;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom{white-space:normal;font-size:20px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom::after{display:none;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom:hover::after{opacity:0;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec339789336 .tn-elem[data-elem-id="1627313341090"]{top:590px;;left:calc(50% - 160px + 10px);;width:299px;height:72px;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom{white-space:normal;font-size:20px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom::after{display:none;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom:hover::after{opacity:0;}#rec339789336 .tn-elem[data-elem-id="1627313341090"] .tn-atom:hover{animation-name:none;}}}#rec339789336 .tn-elem[data-elem-id="1627313341097"]{color:#ffffff;text-align:LEFT;z-index:3;top:24px;;left:calc(50% - 600px + 17px);;width:464px;height:auto;}#rec339789336 .tn-elem[data-elem-id="1627313341097"] .tn-atom{color:#ffffff;font-size:60px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.00;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){#rec339789336 .tn-elem[data-elem-id="1627313341097"]{top:24px;;left:calc(50% - 480px + 7px);;height:auto;}}@media screen and (max-width:959px){#rec339789336 .tn-elem[data-elem-id="1627313341097"]{top:34px;;left:calc(50% - 320px + 7px);;height:auto;}#rec339789336 .tn-elem[data-elem-id="1627313341097"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:639px){#rec339789336 .tn-elem[data-elem-id="1627313341097"]{top:44px;;left:calc(50% - 240px + 7px);;width:306px;height:auto;}#rec339789336 .tn-elem[data-elem-id="1627313341097"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec339789336 .tn-elem[data-elem-id="1627313341097"]{top:43px;;left:calc(50% - 160px + 8px);;height:auto;}}#rec339789336 .tn-elem[data-elem-id="1627313341101"]{color:#ffffff;text-align:LEFT;z-index:4;top:298px;;left:calc(50% - 600px + 20px);;width:332px;height:auto;}#rec339789336 .tn-elem[data-elem-id="1627313341101"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.60;font-weight:100;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){#rec339789336 .tn-elem[data-elem-id="1627313341101"]{top:298px;;left:calc(50% - 480px + 10px);;width:272px;height:auto;}}@media screen and (max-width:959px){#rec339789336 .tn-elem[data-elem-id="1627313341101"]{top:185px;;left:calc(50% - 320px + 140px);;width:443px;height:auto;}}@media screen and (max-width:639px){#rec339789336 .tn-elem[data-elem-id="1627313341101"]{top:153px;;left:calc(50% - 240px + 114px);;width:315px;height:auto;}#rec339789336 .tn-elem[data-elem-id="1627313341101"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339789336 .tn-elem[data-elem-id="1627313341101"]{top:153px;;left:calc(50% - 160px + 92px);;width:220px;height:auto;}}#rec339789336 .tn-elem[data-elem-id="1627313341104"]{color:#ffffff;text-align:LEFT;z-index:5;top:298px;;left:calc(50% - 600px + 820px);;width:325px;height:auto;}#rec339789336 .tn-elem[data-elem-id="1627313341104"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.60;font-weight:100;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){#rec339789336 .tn-elem[data-elem-id="1627313341104"]{top:300px;;left:calc(50% - 480px + 670px);;width:269px;height:auto;}}@media screen and (max-width:959px){#rec339789336 .tn-elem[data-elem-id="1627313341104"]{top:480px;;left:calc(50% - 320px + 140px);;width:439px;height:auto;}}@media screen and (max-width:639px){#rec339789336 .tn-elem[data-elem-id="1627313341104"]{top:445px;;left:calc(50% - 240px + 114px);;width:336px;height:auto;}#rec339789336 .tn-elem[data-elem-id="1627313341104"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339789336 .tn-elem[data-elem-id="1627313341104"]{top:447px;;left:calc(50% - 160px + 90px);;width:230px;height:auto;}}#rec339789336 .tn-elem[data-elem-id="1627313341107"]{color:#ffffff;text-align:LEFT;z-index:6;top:298px;;left:calc(50% - 600px + 420px);;width:285px;height:auto;}#rec339789336 .tn-elem[data-elem-id="1627313341107"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.60;font-weight:100;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){#rec339789336 .tn-elem[data-elem-id="1627313341107"]{top:300px;;left:calc(50% - 480px + 350px);;height:auto;}}@media screen and (max-width:959px){#rec339789336 .tn-elem[data-elem-id="1627313341107"]{top:330px;;left:calc(50% - 320px + 140px);;width:420px;height:auto;}}@media screen and (max-width:639px){#rec339789336 .tn-elem[data-elem-id="1627313341107"]{top:305px;;left:calc(50% - 240px + 114px);;width:319px;height:auto;}#rec339789336 .tn-elem[data-elem-id="1627313341107"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339789336 .tn-elem[data-elem-id="1627313341107"]{top:315px;;left:calc(50% - 160px + 90px);;width:221px;height:auto;}}#rec339789336 .tn-elem[data-elem-id="1627313341117"]{z-index:9;top:176px;;left:calc(50% - 600px + 421px);;width:99px;height:auto;}#rec339789336 .tn-elem[data-elem-id="1627313341117"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789336 .tn-elem[data-elem-id="1627313341117"]{top:178px;;left:calc(50% - 480px + 351px);;height:auto;}}@media screen and (max-width:959px){#rec339789336 .tn-elem[data-elem-id="1627313341117"]{top:330px;;left:calc(50% - 320px + 10px);;height:auto;}}@media screen and (max-width:639px){#rec339789336 .tn-elem[data-elem-id="1627313341117"]{top:305px;;left:calc(50% - 240px + 10px);;width:76px;height:auto;}}@media screen and (max-width:479px){#rec339789336 .tn-elem[data-elem-id="1627313341117"]{top:315px;;left:calc(50% - 160px + 7px);;width:60px;height:auto;}}#rec339789336 .tn-elem[data-elem-id="1627313341122"]{z-index:10;top:179px;;left:calc(50% - 600px + 820px);;width:91px;height:auto;}#rec339789336 .tn-elem[data-elem-id="1627313341122"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789336 .tn-elem[data-elem-id="1627313341122"]{top:181px;;left:calc(50% - 480px + 670px);;height:auto;}}@media screen and (max-width:959px){#rec339789336 .tn-elem[data-elem-id="1627313341122"]{top:480px;;left:calc(50% - 320px + 10px);;height:auto;}}@media screen and (max-width:639px){#rec339789336 .tn-elem[data-elem-id="1627313341122"]{top:440px;;left:calc(50% - 240px + 10px);;width:74px;height:auto;}}@media screen and (max-width:479px){#rec339789336 .tn-elem[data-elem-id="1627313341122"]{top:447px;;left:calc(50% - 160px + 7px);;width:58px;height:auto;}}#rec339789336 .tn-elem[data-elem-id="1627313341126"]{z-index:11;top:186px;;left:calc(50% - 600px + 20px);;width:87px;height:auto;}#rec339789336 .tn-elem[data-elem-id="1627313341126"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789336 .tn-elem[data-elem-id="1627313341126"]{top:186px;;left:calc(50% - 480px + 10px);;height:auto;}}@media screen and (max-width:959px){#rec339789336 .tn-elem[data-elem-id="1627313341126"]{top:186px;;left:calc(50% - 320px + 10px);;height:auto;}}@media screen and (max-width:639px){#rec339789336 .tn-elem[data-elem-id="1627313341126"]{top:151px;;left:calc(50% - 240px + 10px);;width:72px;height:auto;}}@media screen and (max-width:479px){#rec339789336 .tn-elem[data-elem-id="1627313341126"]{top:151px;;left:calc(50% - 160px + 10px);;width:57px;height:auto;}}#rec339789336 .tn-elem[data-elem-id="1627314722594"]{z-index:12;top:176px;;left:calc(50% - 600px + 380px);;width:1px;height:286px;}#rec339789336 .tn-elem[data-elem-id="1627314722594"] .tn-atom{background-color:#5a5a5a;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){#rec339789336 .tn-elem[data-elem-id="1627314722594"]{top:178px;;left:calc(50% - 480px + 310px);;}}@media screen and (max-width:959px){#rec339789336 .tn-elem[data-elem-id="1627314722594"]{top:178px;;left:calc(50% - 320px + -1250px);;}}#rec339789336 .tn-elem[data-elem-id="1627314774022"]{z-index:13;top:176px;;left:calc(50% - 600px + 780px);;width:1px;height:286px;}#rec339789336 .tn-elem[data-elem-id="1627314774022"] .tn-atom{background-color:#5a5a5a;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){#rec339789336 .tn-elem[data-elem-id="1627314774022"]{top:178px;;left:calc(50% - 480px + 630px);;}}@media screen and (max-width:959px){#rec339789336 .tn-elem[data-elem-id="1627314774022"]{left:calc(50% - 320px + -1630px);;}}#rec339789336 .tn-elem[data-elem-id="1627318971371"]{z-index:14;top:-242px;;left:calc(50% - 600px + 725px);;width:665px;height:auto;}#rec339789336 .tn-elem[data-elem-id="1627318971371"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789336 .tn-elem[data-elem-id="1627318971371"]{top:-145px;;left:calc(50% - 480px + 610px);;width:466px;height:auto;}}@media screen and (max-width:959px){#rec339789336 .tn-elem[data-elem-id="1627318971371"]{top:-105px;;left:calc(50% - 320px + 370px);;width:367px;height:auto;}}@media screen and (max-width:639px){#rec339789336 .tn-elem[data-elem-id="1627318971371"]{top:-60px;;left:calc(50% - 240px + 280px);;width:254px;height:auto;}}@media screen and (max-width:479px){#rec339789336 .tn-elem[data-elem-id="1627318971371"]{top:-75px;;left:calc(50% - 160px + -520px);;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339789336" data-artboard-screens="320,480,640,960,1200" data-artboard-height="732" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="722" data-artboard-height-res-480="732" data-artboard-height-res-640="772" data-artboard-height-res-960="722"> <div class="t396__carrier" data-artboard-recid="339789336"></div> <div class="t396__filter" data-artboard-recid="339789336"></div> <div class='t396__elem tn-elem tn-elem__3397893361627313341084' data-elem-id='1627313341084' data-elem-type='image' data-field-top-value="93" data-field-left-value="20" data-field-width-value="281" 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="" data-field-widthunits-value="px" data-field-filewidth-value="1127" data-field-fileheight-value="52" data-field-top-res-480-value="83" data-field-left-res-480-value="10" data-field-width-res-480-value="230" data-field-top-res-640-value="93" data-field-left-res-640-value="10" data-field-top-res-960-value="93" data-field-left-res-960-value="10"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3766-3966-4361-b938-306265373431/15bf0011ab4547221085.svg'
src='https://static.tildacdn.com/tild3766-3966-4361-b938-306265373431/15bf0011ab4547221085.svg'
alt='' imgfield='tn_img_1627313341084'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397893361627313341090' data-elem-id='1627313341090' data-elem-type='button' data-field-top-value="527" data-field-left-value="16" data-field-height-value="100" data-field-width-value="1164" 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="" data-field-widthunits-value="" data-field-fontsize-value="28" data-field-top-res-320-value="590" data-field-left-res-320-value="10" data-field-height-res-320-value="72" data-field-width-res-320-value="299" data-field-fontsize-res-320-value="20" data-field-top-res-480-value="580" data-field-left-res-480-value="10" data-field-height-res-480-value="72" data-field-width-res-480-value="460" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="620" data-field-left-res-640-value="10" data-field-height-res-640-value="80" data-field-width-res-640-value="619" data-field-fontsize-res-640-value="24" data-field-top-res-960-value="527" data-field-left-res-960-value="10" data-field-height-res-960-value="100" data-field-width-res-960-value="940"> <a class='tn-atom' href="#PopupIntroCourseRegistration"> <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__3397893361627313341097' data-elem-id='1627313341097' data-elem-type='text' data-field-top-value="24" data-field-left-value="17" data-field-width-value="464" 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="" data-field-widthunits-value="px" data-field-fontsize-value="60" data-field-top-res-320-value="43" data-field-left-res-320-value="8" data-field-top-res-480-value="44" data-field-left-res-480-value="7" data-field-width-res-480-value="306" data-field-fontsize-res-480-value="36" data-field-top-res-640-value="34" data-field-left-res-640-value="7" data-field-fontsize-res-640-value="48" data-field-top-res-960-value="24" data-field-left-res-960-value="7"> <div class='tn-atom'field='tn_text_1627313341097'>Для кого этот курс</div> </div> <div class='t396__elem tn-elem tn-elem__3397893361627313341101' data-elem-id='1627313341101' data-elem-type='text' data-field-top-value="298" data-field-left-value="20" data-field-width-value="332" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="153" data-field-left-res-320-value="92" data-field-width-res-320-value="220" data-field-top-res-480-value="153" data-field-left-res-480-value="114" data-field-width-res-480-value="315" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="185" data-field-left-res-640-value="140" data-field-width-res-640-value="443" data-field-top-res-960-value="298" data-field-left-res-960-value="10" data-field-width-res-960-value="272"> <div class='tn-atom'field='tn_text_1627313341101'>Для новичков, которые задумываются о том, чтобы попробовать себя в нарративном дизайне, и хотят научиться основам;
</div> </div> <div class='t396__elem tn-elem tn-elem__3397893361627313341104' data-elem-id='1627313341104' data-elem-type='text' data-field-top-value="298" data-field-left-value="820" data-field-width-value="325" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="447" data-field-left-res-320-value="90" data-field-width-res-320-value="230" data-field-top-res-480-value="445" data-field-left-res-480-value="114" data-field-width-res-480-value="336" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="480" data-field-left-res-640-value="140" data-field-width-res-640-value="439" data-field-top-res-960-value="300" data-field-left-res-960-value="670" data-field-width-res-960-value="269"> <div class='tn-atom'field='tn_text_1627313341104'>Для сценаристов и писателей, которые хотят освоить новые приемы сторителлинга</div> </div> <div class='t396__elem tn-elem tn-elem__3397893361627313341107' data-elem-id='1627313341107' data-elem-type='text' data-field-top-value="298" data-field-left-value="420" data-field-width-value="285" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="315" data-field-left-res-320-value="90" data-field-width-res-320-value="221" data-field-top-res-480-value="305" data-field-left-res-480-value="114" data-field-width-res-480-value="319" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="330" data-field-left-res-640-value="140" data-field-width-res-640-value="420" data-field-top-res-960-value="300" data-field-left-res-960-value="350"> <div class='tn-atom'field='tn_text_1627313341107'>Для геймдизайнеров и разработчиков, которые хотят узнать больше о нарративе в играх.
</div> </div> <div class='t396__elem tn-elem tn-elem__3397893361627313341117' data-elem-id='1627313341117' data-elem-type='image' data-field-top-value="176" data-field-left-value="421" data-field-width-value="99" 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="" data-field-widthunits-value="px" data-field-filewidth-value="398" data-field-fileheight-value="366" data-field-top-res-320-value="315" data-field-left-res-320-value="7" data-field-width-res-320-value="60" data-field-top-res-480-value="305" data-field-left-res-480-value="10" data-field-width-res-480-value="76" data-field-top-res-640-value="330" data-field-left-res-640-value="10" data-field-top-res-960-value="178" data-field-left-res-960-value="351"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3262-3737-4161-b230-313761386663/205e5b4b76128f073bb2.svg'
src='https://static.tildacdn.com/tild3262-3737-4161-b230-313761386663/205e5b4b76128f073bb2.svg'
alt='' imgfield='tn_img_1627313341117'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397893361627313341122' data-elem-id='1627313341122' data-elem-type='image' data-field-top-value="179" data-field-left-value="820" data-field-width-value="91" 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="" data-field-widthunits-value="px" data-field-filewidth-value="368" data-field-fileheight-value="363" data-field-top-res-320-value="447" data-field-left-res-320-value="7" data-field-width-res-320-value="58" data-field-top-res-480-value="440" data-field-left-res-480-value="10" data-field-width-res-480-value="74" data-field-top-res-640-value="480" data-field-left-res-640-value="10" data-field-top-res-960-value="181" data-field-left-res-960-value="670"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3662-6239-4232-b663-653639316463/cd9b6b6997eb05f24560.svg'
src='https://static.tildacdn.com/tild3662-6239-4232-b663-653639316463/cd9b6b6997eb05f24560.svg'
alt='' imgfield='tn_img_1627313341122'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397893361627313341126' data-elem-id='1627313341126' data-elem-type='image' data-field-top-value="186" data-field-left-value="20" data-field-width-value="87" 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="" data-field-widthunits-value="px" data-field-filewidth-value="352" data-field-fileheight-value="349" data-field-top-res-320-value="151" data-field-left-res-320-value="10" data-field-width-res-320-value="57" data-field-top-res-480-value="151" data-field-left-res-480-value="10" data-field-width-res-480-value="72" data-field-top-res-640-value="186" data-field-left-res-640-value="10" data-field-top-res-960-value="186" data-field-left-res-960-value="10"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3535-3133-4234-a537-323764616435/aeeacba24bd323a433ed.svg'
src='https://static.tildacdn.com/tild3535-3133-4234-a537-323764616435/aeeacba24bd323a433ed.svg'
alt='' imgfield='tn_img_1627313341126'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397893361627314722594' data-elem-id='1627314722594' data-elem-type='shape' data-field-top-value="176" data-field-left-value="380" data-field-height-value="286" data-field-width-value="1" 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-640-value="178" data-field-left-res-640-value="-1250" data-field-top-res-960-value="178" data-field-left-res-960-value="310"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3397893361627314774022' data-elem-id='1627314774022' data-elem-type='shape' data-field-top-value="176" data-field-left-value="780" data-field-height-value="286" data-field-width-value="1" 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-left-res-640-value="-1630" data-field-top-res-960-value="178" data-field-left-res-960-value="630"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3397893361627318971371 t-animate' data-elem-id='1627318971371' data-elem-type='image' data-field-top-value="-242" data-field-left-value="725" data-field-width-value="665" 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="" data-field-widthunits-value="px" data-animate-style="zoomin" data-animate-duration="2" data-animate-scale="0.75" data-field-filewidth-value="520" data-field-fileheight-value="421" data-field-top-res-320-value="-75" data-field-left-res-320-value="-520" data-field-top-res-480-value="-60" data-field-left-res-480-value="280" data-field-width-res-480-value="254" data-field-top-res-640-value="-105" data-field-left-res-640-value="370" data-field-width-res-640-value="367" data-field-top-res-960-value="-145" data-field-left-res-960-value="610" data-field-width-res-960-value="466"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6230-3432-4133-b562-353737393564/photo.png'
src='https://thb.tildacdn.com/tild6230-3432-4133-b562-353737393564/-/resize/20x/photo.png'
alt='' imgfield='tn_img_1627318971371'
/> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339789336');});});</script> <!-- /T396 --> </div> <div id="rec339789447" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339789447 .t396__artboard {height:1109px;background-color:#211d1a;}#rec339789447 .t396__filter {height:1109px;}#rec339789447 .t396__carrier{height:1109px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339789447 .t396__artboard,#rec339789447 .t396__filter,#rec339789447 .t396__carrier {height:1049px;}#rec339789447 .t396__filter {}#rec339789447 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339789447 .t396__artboard,#rec339789447 .t396__filter,#rec339789447 .t396__carrier {height:989px;}#rec339789447 .t396__filter {}#rec339789447 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339789447 .t396__artboard,#rec339789447 .t396__filter,#rec339789447 .t396__carrier {height:899px;}#rec339789447 .t396__filter {}#rec339789447 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339789447 .t396__artboard,#rec339789447 .t396__filter,#rec339789447 .t396__carrier {height:1179px;}#rec339789447 .t396__filter {}#rec339789447 .t396__carrier {background-attachment:scroll;}}#rec339789447 .tn-elem[data-elem-id="1627315752739"]{color:#fdae15;text-align:LEFT;z-index:5;top:-103px;left:10px;width:251px;height:auto;}#rec339789447 .tn-elem[data-elem-id="1627315752739"] .tn-atom{color:#fdae15;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.60;font-weight:100;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){#rec339789447 .tn-elem[data-elem-id="1627315752739"]{height:auto;}}@media screen and (max-width:959px){#rec339789447 .tn-elem[data-elem-id="1627315752739"]{height:auto;}}@media screen and (max-width:639px){#rec339789447 .tn-elem[data-elem-id="1627315752739"]{height:auto;}#rec339789447 .tn-elem[data-elem-id="1627315752739"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339789447 .tn-elem[data-elem-id="1627315752739"]{height:auto;}}#rec339789447 .tn-elem[data-elem-id="1627315752742"]{z-index:6;top:-106px;left:243px;width:33px;height:auto;}#rec339789447 .tn-elem[data-elem-id="1627315752742"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789447 .tn-elem[data-elem-id="1627315752742"]{height:auto;}}@media screen and (max-width:959px){#rec339789447 .tn-elem[data-elem-id="1627315752742"]{height:auto;}}@media screen and (max-width:639px){#rec339789447 .tn-elem[data-elem-id="1627315752742"]{width:26px;height:auto;}}@media screen and (max-width:479px){#rec339789447 .tn-elem[data-elem-id="1627315752742"]{height:auto;}}#rec339789447 .tn-elem[data-elem-id="1627315752728"]{z-index:3;top:-144px;left:567px;width:32px;height:auto;}#rec339789447 .tn-elem[data-elem-id="1627315752728"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789447 .tn-elem[data-elem-id="1627315752728"]{height:auto;}}@media screen and (max-width:959px){#rec339789447 .tn-elem[data-elem-id="1627315752728"]{height:auto;}}@media screen and (max-width:639px){#rec339789447 .tn-elem[data-elem-id="1627315752728"]{width:26px;height:auto;}}@media screen and (max-width:479px){#rec339789447 .tn-elem[data-elem-id="1627315752728"]{height:auto;}}#rec339789447 .tn-elem[data-elem-id="1627315752736"]{color:#fdae15;text-align:LEFT;z-index:4;top:-142px;left:348px;width:217px;height:auto;}#rec339789447 .tn-elem[data-elem-id="1627315752736"] .tn-atom{color:#fdae15;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.60;font-weight:100;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){#rec339789447 .tn-elem[data-elem-id="1627315752736"]{height:auto;}}@media screen and (max-width:959px){#rec339789447 .tn-elem[data-elem-id="1627315752736"]{height:auto;}}@media screen and (max-width:639px){#rec339789447 .tn-elem[data-elem-id="1627315752736"]{width:195px;height:auto;}#rec339789447 .tn-elem[data-elem-id="1627315752736"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339789447 .tn-elem[data-elem-id="1627315752736"]{height:auto;}}#rec339789447 .tn-elem[data-elem-id="1627315943670"]{z-index:1;top:66px;;left:calc(50% - 600px + -815px);;width:3162px;height:auto;}#rec339789447 .tn-elem[data-elem-id="1627315943670"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789447 .tn-elem[data-elem-id="1627315943670"]{top:30px;;left:calc(50% - 480px + -488px);;height:auto;}}@media screen and (max-width:959px){#rec339789447 .tn-elem[data-elem-id="1627315943670"]{top:85px;;left:calc(50% - 320px + -520px);;width:2838px;height:auto;}}#rec339789447 .tn-elem[data-elem-id="1627315752725"]{color:#ffffff;text-align:LEFT;z-index:2;top:701px;;left:calc(50% - 600px + 20px);;width:647px;height:auto;}#rec339789447 .tn-elem[data-elem-id="1627315752725"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.60;font-weight:100;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){#rec339789447 .tn-elem[data-elem-id="1627315752725"]{top:659px;;left:calc(50% - 480px + 12px);;height:auto;}}@media screen and (max-width:959px){#rec339789447 .tn-elem[data-elem-id="1627315752725"]{top:540px;;left:calc(50% - 320px + 10px);;width:540px;height:auto;}}@media screen and (max-width:639px){#rec339789447 .tn-elem[data-elem-id="1627315752725"]{top:418px;;left:calc(50% - 240px + 10px);;width:289px;height:auto;}#rec339789447 .tn-elem[data-elem-id="1627315752725"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339789447 .tn-elem[data-elem-id="1627315752725"]{top:734px;;left:calc(50% - 160px + 10px);;height:auto;}}#rec339789447 .tn-elem[data-elem-id="1627315752746"]{z-index:7;top:210px;;left:calc(50% - 600px + 20px);;width:281px;height:auto;}#rec339789447 .tn-elem[data-elem-id="1627315752746"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789447 .tn-elem[data-elem-id="1627315752746"]{top:210px;;left:calc(50% - 480px + 10px);;height:auto;}}@media screen and (max-width:959px){#rec339789447 .tn-elem[data-elem-id="1627315752746"]{top:155px;;left:calc(50% - 320px + 10px);;height:auto;}}@media screen and (max-width:639px){#rec339789447 .tn-elem[data-elem-id="1627315752746"]{top:107px;;left:calc(50% - 240px + 10px);;width:250px;height:auto;}}@media screen and (max-width:479px){#rec339789447 .tn-elem[data-elem-id="1627315752746"]{top:97px;;left:calc(50% - 160px + 10px);;height:auto;}}#rec339789447 .tn-elem[data-elem-id="1627315752753"]{color:#ffffff;text-align:LEFT;z-index:8;top:135px;;left:calc(50% - 600px + 20px);;width:460px;height:auto;}#rec339789447 .tn-elem[data-elem-id="1627315752753"] .tn-atom{color:#ffffff;font-size:60px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.00;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){#rec339789447 .tn-elem[data-elem-id="1627315752753"]{top:135px;;left:calc(50% - 480px + 10px);;height:auto;}}@media screen and (max-width:959px){#rec339789447 .tn-elem[data-elem-id="1627315752753"]{top:100px;;left:calc(50% - 320px + 10px);;height:auto;}#rec339789447 .tn-elem[data-elem-id="1627315752753"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:639px){#rec339789447 .tn-elem[data-elem-id="1627315752753"]{top:65px;;left:calc(50% - 240px + 10px);;width:286px;height:auto;}#rec339789447 .tn-elem[data-elem-id="1627315752753"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec339789447 .tn-elem[data-elem-id="1627315752753"]{top:55px;;left:calc(50% - 160px + 10px);;width:289px;height:auto;}}#rec339789447 .tn-elem[data-elem-id="1627316134831"]{z-index:9;top:140px;;left:calc(50% - 600px + 830px);;width:350px;height:552px;}#rec339789447 .tn-elem[data-elem-id="1627316134831"] .tn-atom{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 (min-width:1200px){#rec339789447 .tn-elem.t396__elem--anim-hidden[data-elem-id="1627316134831"]{opacity:0;}}@media screen and (max-width:1199px){#rec339789447 .tn-elem[data-elem-id="1627316134831"]{top:170px;;left:calc(50% - 480px + 696px);;width:296px;height:467px;}}@media screen and (max-width:959px){#rec339789447 .tn-elem[data-elem-id="1627316134831"]{top:100px;;left:calc(50% - 320px + 428px);;width:252px;height:398px;}}@media screen and (max-width:639px){#rec339789447 .tn-elem[data-elem-id="1627316134831"]{top:368px;;left:calc(50% - 240px + 312px);;width:226px;height:353px;}}@media screen and (max-width:479px){#rec339789447 .tn-elem[data-elem-id="1627316134831"]{top:361px;;left:calc(50% - 160px + 10px);;width:220px;height:344px;}}#rec339789447 .tn-elem[data-elem-id="1627315752755"]{z-index:10;top:282px;;left:calc(50% - 600px + 20px);;width:716px;height:auto;}#rec339789447 .tn-elem[data-elem-id="1627315752755"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789447 .tn-elem[data-elem-id="1627315752755"]{top:267px;;left:calc(50% - 480px + 12px);;width:637px;height:auto;}}@media screen and (max-width:959px){#rec339789447 .tn-elem[data-elem-id="1627315752755"]{top:245px;;left:calc(50% - 320px + 10px);;width:396px;height:auto;}}@media screen and (max-width:639px){#rec339789447 .tn-elem[data-elem-id="1627315752755"]{top:165px;;left:calc(50% - 240px + 10px);;width:364px;height:auto;}}@media screen and (max-width:479px){#rec339789447 .tn-elem[data-elem-id="1627315752755"]{top:165px;;left:calc(50% - 160px + 10px);;width:293px;height:auto;}}#rec339789447 .tn-elem[data-elem-id="1627315752759"]{z-index:11;top:572px;;left:calc(50% - 600px + 18px);;width:452px;height:auto;}#rec339789447 .tn-elem[data-elem-id="1627315752759"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339789447 .tn-elem[data-elem-id="1627315752759"]{top:530px;;left:calc(50% - 480px + 10px);;height:auto;}}@media screen and (max-width:959px){#rec339789447 .tn-elem[data-elem-id="1627315752759"]{top:420px;;left:calc(50% - 320px + 10px);;width:357px;height:auto;}}@media screen and (max-width:639px){#rec339789447 .tn-elem[data-elem-id="1627315752759"]{top:315px;;left:calc(50% - 240px + 10px);;width:284px;height:auto;}}@media screen and (max-width:479px){#rec339789447 .tn-elem[data-elem-id="1627315752759"]{top:286px;;left:calc(50% - 160px + 10px);;width:252px;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339789447" data-artboard-screens="320,480,640,960,1200" data-artboard-height="1109" data-artboard-valign="center" data-artboard-height-res-320="1179" data-artboard-height-res-480="899" data-artboard-height-res-640="989" data-artboard-height-res-960="1049"> <div class="t396__carrier" data-artboard-recid="339789447"></div> <div class="t396__filter" data-artboard-recid="339789447"></div> <div class='t396__elem tn-elem tn-elem__3397894471627315752739' data-elem-id='1627315752739' data-elem-type='text' data-field-top-value="952" data-field-left-value="20" data-field-width-value="251" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="1058" data-field-left-res-320-value="10" data-field-top-res-480-value="756" data-field-left-res-480-value="10" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="837" data-field-left-res-640-value="8" data-field-top-res-960-value="910" data-field-left-res-960-value="12"> <div class='tn-atom'><a href="#popup:streams"style="color: inherit">Смотри видео с Костей</a></div> </div> <div class='t396__elem tn-elem tn-elem__3397894471627315752742' data-elem-id='1627315752742' data-elem-type='image' data-field-top-value="949" data-field-left-value="253" data-field-width-value="33" 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="" data-field-widthunits-value="px" data-field-filewidth-value="32" data-field-fileheight-value="32" data-field-top-res-320-value="1055" data-field-left-res-320-value="208" data-field-top-res-480-value="753" data-field-left-res-480-value="208" data-field-width-res-480-value="26" data-field-top-res-640-value="837" data-field-left-res-640-value="255" data-field-top-res-960-value="910" data-field-left-res-960-value="259"> <a class='tn-atom' href="#popup:streams"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3463-3864-4536-a439-396666346163/svg.svg'
src='https://static.tildacdn.com/tild3463-3864-4536-a439-396666346163/svg.svg'
alt='' imgfield='tn_img_1627315752742'
/> </a> </div> <div class='t396__elem tn-elem tn-elem__3397894471627315752728' data-elem-id='1627315752728' data-elem-type='image' data-field-top-value="950" data-field-left-value="577" data-field-width-value="32" 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="" data-field-widthunits-value="px" data-field-filewidth-value="32" data-field-fileheight-value="32" data-field-top-res-320-value="1094" data-field-left-res-320-value="188" data-field-top-res-480-value="792" data-field-left-res-480-value="188" data-field-width-res-480-value="26" data-field-top-res-640-value="837" data-field-left-res-640-value="565" data-field-top-res-960-value="910" data-field-left-res-960-value="569"> <a class='tn-atom' href="#popup:podcasts"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6462-6665-4736-a136-663865356262/svg.svg'
src='https://static.tildacdn.com/tild6462-6665-4736-a136-663865356262/svg.svg'
alt='' imgfield='tn_img_1627315752728'
/> </a> </div> <div class='t396__elem tn-elem tn-elem__3397894471627315752736' data-elem-id='1627315752736' data-elem-type='text' data-field-top-value="952" data-field-left-value="358" data-field-width-value="217" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="1096" data-field-left-res-320-value="10" data-field-top-res-480-value="794" data-field-left-res-480-value="10" data-field-width-res-480-value="195" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="837" data-field-left-res-640-value="346" data-field-top-res-960-value="910" data-field-left-res-960-value="350"> <div class='tn-atom'><a href="#popup:podcasts"style="color: inherit">Читай статьи с Костей</a></div> </div> <div class='t396__elem tn-elem tn-elem__3397894471627315943670' data-elem-id='1627315943670' data-elem-type='image' data-field-top-value="66" data-field-left-value="-815" data-field-width-value="3162" 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="" data-field-widthunits-value="px" data-field-filewidth-value="12649" data-field-fileheight-value="2540" data-field-top-res-640-value="85" data-field-left-res-640-value="-520" data-field-width-res-640-value="2838" data-field-top-res-960-value="30" data-field-left-res-960-value="-488"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3165-6339-4631-b261-356136643661/8284d3b028623d3cb23b.svg'
src='https://static.tildacdn.com/tild3165-6339-4631-b261-356136643661/8284d3b028623d3cb23b.svg'
alt='' imgfield='tn_img_1627315943670'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397894471627315752725' data-elem-id='1627315752725' data-elem-type='text' data-field-top-value="701" data-field-left-value="20" data-field-width-value="647" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="734" data-field-left-res-320-value="10" data-field-top-res-480-value="418" data-field-left-res-480-value="10" data-field-width-res-480-value="289" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="540" data-field-left-res-640-value="10" data-field-width-res-640-value="540" data-field-top-res-960-value="659" data-field-left-res-960-value="12"> <div class='tn-atom'field='tn_text_1627315752725'>Несколько лет работал как нарративщик в Mono Studio над проектом Insomnia: The Ark, и в Mundfish над Atomic Heart. <br>Проектировал различные нарративные механики, в том числе квестовые и диалоговые системы с последующей имплементацией в движок. Как сценарист писал синопсисы и диалоги, создавал лор, персонажей, квесты и описание объектов.</div> </div> <div class='t396__elem tn-elem tn-elem__3397894471627315752746' data-elem-id='1627315752746' data-elem-type='image' data-field-top-value="210" data-field-left-value="20" data-field-width-value="281" 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="" data-field-widthunits-value="px" data-field-filewidth-value="1127" data-field-fileheight-value="52" data-field-top-res-320-value="97" data-field-left-res-320-value="10" data-field-top-res-480-value="107" data-field-left-res-480-value="10" data-field-width-res-480-value="250" data-field-top-res-640-value="155" data-field-left-res-640-value="10" data-field-top-res-960-value="210" data-field-left-res-960-value="10"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6231-3233-4136-a639-393039346161/15bf0011ab4547221085.svg'
src='https://static.tildacdn.com/tild6231-3233-4136-a639-393039346161/15bf0011ab4547221085.svg'
alt='' imgfield='tn_img_1627315752746'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397894471627315752753' data-elem-id='1627315752753' data-elem-type='text' data-field-top-value="135" data-field-left-value="20" data-field-width-value="460" 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="" data-field-widthunits-value="px" data-field-fontsize-value="60" data-field-top-res-320-value="55" data-field-left-res-320-value="10" data-field-width-res-320-value="289" data-field-top-res-480-value="65" data-field-left-res-480-value="10" data-field-width-res-480-value="286" data-field-fontsize-res-480-value="36" data-field-top-res-640-value="100" data-field-left-res-640-value="10" data-field-fontsize-res-640-value="48" data-field-top-res-960-value="135" data-field-left-res-960-value="10"> <div class='tn-atom'field='tn_text_1627315752753'>КТО ПРОВОДИТ КУРС</div> </div> <div class='t396__elem tn-elem tn-elem__3397894471627316134831 ' data-elem-id='1627316134831' data-elem-type='shape' data-field-top-value="140" data-field-left-value="830" data-field-height-value="552" 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-animate-sbs-event="scroll" data-animate-sbs-trg="0.5" data-animate-sbs-trgofst="0" data-animate-sbs-opts="[{'di':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','fi':'','dd':'0'},{'di':1000,'mx':'0','my':300,'sx':'1','sy':'1','op':'1','ro':'0','bl':'0','fi':'','dd':'0'}]" data-field-top-res-320-value="361" data-field-left-res-320-value="10" data-field-height-res-320-value="344" data-field-width-res-320-value="220" data-field-top-res-480-value="368" data-field-left-res-480-value="312" data-field-height-res-480-value="353" data-field-width-res-480-value="226" data-field-top-res-640-value="100" data-field-left-res-640-value="428" data-field-height-res-640-value="398" data-field-width-res-640-value="252" data-field-top-res-960-value="170" data-field-left-res-960-value="696" data-field-height-res-960-value="467" data-field-width-res-960-value="296"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3163-6334-4464-b565-356262616233/d909ebf4e8111c797b76.png"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__3397894471627315752755' data-elem-id='1627315752755' data-elem-type='image' data-field-top-value="282" data-field-left-value="20" data-field-width-value="716" 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="" data-field-widthunits-value="px" data-field-filewidth-value="2718" data-field-fileheight-value="916" data-field-top-res-320-value="165" data-field-left-res-320-value="10" data-field-width-res-320-value="293" data-field-top-res-480-value="165" data-field-left-res-480-value="10" data-field-width-res-480-value="364" data-field-top-res-640-value="245" data-field-left-res-640-value="10" data-field-width-res-640-value="396" data-field-top-res-960-value="267" data-field-left-res-960-value="12" data-field-width-res-960-value="637"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3030-3761-4531-a134-636332636638/9efb916c5d4e71f6426e.svg'
src='https://static.tildacdn.com/tild3030-3761-4531-a134-636332636638/9efb916c5d4e71f6426e.svg'
alt='' imgfield='tn_img_1627315752755'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397894471627315752759' data-elem-id='1627315752759' data-elem-type='image' data-field-top-value="572" data-field-left-value="18" data-field-width-value="452" 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="" data-field-widthunits-value="px" data-field-filewidth-value="1811" data-field-fileheight-value="348" data-field-top-res-320-value="286" data-field-left-res-320-value="10" data-field-width-res-320-value="252" data-field-top-res-480-value="315" data-field-left-res-480-value="10" data-field-width-res-480-value="284" data-field-top-res-640-value="420" data-field-left-res-640-value="10" data-field-width-res-640-value="357" data-field-top-res-960-value="530" data-field-left-res-960-value="10"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3866-6530-4433-a530-303166373162/5f1bd4d5ff0ab7108c42.svg'
src='https://static.tildacdn.com/tild3866-6530-4433-a530-303166373162/5f1bd4d5ff0ab7108c42.svg'
alt='' imgfield='tn_img_1627315752759'
/> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339789447');});});</script> <!-- /T396 --> </div> <div id="rec339917282" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339917282 .t396__artboard {height:530px;}#rec339917282 .t396__filter {height:530px;}#rec339917282 .t396__carrier{height:530px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339917282 .t396__artboard,#rec339917282 .t396__filter,#rec339917282 .t396__carrier {height:477px;}#rec339917282 .t396__filter {}#rec339917282 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339917282 .t396__artboard,#rec339917282 .t396__filter,#rec339917282 .t396__carrier {height:690px;}#rec339917282 .t396__filter {}#rec339917282 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339917282 .t396__artboard,#rec339917282 .t396__filter,#rec339917282 .t396__carrier {height:900px;}#rec339917282 .t396__filter {}#rec339917282 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339917282 .t396__artboard,#rec339917282 .t396__filter,#rec339917282 .t396__carrier {height:970px;}#rec339917282 .t396__filter {}#rec339917282 .t396__carrier {background-attachment:scroll;}}#rec339917282 .tn-elem[data-elem-id="1627370460877"]{z-index:1;top:0px;;left:calc(50% - 600px + 21px);;width:1160px;height:487px;}#rec339917282 .tn-elem[data-elem-id="1627370460877"] .tn-atom{border-radius:10px;background-color:#211d1a;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){#rec339917282 .tn-elem[data-elem-id="1627370460877"]{top:0px;;left:calc(50% - 480px + 11px);;width:939px;height:450px;}#rec339917282 .tn-elem[data-elem-id="1627370460877"] .tn-atom{background-color:#39322d;background-size:cover;}}@media screen and (max-width:959px){#rec339917282 .tn-elem[data-elem-id="1627370460877"]{top:0px;;left:calc(50% - 320px + 10px);;width:620px;height:841px;}}@media screen and (max-width:639px){#rec339917282 .tn-elem[data-elem-id="1627370460877"]{top:0px;;left:calc(50% - 240px + 10px);;width:460px;height:866px;}}@media screen and (max-width:479px){#rec339917282 .tn-elem[data-elem-id="1627370460877"]{top:0px;;left:calc(50% - 160px + 0px);;width:100%;height:930px;}#rec339917282 .tn-elem[data-elem-id="1627370460877"] .tn-atom{background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec339917282 .tn-elem[data-elem-id="1618648581631"]{z-index:2;top:157px;;left:calc(50% - 600px + 122px);;width:260px;height:140px;}#rec339917282 .tn-elem[data-elem-id="1618648581631"] .tn-atom{background-color:#1e1e1e;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){#rec339917282 .tn-elem[data-elem-id="1618648581631"]{top:148px;;left:calc(50% - 480px + 89px);;width:220px;height:130px;}#rec339917282 .tn-elem[data-elem-id="1618648581631"] .tn-atom{background-size:cover;opacity:0.6;}}@media screen and (max-width:959px){#rec339917282 .tn-elem[data-elem-id="1618648581631"]{top:136px;;left:calc(50% - 320px + 69px);;width:300px;height:170px;}#rec339917282 .tn-elem[data-elem-id="1618648581631"] .tn-atom{background-size:cover;opacity:0.6;}}@media screen and (max-width:639px){#rec339917282 .tn-elem[data-elem-id="1618648581631"]{top:139px;;left:calc(50% - 240px + 56px);;width:220px;height:130px;}}@media screen and (max-width:479px){#rec339917282 .tn-elem[data-elem-id="1618648581631"]{top:134px;;left:calc(50% - 160px + 31px);;width:256px;height:145px;}}#rec339917282 .tn-elem[data-elem-id="1618649370284"]{color:#ffffff;z-index:4;top:322px;;left:calc(50% - 600px + 122px);;width:260px;height:auto;}#rec339917282 .tn-elem[data-elem-id="1618649370284"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:100;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){#rec339917282 .tn-elem[data-elem-id="1618649370284"]{top:298px;;left:calc(50% - 480px + 88px);;width:220px;height:auto;}}@media screen and (max-width:959px){#rec339917282 .tn-elem[data-elem-id="1618649370284"]{top:136px;;left:calc(50% - 320px + 392px);;width:185px;height:auto;}}@media screen and (max-width:639px){#rec339917282 .tn-elem[data-elem-id="1618649370284"]{top:279px;;left:calc(50% - 240px + 56px);;width:220px;height:auto;}#rec339917282 .tn-elem[data-elem-id="1618649370284"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:479px){#rec339917282 .tn-elem[data-elem-id="1618649370284"]{top:294px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;}}#rec339917282 .tn-elem[data-elem-id="1618680167299"]{z-index:5;top:157px;;left:calc(50% - 600px + 471px);;width:260px;height:140px;}#rec339917282 .tn-elem[data-elem-id="1618680167299"] .tn-atom{background-color:#1e1e1e;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){#rec339917282 .tn-elem[data-elem-id="1618680167299"]{top:148px;;left:calc(50% - 480px + 369px);;width:220px;height:130px;}#rec339917282 .tn-elem[data-elem-id="1618680167299"] .tn-atom{background-size:cover;opacity:0.6;}}@media screen and (max-width:959px){#rec339917282 .tn-elem[data-elem-id="1618680167299"]{top:366px;;left:calc(50% - 320px + 68px);;width:300px;height:170px;}#rec339917282 .tn-elem[data-elem-id="1618680167299"] .tn-atom{background-size:cover;opacity:0.6;}}@media screen and (max-width:639px){#rec339917282 .tn-elem[data-elem-id="1618680167299"]{top:609px;;left:calc(50% - 240px + 56px);;width:220px;height:130px;}}@media screen and (max-width:479px){#rec339917282 .tn-elem[data-elem-id="1618680167299"]{top:397px;;left:calc(50% - 160px + 31px);;width:256px;height:145px;}}#rec339917282 .tn-elem[data-elem-id="1618680169756"]{z-index:6;top:157px;;left:calc(50% - 600px + 817px);;width:260px;height:140px;}#rec339917282 .tn-elem[data-elem-id="1618680169756"] .tn-atom{background-color:#1e1e1e;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){#rec339917282 .tn-elem[data-elem-id="1618680169756"]{top:148px;;left:calc(50% - 480px + 649px);;width:220px;height:130px;}#rec339917282 .tn-elem[data-elem-id="1618680169756"] .tn-atom{background-size:cover;opacity:0.6;}}@media screen and (max-width:959px){#rec339917282 .tn-elem[data-elem-id="1618680169756"]{top:596px;;left:calc(50% - 320px + 67px);;width:300px;height:170px;}#rec339917282 .tn-elem[data-elem-id="1618680169756"] .tn-atom{background-size:cover;opacity:0.6;}}@media screen and (max-width:639px){#rec339917282 .tn-elem[data-elem-id="1618680169756"]{top:374px;;left:calc(50% - 240px + 56px);;width:220px;height:130px;}}@media screen and (max-width:479px){#rec339917282 .tn-elem[data-elem-id="1618680169756"]{top:660px;;left:calc(50% - 160px + 30px);;width:256px;height:145px;}}#rec339917282 .tn-elem[data-elem-id="1618680213320"]{color:#ffffff;z-index:7;top:317px;;left:calc(50% - 600px + 471px);;width:260px;height:auto;}#rec339917282 .tn-elem[data-elem-id="1618680213320"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:100;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){#rec339917282 .tn-elem[data-elem-id="1618680213320"]{top:296px;;left:calc(50% - 480px + 368px);;width:220px;height:auto;}}@media screen and (max-width:959px){#rec339917282 .tn-elem[data-elem-id="1618680213320"]{top:366px;;left:calc(50% - 320px + 392px);;width:199px;height:auto;}}@media screen and (max-width:639px){#rec339917282 .tn-elem[data-elem-id="1618680213320"]{top:749px;;left:calc(50% - 240px + 56px);;width:220px;height:auto;}#rec339917282 .tn-elem[data-elem-id="1618680213320"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:479px){#rec339917282 .tn-elem[data-elem-id="1618680213320"]{top:557px;;left:calc(50% - 160px + 32px);;width:250px;height:auto;}}#rec339917282 .tn-elem[data-elem-id="1618680216258"]{color:#ffffff;z-index:8;top:317px;;left:calc(50% - 600px + 817px);;width:260px;height:auto;}#rec339917282 .tn-elem[data-elem-id="1618680216258"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:100;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){#rec339917282 .tn-elem[data-elem-id="1618680216258"]{top:295px;;left:calc(50% - 480px + 651px);;width:220px;height:auto;}}@media screen and (max-width:959px){#rec339917282 .tn-elem[data-elem-id="1618680216258"]{top:596px;;left:calc(50% - 320px + 392px);;width:184px;height:auto;}}@media screen and (max-width:639px){#rec339917282 .tn-elem[data-elem-id="1618680216258"]{top:514px;;left:calc(50% - 240px + 56px);;width:222px;height:auto;}#rec339917282 .tn-elem[data-elem-id="1618680216258"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:479px){#rec339917282 .tn-elem[data-elem-id="1618680216258"]{top:821px;;left:calc(50% - 160px + 31px);;width:292px;height:auto;}}#rec339917282 .tn-elem[data-elem-id="1618680643576"]{z-index:9;top:150px;;left:calc(50% - 600px + 121px);;width:269px;height:155px;}#rec339917282 .tn-elem[data-elem-id="1618680643576"] .tn-atom{opacity:0.5;background-color:#211d1a;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media (min-width:1200px){#rec339917282 .tn-elem.t396__elem--anim-hidden[data-elem-id="1618680643576"]{opacity:0;}}@media screen and (max-width:1199px){#rec339917282 .tn-elem[data-elem-id="1618680643576"]{top:146px;;left:calc(50% - 480px + -361px);;}#rec339917282 .tn-elem[data-elem-id="1618680643576"] .tn-atom{background-size:cover;opacity:0;}}@media screen and (max-width:959px){#rec339917282 .tn-elem[data-elem-id="1618680643576"]{top:156px;;left:calc(50% - 320px + -361px);;}#rec339917282 .tn-elem[data-elem-id="1618680643576"] .tn-atom{background-size:cover;opacity:0;}}@media screen and (max-width:639px){#rec339917282 .tn-elem[data-elem-id="1618680643576"]{top:371px;;left:calc(50% - 240px + 215px);;}}@media screen and (max-width:479px){#rec339917282 .tn-elem[data-elem-id="1618680643576"]{top:335px;;left:calc(50% - 160px + 654px);;}}#rec339917282 .tn-elem[data-elem-id="1618680628210"]{z-index:10;top:208px;;left:calc(50% - 600px + 235px);;width:34px;height:auto;pointer-events:none;}#rec339917282 .tn-elem[data-elem-id="1618680628210"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media (min-width:1200px){#rec339917282 .tn-elem.t396__elem--anim-hidden[data-elem-id="1618680628210"]{opacity:0;}}@media screen and (max-width:1199px){#rec339917282 .tn-elem[data-elem-id="1618680628210"]{top:194px;;left:calc(50% - 480px + 742px);;height:auto;}}@media screen and (max-width:959px){#rec339917282 .tn-elem[data-elem-id="1618680628210"]{top:430px;;left:calc(50% - 320px + 196px);;height:auto;}}@media screen and (max-width:639px){#rec339917282 .tn-elem[data-elem-id="1618680628210"]{top:185px;;left:calc(50% - 240px + 152px);;height:auto;}}@media screen and (max-width:479px){#rec339917282 .tn-elem[data-elem-id="1618680628210"]{top:193px;;left:calc(50% - 160px + 143px);;height:auto;}}#rec339917282 .tn-elem[data-elem-id="1618680889623"]{z-index:11;top:152px;;left:calc(50% - 600px + 466px);;width:269px;height:155px;}#rec339917282 .tn-elem[data-elem-id="1618680889623"] .tn-atom{opacity:0.5;background-color:#211d1a;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media (min-width:1200px){#rec339917282 .tn-elem.t396__elem--anim-hidden[data-elem-id="1618680889623"]{opacity:0;}}@media screen and (max-width:1199px){#rec339917282 .tn-elem[data-elem-id="1618680889623"]{top:415px;;left:calc(50% - 480px + -388px);;}#rec339917282 .tn-elem[data-elem-id="1618680889623"] .tn-atom{background-size:cover;opacity:0;}}@media screen and (max-width:959px){#rec339917282 .tn-elem[data-elem-id="1618680889623"]{top:289px;;left:calc(50% - 320px + -339px);;}#rec339917282 .tn-elem[data-elem-id="1618680889623"] .tn-atom{background-size:cover;opacity:0;}}@media screen and (max-width:639px){#rec339917282 .tn-elem[data-elem-id="1618680889623"]{top:152px;;left:calc(50% - 240px + -525px);;}}@media screen and (max-width:479px){#rec339917282 .tn-elem[data-elem-id="1618680889623"]{top:527px;;left:calc(50% - 160px + 251px);;}}#rec339917282 .tn-elem[data-elem-id="1618680889611"]{z-index:12;top:208px;;left:calc(50% - 600px + 580px);;width:34px;height:auto;pointer-events:none;}#rec339917282 .tn-elem[data-elem-id="1618680889611"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media (min-width:1200px){#rec339917282 .tn-elem.t396__elem--anim-hidden[data-elem-id="1618680889611"]{opacity:0;}}@media screen and (max-width:1199px){#rec339917282 .tn-elem[data-elem-id="1618680889611"]{top:194px;;left:calc(50% - 480px + 462px);;height:auto;}}@media screen and (max-width:959px){#rec339917282 .tn-elem[data-elem-id="1618680889611"]{top:205px;;left:calc(50% - 320px + 195px);;height:auto;}}@media screen and (max-width:639px){#rec339917282 .tn-elem[data-elem-id="1618680889611"]{top:420px;;left:calc(50% - 240px + 152px);;height:auto;}}@media screen and (max-width:479px){#rec339917282 .tn-elem[data-elem-id="1618680889611"]{top:709px;;left:calc(50% - 160px + 136px);;height:auto;}}#rec339917282 .tn-elem[data-elem-id="1618680947089"]{z-index:13;top:152px;;left:calc(50% - 600px + 811px);;width:269px;height:155px;}#rec339917282 .tn-elem[data-elem-id="1618680947089"] .tn-atom{opacity:0.5;background-color:#211d1a;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media (min-width:1200px){#rec339917282 .tn-elem.t396__elem--anim-hidden[data-elem-id="1618680947089"]{opacity:0;}}@media screen and (max-width:1199px){#rec339917282 .tn-elem[data-elem-id="1618680947089"]{top:12px;;left:calc(50% - 480px + -555px);;}#rec339917282 .tn-elem[data-elem-id="1618680947089"] .tn-atom{background-size:cover;opacity:0;}}@media screen and (max-width:959px){#rec339917282 .tn-elem[data-elem-id="1618680947089"]{top:-87px;;left:calc(50% - 320px + -319px);;}#rec339917282 .tn-elem[data-elem-id="1618680947089"] .tn-atom{background-size:cover;opacity:0;}}@media screen and (max-width:639px){#rec339917282 .tn-elem[data-elem-id="1618680947089"]{top:182px;;left:calc(50% - 240px + -445px);;}}@media screen and (max-width:479px){#rec339917282 .tn-elem[data-elem-id="1618680947089"]{top:94px;;left:calc(50% - 160px + -415px);;}}#rec339917282 .tn-elem[data-elem-id="1618680947082"]{z-index:14;top:208px;;left:calc(50% - 600px + 925px);;width:34px;height:auto;pointer-events:none;}#rec339917282 .tn-elem[data-elem-id="1618680947082"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media (min-width:1200px){#rec339917282 .tn-elem.t396__elem--anim-hidden[data-elem-id="1618680947082"]{opacity:0;}}@media screen and (max-width:1199px){#rec339917282 .tn-elem[data-elem-id="1618680947082"]{top:194px;;left:calc(50% - 480px + 182px);;height:auto;}}@media screen and (max-width:959px){#rec339917282 .tn-elem[data-elem-id="1618680947082"]{top:657px;;left:calc(50% - 320px + 200px);;height:auto;}}@media screen and (max-width:639px){#rec339917282 .tn-elem[data-elem-id="1618680947082"]{top:655px;;left:calc(50% - 240px + 152px);;height:auto;}}@media screen and (max-width:479px){#rec339917282 .tn-elem[data-elem-id="1618680947082"]{top:455px;;left:calc(50% - 160px + 143px);;height:auto;}}#rec339917282 .tn-elem[data-elem-id="1627370638693"]{color:#ffffff;text-align:LEFT;z-index:15;top:61px;;left:calc(50% - 600px + 120px);;width:431px;height:auto;}#rec339917282 .tn-elem[data-elem-id="1627370638693"] .tn-atom{color:#ffffff;font-size:60px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.00;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){#rec339917282 .tn-elem[data-elem-id="1627370638693"]{top:67px;;left:calc(50% - 480px + 81px);;height:auto;}}@media screen and (max-width:959px){#rec339917282 .tn-elem[data-elem-id="1627370638693"]{top:68px;;left:calc(50% - 320px + 68px);;height:auto;}#rec339917282 .tn-elem[data-elem-id="1627370638693"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:639px){#rec339917282 .tn-elem[data-elem-id="1627370638693"]{top:72px;;left:calc(50% - 240px + 56px);;height:auto;}#rec339917282 .tn-elem[data-elem-id="1627370638693"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec339917282 .tn-elem[data-elem-id="1627370638693"]{top:62px;;left:calc(50% - 160px + 31px);;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339917282" data-artboard-screens="320,480,640,960,1200" data-artboard-height="530" data-artboard-valign="top" data-artboard-height-res-320="970" data-artboard-height-res-480="900" data-artboard-height-res-640="690" data-artboard-height-res-960="477"> <div class="t396__carrier" data-artboard-recid="339917282"></div> <div class="t396__filter" data-artboard-recid="339917282"></div> <div class='t396__elem tn-elem tn-elem__3399172821627370460877' data-elem-id='1627370460877' data-elem-type='shape' data-field-top-value="0" data-field-left-value="21" data-field-height-value="487" 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-top-res-320-value="0" data-field-left-res-320-value="0" data-field-height-res-320-value="930" data-field-width-res-320-value="100" data-field-widthunits-res-320-value="%" data-field-top-res-480-value="0" data-field-left-res-480-value="10" data-field-height-res-480-value="866" data-field-width-res-480-value="460" data-field-top-res-640-value="0" data-field-left-res-640-value="10" data-field-height-res-640-value="841" data-field-width-res-640-value="620" data-field-top-res-960-value="0" data-field-left-res-960-value="11" data-field-height-res-960-value="450" data-field-width-res-960-value="939"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3399172821618648581631' data-elem-id='1618648581631' data-elem-type='shape' data-field-top-value="157" data-field-left-value="122" data-field-height-value="140" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="134" data-field-left-res-320-value="31" data-field-height-res-320-value="145" data-field-width-res-320-value="256" data-field-top-res-480-value="139" data-field-left-res-480-value="56" data-field-height-res-480-value="130" data-field-width-res-480-value="220" data-field-top-res-640-value="136" data-field-left-res-640-value="69" data-field-height-res-640-value="170" data-field-width-res-640-value="300" data-field-top-res-960-value="148" data-field-left-res-960-value="89" data-field-height-res-960-value="130" data-field-width-res-960-value="220"> <a class='tn-atom t-bgimg' href="https://www.youtube.com/watch?v=N4qH2qSSchE" rel="nofollow" target="_blank" data-original="https://static.tildacdn.com/tild3663-6565-4664-b866-653738353462/Frame.jpg"
aria-label='' role="img"> </a> </div> <div class='t396__elem tn-elem tn-elem__3399172821618649370284' data-elem-id='1618649370284' data-elem-type='text' data-field-top-value="322" data-field-left-value="122" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="294" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="279" data-field-left-res-480-value="56" data-field-width-res-480-value="220" data-field-fontsize-res-480-value="14" data-field-top-res-640-value="136" data-field-left-res-640-value="392" data-field-width-res-640-value="185" data-field-top-res-960-value="298" data-field-left-res-960-value="88" data-field-width-res-960-value="220"> <div class='tn-atom'field='tn_text_1618649370284'>Как разработчики оправдывают насилие в играх?<br><span style="color: rgb(122, 122, 122);">14.05.2021</span></div> </div> <div class='t396__elem tn-elem tn-elem__3399172821618680167299' data-elem-id='1618680167299' data-elem-type='shape' data-field-top-value="157" data-field-left-value="471" data-field-height-value="140" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="397" data-field-left-res-320-value="31" data-field-height-res-320-value="145" data-field-width-res-320-value="256" data-field-top-res-480-value="609" data-field-left-res-480-value="56" data-field-height-res-480-value="130" data-field-width-res-480-value="220" data-field-top-res-640-value="366" data-field-left-res-640-value="68" data-field-height-res-640-value="170" data-field-width-res-640-value="300" data-field-top-res-960-value="148" data-field-left-res-960-value="369" data-field-height-res-960-value="130" data-field-width-res-960-value="220"> <a class='tn-atom t-bgimg' href="https://www.youtube.com/watch?v=22SVQfGDAdg" data-original="https://static.tildacdn.com/tild3436-3831-4038-a465-633061653032/maxresdefault2.jpg"
aria-label='' role="img"> </a> </div> <div class='t396__elem tn-elem tn-elem__3399172821618680169756' data-elem-id='1618680169756' data-elem-type='shape' data-field-top-value="157" data-field-left-value="817" data-field-height-value="140" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="660" data-field-left-res-320-value="30" data-field-height-res-320-value="145" data-field-width-res-320-value="256" data-field-top-res-480-value="374" data-field-left-res-480-value="56" data-field-height-res-480-value="130" data-field-width-res-480-value="220" data-field-top-res-640-value="596" data-field-left-res-640-value="67" data-field-height-res-640-value="170" data-field-width-res-640-value="300" data-field-top-res-960-value="148" data-field-left-res-960-value="649" data-field-height-res-960-value="130" data-field-width-res-960-value="220"> <a class='tn-atom t-bgimg' href="https://www.youtube.com/watch?v=12zMcTNvmjM" rel="nofollow" target="_blank" data-original="https://static.tildacdn.com/tild3634-3832-4261-b961-613662393765/maxresdefault.jpg"
aria-label='' role="img"> </a> </div> <div class='t396__elem tn-elem tn-elem__3399172821618680213320' data-elem-id='1618680213320' data-elem-type='text' data-field-top-value="317" data-field-left-value="471" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="557" data-field-left-res-320-value="32" data-field-width-res-320-value="250" data-field-top-res-480-value="749" data-field-left-res-480-value="56" data-field-width-res-480-value="220" data-field-fontsize-res-480-value="14" data-field-top-res-640-value="366" data-field-left-res-640-value="392" data-field-width-res-640-value="199" data-field-top-res-960-value="296" data-field-left-res-960-value="368" data-field-width-res-960-value="220"> <div class='tn-atom'field='tn_text_1618680213320'>Как устроен дизайн босса: Вергилий из Devil May Cry 3<br> <span style="color: rgb(122, 122, 122);">29.08.2020</span></div> </div> <div class='t396__elem tn-elem tn-elem__3399172821618680216258' data-elem-id='1618680216258' data-elem-type='text' data-field-top-value="317" data-field-left-value="817" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="821" data-field-left-res-320-value="31" data-field-width-res-320-value="292" data-field-top-res-480-value="514" data-field-left-res-480-value="56" data-field-width-res-480-value="222" data-field-fontsize-res-480-value="14" data-field-top-res-640-value="596" data-field-left-res-640-value="392" data-field-width-res-640-value="184" data-field-top-res-960-value="295" data-field-left-res-960-value="651" data-field-width-res-960-value="220"> <div class='tn-atom'field='tn_text_1618680216258'>Как менялся геймдизайн шутеров<br><span style="color: rgb(122, 122, 122);">17.09.2020</span></div> </div> <div class='t396__elem tn-elem tn-elem__3399172821618680643576 t396__elem--anim-hidden' data-elem-id='1618680643576' data-elem-type='shape' data-field-top-value="150" data-field-left-value="121" data-field-height-value="155" data-field-width-value="269" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-sbs-event="hover" data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':'0'}]" data-field-top-res-320-value="335" data-field-left-res-320-value="654" data-field-top-res-480-value="371" data-field-left-res-480-value="215" data-field-top-res-640-value="156" data-field-left-res-640-value="-361" data-field-top-res-960-value="146" data-field-left-res-960-value="-361"> <a class='tn-atom' href="https://www.youtube.com/watch?v=N4qH2qSSchE" rel="nofollow" target="_blank"> </a> </div> <div class='t396__elem tn-elem tn-elem__3399172821618680628210 t396__elem--anim-hidden' data-elem-id='1618680628210' data-elem-type='image' data-field-top-value="208" data-field-left-value="235" data-field-width-value="34" 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="" data-field-widthunits-value="px" data-animate-sbs-event="hover" data-animate-sbs-trgels="1618680643576" data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':'0'}]" data-field-filewidth-value="214" data-field-fileheight-value="246" data-field-top-res-320-value="193" data-field-left-res-320-value="143" data-field-top-res-480-value="185" data-field-left-res-480-value="152" data-field-top-res-640-value="430" data-field-left-res-640-value="196" data-field-top-res-960-value="194" data-field-left-res-960-value="742"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3836-3635-4364-a533-303431633439/Polygon_1.svg'
src='https://static.tildacdn.com/tild3836-3635-4364-a533-303431633439/Polygon_1.svg'
alt='' imgfield='tn_img_1618680628210'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3399172821618680889623 t396__elem--anim-hidden' data-elem-id='1618680889623' data-elem-type='shape' data-field-top-value="152" data-field-left-value="466" data-field-height-value="155" data-field-width-value="269" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-sbs-event="hover" data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':'0'}]" data-field-top-res-320-value="527" data-field-left-res-320-value="251" data-field-top-res-480-value="152" data-field-left-res-480-value="-525" data-field-top-res-640-value="289" data-field-left-res-640-value="-339" data-field-top-res-960-value="415" data-field-left-res-960-value="-388"> <a class='tn-atom' href="#popup:youtubevideo6" rel="nofollow" target="_blank"> </a> </div> <div class='t396__elem tn-elem tn-elem__3399172821618680889611 t396__elem--anim-hidden' data-elem-id='1618680889611' data-elem-type='image' data-field-top-value="208" data-field-left-value="580" data-field-width-value="34" 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="" data-field-widthunits-value="px" data-animate-sbs-event="hover" data-animate-sbs-trgels="1618680889623" data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':'0'}]" data-field-filewidth-value="214" data-field-fileheight-value="246" data-field-top-res-320-value="709" data-field-left-res-320-value="136" data-field-top-res-480-value="420" data-field-left-res-480-value="152" data-field-top-res-640-value="205" data-field-left-res-640-value="195" data-field-top-res-960-value="194" data-field-left-res-960-value="462"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3836-3635-4364-a533-303431633439/Polygon_1.svg'
src='https://static.tildacdn.com/tild3836-3635-4364-a533-303431633439/Polygon_1.svg'
alt='' imgfield='tn_img_1618680889611'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3399172821618680947089 t396__elem--anim-hidden' data-elem-id='1618680947089' data-elem-type='shape' data-field-top-value="152" data-field-left-value="811" data-field-height-value="155" data-field-width-value="269" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-sbs-event="hover" data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':'0'}]" data-field-top-res-320-value="94" data-field-left-res-320-value="-415" data-field-top-res-480-value="182" data-field-left-res-480-value="-445" data-field-top-res-640-value="-87" data-field-left-res-640-value="-319" data-field-top-res-960-value="12" data-field-left-res-960-value="-555"> <a class='tn-atom' href="https://www.youtube.com/watch?v=12zMcTNvmjM" rel="nofollow" target="_blank"> </a> </div> <div class='t396__elem tn-elem tn-elem__3399172821618680947082 t396__elem--anim-hidden' data-elem-id='1618680947082' data-elem-type='image' data-field-top-value="208" data-field-left-value="925" data-field-width-value="34" 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="" data-field-widthunits-value="px" data-animate-sbs-event="hover" data-animate-sbs-trgels="1618680947089" data-animate-sbs-opts="[{'ti':'0','mx':'0','my':'0','sx':'1','sy':'1','op':'1','ro':'0','bl':'0','ea':'','dt':'0'},{'ti':0,'mx':'0','my':'0','sx':'1','sy':'1','op':0,'ro':'0','bl':'0','ea':'','dt':'0'},{'ti':200,'mx':'0','my':'0','sx':'1','sy':'1','op':1,'ro':'0','bl':'0','ea':'easeInOut','dt':'0'}]" data-field-filewidth-value="214" data-field-fileheight-value="246" data-field-top-res-320-value="455" data-field-left-res-320-value="143" data-field-top-res-480-value="655" data-field-left-res-480-value="152" data-field-top-res-640-value="657" data-field-left-res-640-value="200" data-field-top-res-960-value="194" data-field-left-res-960-value="182"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3836-3635-4364-a533-303431633439/Polygon_1.svg'
src='https://static.tildacdn.com/tild3836-3635-4364-a533-303431633439/Polygon_1.svg'
alt='' imgfield='tn_img_1618680947082'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3399172821627370638693' data-elem-id='1627370638693' data-elem-type='text' data-field-top-value="61" data-field-left-value="120" data-field-width-value="431" 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="" data-field-widthunits-value="px" data-field-fontsize-value="60" data-field-top-res-320-value="62" data-field-left-res-320-value="31" data-field-top-res-480-value="72" data-field-left-res-480-value="56" data-field-fontsize-res-480-value="36" data-field-top-res-640-value="68" data-field-left-res-640-value="68" data-field-fontsize-res-640-value="48" data-field-top-res-960-value="67" data-field-left-res-960-value="81"> <div class='tn-atom'field='tn_text_1627370638693'>СТРИМЫ И ВИДЕО</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339917282');});});</script> <!-- /T396 --> </div> <div id="rec339925672" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339925672 .t396__artboard {height:530px;}#rec339925672 .t396__filter {height:530px;}#rec339925672 .t396__carrier{height:530px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339925672 .t396__artboard,#rec339925672 .t396__filter,#rec339925672 .t396__carrier {height:497px;}#rec339925672 .t396__filter {}#rec339925672 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339925672 .t396__artboard,#rec339925672 .t396__filter,#rec339925672 .t396__carrier {height:690px;}#rec339925672 .t396__filter {}#rec339925672 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339925672 .t396__artboard,#rec339925672 .t396__filter,#rec339925672 .t396__carrier {height:980px;}#rec339925672 .t396__filter {}#rec339925672 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339925672 .t396__artboard,#rec339925672 .t396__filter,#rec339925672 .t396__carrier {height:1060px;}#rec339925672 .t396__filter {}#rec339925672 .t396__carrier {background-attachment:scroll;}}#rec339925672 .tn-elem[data-elem-id="1627370460877"]{z-index:1;top:0px;;left:calc(50% - 600px + 21px);;width:1160px;height:487px;}#rec339925672 .tn-elem[data-elem-id="1627370460877"] .tn-atom{border-radius:10px;background-color:#211d1a;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){#rec339925672 .tn-elem[data-elem-id="1627370460877"]{top:0px;;left:calc(50% - 480px + 11px);;width:939px;height:481px;}#rec339925672 .tn-elem[data-elem-id="1627370460877"] .tn-atom{background-color:#211d1a;background-size:cover;}}@media screen and (max-width:959px){#rec339925672 .tn-elem[data-elem-id="1627370460877"]{top:0px;;left:calc(50% - 320px + 10px);;width:620px;height:841px;}}@media screen and (max-width:639px){#rec339925672 .tn-elem[data-elem-id="1627370460877"]{top:0px;;left:calc(50% - 240px + 10px);;width:460px;height:954px;}}@media screen and (max-width:479px){#rec339925672 .tn-elem[data-elem-id="1627370460877"]{top:0px;;left:calc(50% - 160px + 0px);;width:100%;height:1038px;}#rec339925672 .tn-elem[data-elem-id="1627370460877"] .tn-atom{background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec339925672 .tn-elem[data-elem-id="1618648581631"]{z-index:2;top:157px;;left:calc(50% - 600px + 122px);;width:260px;height:140px;}#rec339925672 .tn-elem[data-elem-id="1618648581631"] .tn-atom{background-color:#1e1e1e;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){#rec339925672 .tn-elem[data-elem-id="1618648581631"]{top:148px;;left:calc(50% - 480px + 89px);;width:220px;height:130px;}#rec339925672 .tn-elem[data-elem-id="1618648581631"] .tn-atom{background-size:cover;opacity:1;}}@media screen and (max-width:959px){#rec339925672 .tn-elem[data-elem-id="1618648581631"]{top:136px;;left:calc(50% - 320px + 69px);;width:300px;height:170px;}#rec339925672 .tn-elem[data-elem-id="1618648581631"] .tn-atom{background-size:cover;opacity:1;}}@media screen and (max-width:639px){#rec339925672 .tn-elem[data-elem-id="1618648581631"]{top:139px;;left:calc(50% - 240px + 56px);;width:220px;height:130px;}}@media screen and (max-width:479px){#rec339925672 .tn-elem[data-elem-id="1618648581631"]{top:134px;;left:calc(50% - 160px + 31px);;width:256px;height:145px;}}#rec339925672 .tn-elem[data-elem-id="1618649370284"]{color:#ffffff;z-index:4;top:317px;;left:calc(50% - 600px + 122px);;width:260px;height:auto;}#rec339925672 .tn-elem[data-elem-id="1618649370284"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:100;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){#rec339925672 .tn-elem[data-elem-id="1618649370284"]{top:298px;;left:calc(50% - 480px + 88px);;width:220px;height:auto;}}@media screen and (max-width:959px){#rec339925672 .tn-elem[data-elem-id="1618649370284"]{top:136px;;left:calc(50% - 320px + 392px);;width:185px;height:auto;}}@media screen and (max-width:639px){#rec339925672 .tn-elem[data-elem-id="1618649370284"]{top:279px;;left:calc(50% - 240px + 56px);;width:220px;height:auto;}#rec339925672 .tn-elem[data-elem-id="1618649370284"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:479px){#rec339925672 .tn-elem[data-elem-id="1618649370284"]{top:294px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;}}#rec339925672 .tn-elem[data-elem-id="1618680167299"]{z-index:5;top:157px;;left:calc(50% - 600px + 471px);;width:260px;height:140px;}#rec339925672 .tn-elem[data-elem-id="1618680167299"] .tn-atom{background-color:#1e1e1e;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){#rec339925672 .tn-elem[data-elem-id="1618680167299"]{top:148px;;left:calc(50% - 480px + 369px);;width:220px;height:130px;}#rec339925672 .tn-elem[data-elem-id="1618680167299"] .tn-atom{background-size:cover;opacity:1;}}@media screen and (max-width:959px){#rec339925672 .tn-elem[data-elem-id="1618680167299"]{top:366px;;left:calc(50% - 320px + 68px);;width:300px;height:170px;}#rec339925672 .tn-elem[data-elem-id="1618680167299"] .tn-atom{background-size:cover;opacity:1;}}@media screen and (max-width:639px){#rec339925672 .tn-elem[data-elem-id="1618680167299"]{top:668px;;left:calc(50% - 240px + 56px);;width:220px;height:130px;}}@media screen and (max-width:479px){#rec339925672 .tn-elem[data-elem-id="1618680167299"]{top:438px;;left:calc(50% - 160px + 31px);;width:256px;height:145px;}}#rec339925672 .tn-elem[data-elem-id="1618680169756"]{z-index:6;top:157px;;left:calc(50% - 600px + 817px);;width:260px;height:140px;}#rec339925672 .tn-elem[data-elem-id="1618680169756"] .tn-atom{background-color:#1e1e1e;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){#rec339925672 .tn-elem[data-elem-id="1618680169756"]{top:148px;;left:calc(50% - 480px + 649px);;width:220px;height:130px;}#rec339925672 .tn-elem[data-elem-id="1618680169756"] .tn-atom{background-size:cover;opacity:1;}}@media screen and (max-width:959px){#rec339925672 .tn-elem[data-elem-id="1618680169756"]{top:596px;;left:calc(50% - 320px + 67px);;width:300px;height:170px;}#rec339925672 .tn-elem[data-elem-id="1618680169756"] .tn-atom{background-size:cover;opacity:1;}}@media screen and (max-width:639px){#rec339925672 .tn-elem[data-elem-id="1618680169756"]{top:403px;;left:calc(50% - 240px + 56px);;width:220px;height:130px;}}@media screen and (max-width:479px){#rec339925672 .tn-elem[data-elem-id="1618680169756"]{top:721px;;left:calc(50% - 160px + 30px);;width:256px;height:145px;}}#rec339925672 .tn-elem[data-elem-id="1618680213320"]{color:#ffffff;z-index:7;top:317px;;left:calc(50% - 600px + 471px);;width:260px;height:auto;}#rec339925672 .tn-elem[data-elem-id="1618680213320"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:100;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){#rec339925672 .tn-elem[data-elem-id="1618680213320"]{top:296px;;left:calc(50% - 480px + 368px);;width:220px;height:auto;}}@media screen and (max-width:959px){#rec339925672 .tn-elem[data-elem-id="1618680213320"]{top:366px;;left:calc(50% - 320px + 392px);;width:199px;height:auto;}}@media screen and (max-width:639px){#rec339925672 .tn-elem[data-elem-id="1618680213320"]{top:808px;;left:calc(50% - 240px + 56px);;width:220px;height:auto;}#rec339925672 .tn-elem[data-elem-id="1618680213320"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:479px){#rec339925672 .tn-elem[data-elem-id="1618680213320"]{top:598px;;left:calc(50% - 160px + 32px);;width:250px;height:auto;}}#rec339925672 .tn-elem[data-elem-id="1618680216258"]{color:#ffffff;z-index:8;top:317px;;left:calc(50% - 600px + 817px);;width:260px;height:auto;}#rec339925672 .tn-elem[data-elem-id="1618680216258"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:100;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){#rec339925672 .tn-elem[data-elem-id="1618680216258"]{top:295px;;left:calc(50% - 480px + 651px);;width:220px;height:auto;}}@media screen and (max-width:959px){#rec339925672 .tn-elem[data-elem-id="1618680216258"]{top:596px;;left:calc(50% - 320px + 392px);;width:184px;height:auto;}}@media screen and (max-width:639px){#rec339925672 .tn-elem[data-elem-id="1618680216258"]{top:543px;;left:calc(50% - 240px + 56px);;width:222px;height:auto;}#rec339925672 .tn-elem[data-elem-id="1618680216258"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:479px){#rec339925672 .tn-elem[data-elem-id="1618680216258"]{top:882px;;left:calc(50% - 160px + 31px);;width:292px;height:auto;}}#rec339925672 .tn-elem[data-elem-id="1627370638693"]{color:#ffffff;text-align:LEFT;z-index:15;top:61px;;left:calc(50% - 600px + 120px);;width:501px;height:auto;}#rec339925672 .tn-elem[data-elem-id="1627370638693"] .tn-atom{color:#ffffff;font-size:60px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.00;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){#rec339925672 .tn-elem[data-elem-id="1627370638693"]{top:67px;;left:calc(50% - 480px + 81px);;height:auto;}}@media screen and (max-width:959px){#rec339925672 .tn-elem[data-elem-id="1627370638693"]{top:68px;;left:calc(50% - 320px + 68px);;height:auto;}#rec339925672 .tn-elem[data-elem-id="1627370638693"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:639px){#rec339925672 .tn-elem[data-elem-id="1627370638693"]{top:72px;;left:calc(50% - 240px + 56px);;height:auto;}#rec339925672 .tn-elem[data-elem-id="1627370638693"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec339925672 .tn-elem[data-elem-id="1627370638693"]{top:62px;;left:calc(50% - 160px + 31px);;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339925672" data-artboard-screens="320,480,640,960,1200" data-artboard-height="530" data-artboard-valign="top" data-artboard-height-res-320="1060" data-artboard-height-res-480="980" data-artboard-height-res-640="690" data-artboard-height-res-960="497"> <div class="t396__carrier" data-artboard-recid="339925672"></div> <div class="t396__filter" data-artboard-recid="339925672"></div> <div class='t396__elem tn-elem tn-elem__3399256721627370460877' data-elem-id='1627370460877' data-elem-type='shape' data-field-top-value="0" data-field-left-value="21" data-field-height-value="487" 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-top-res-320-value="0" data-field-left-res-320-value="0" data-field-height-res-320-value="1038" data-field-width-res-320-value="100" data-field-widthunits-res-320-value="%" data-field-top-res-480-value="0" data-field-left-res-480-value="10" data-field-height-res-480-value="954" data-field-width-res-480-value="460" data-field-top-res-640-value="0" data-field-left-res-640-value="10" data-field-height-res-640-value="841" data-field-width-res-640-value="620" data-field-top-res-960-value="0" data-field-left-res-960-value="11" data-field-height-res-960-value="481" data-field-width-res-960-value="939"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3399256721618648581631' data-elem-id='1618648581631' data-elem-type='shape' data-field-top-value="157" data-field-left-value="122" data-field-height-value="140" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="134" data-field-left-res-320-value="31" data-field-height-res-320-value="145" data-field-width-res-320-value="256" data-field-top-res-480-value="139" data-field-left-res-480-value="56" data-field-height-res-480-value="130" data-field-width-res-480-value="220" data-field-top-res-640-value="136" data-field-left-res-640-value="69" data-field-height-res-640-value="170" data-field-width-res-640-value="300" data-field-top-res-960-value="148" data-field-left-res-960-value="89" data-field-height-res-960-value="130" data-field-width-res-960-value="220"> <a class='tn-atom t-bgimg' href="https://vk.com/xyz_gamedev?z=podcast-124560669_456239209" rel="nofollow" target="_blank" data-original="https://static.tildacdn.com/tild6230-3438-4230-a662-353032396431/_1034.jpg"
aria-label='' role="img"> </a> </div> <div class='t396__elem tn-elem tn-elem__3399256721618649370284' data-elem-id='1618649370284' data-elem-type='text' data-field-top-value="317" data-field-left-value="122" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="294" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="279" data-field-left-res-480-value="56" data-field-width-res-480-value="220" data-field-fontsize-res-480-value="14" data-field-top-res-640-value="136" data-field-left-res-640-value="392" data-field-width-res-640-value="185" data-field-top-res-960-value="298" data-field-left-res-960-value="88" data-field-width-res-960-value="220"> <div class='tn-atom'field='tn_text_1618649370284'>Disco Elysium глазами геймдизайнера и сценариста<br><br><a href="https://vk.com/xyz_gamedev?z=podcast-124560669_456239209" rel="noreferrer noopener nofollow" style="color: rgb(254, 175, 22);" target="_blank">Слушать подкаст</a></div> </div> <div class='t396__elem tn-elem tn-elem__3399256721618680167299' data-elem-id='1618680167299' data-elem-type='shape' data-field-top-value="157" data-field-left-value="471" data-field-height-value="140" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="438" data-field-left-res-320-value="31" data-field-height-res-320-value="145" data-field-width-res-320-value="256" data-field-top-res-480-value="668" data-field-left-res-480-value="56" data-field-height-res-480-value="130" data-field-width-res-480-value="220" data-field-top-res-640-value="366" data-field-left-res-640-value="68" data-field-height-res-640-value="170" data-field-width-res-640-value="300" data-field-top-res-960-value="148" data-field-left-res-960-value="369" data-field-height-res-960-value="130" data-field-width-res-960-value="220"> <a class='tn-atom t-bgimg' href="https://vk.com/@xyz_gamedev-problemy-geimdizaina-sovremennyh-shuterov" data-original="https://static.tildacdn.com/tild3535-3335-4264-a439-323633653834/vsph0WlHcJ0.jpg"
aria-label='' role="img"> </a> </div> <div class='t396__elem tn-elem tn-elem__3399256721618680169756' data-elem-id='1618680169756' data-elem-type='shape' data-field-top-value="157" data-field-left-value="817" data-field-height-value="140" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="721" data-field-left-res-320-value="30" data-field-height-res-320-value="145" data-field-width-res-320-value="256" data-field-top-res-480-value="403" data-field-left-res-480-value="56" data-field-height-res-480-value="130" data-field-width-res-480-value="220" data-field-top-res-640-value="596" data-field-left-res-640-value="67" data-field-height-res-640-value="170" data-field-width-res-640-value="300" data-field-top-res-960-value="148" data-field-left-res-960-value="649" data-field-height-res-960-value="130" data-field-width-res-960-value="220"> <a class='tn-atom t-bgimg' href="https://vk.com/@xyz_gamedev-kak-ustroen-dizain-bossa-vergilii-iz-devil-may-cry-3" rel="nofollow" target="_blank" data-original="https://static.tildacdn.com/tild3261-6363-4662-b963-333739623164/video.jpg"
aria-label='' role="img"> </a> </div> <div class='t396__elem tn-elem tn-elem__3399256721618680213320' data-elem-id='1618680213320' data-elem-type='text' data-field-top-value="317" data-field-left-value="471" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="598" data-field-left-res-320-value="32" data-field-width-res-320-value="250" data-field-top-res-480-value="808" data-field-left-res-480-value="56" data-field-width-res-480-value="220" data-field-fontsize-res-480-value="14" data-field-top-res-640-value="366" data-field-left-res-640-value="392" data-field-width-res-640-value="199" data-field-top-res-960-value="296" data-field-left-res-960-value="368" data-field-width-res-960-value="220"> <div class='tn-atom'field='tn_text_1618680213320'>Как менялся геймдизайн шутеров<br><br> <a href="https://vk.com/@xyz_gamedev-problemy-geimdizaina-sovremennyh-shuterov" rel="noreferrer noopener nofollow" target="_blank" style="color: rgb(254, 175, 22);">Читать статью</a></div> </div> <div class='t396__elem tn-elem tn-elem__3399256721618680216258' data-elem-id='1618680216258' data-elem-type='text' data-field-top-value="317" data-field-left-value="817" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="882" data-field-left-res-320-value="31" data-field-width-res-320-value="292" data-field-top-res-480-value="543" data-field-left-res-480-value="56" data-field-width-res-480-value="222" data-field-fontsize-res-480-value="14" data-field-top-res-640-value="596" data-field-left-res-640-value="392" data-field-width-res-640-value="184" data-field-top-res-960-value="295" data-field-left-res-960-value="651" data-field-width-res-960-value="220"> <div class='tn-atom'field='tn_text_1618680216258'>Как устроен дизайн босса: Вергилий из Devil May Cry 3<br><br><a href="https://vk.com/@xyz_gamedev-kak-ustroen-dizain-bossa-vergilii-iz-devil-may-cry-3" rel="noreferrer noopener" target="_blank" style="color: rgb(254, 175, 22);">Читать статью</a></div> </div> <div class='t396__elem tn-elem tn-elem__3399256721627370638693' data-elem-id='1627370638693' data-elem-type='text' data-field-top-value="61" data-field-left-value="120" data-field-width-value="501" 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="" data-field-widthunits-value="px" data-field-fontsize-value="60" data-field-top-res-320-value="62" data-field-left-res-320-value="31" data-field-top-res-480-value="72" data-field-left-res-480-value="56" data-field-fontsize-res-480-value="36" data-field-top-res-640-value="68" data-field-left-res-640-value="68" data-field-fontsize-res-640-value="48" data-field-top-res-960-value="67" data-field-left-res-960-value="81"> <div class='tn-atom'field='tn_text_1627370638693'>ПОДКАСТЫ И СТАТЬИ</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339925672');});});</script> <!-- /T396 --> </div> <div id="rec339799526" class="r t-rec" style=" " data-record-type="215"> <a name="program" style="font-size:0;"></a> </div> <div id="rec339801068" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339801068 .t396__artboard {height:217px;background-color:#211d1a;}#rec339801068 .t396__filter {height:217px;}#rec339801068 .t396__carrier{height:217px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339801068 .t396__artboard,#rec339801068 .t396__filter,#rec339801068 .t396__carrier {}#rec339801068 .t396__filter {}#rec339801068 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339801068 .t396__artboard,#rec339801068 .t396__filter,#rec339801068 .t396__carrier {height:227px;}#rec339801068 .t396__filter {}#rec339801068 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339801068 .t396__artboard,#rec339801068 .t396__filter,#rec339801068 .t396__carrier {height:207px;}#rec339801068 .t396__filter {}#rec339801068 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339801068 .t396__artboard,#rec339801068 .t396__filter,#rec339801068 .t396__carrier {height:197px;}#rec339801068 .t396__filter {}#rec339801068 .t396__carrier {background-attachment:scroll;}}#rec339801068 .tn-elem[data-elem-id="1627320141411"]{color:#ffffff;text-align:LEFT;z-index:1;top:67px;;left:calc(50% - 600px + 18px);;width:431px;height:auto;}#rec339801068 .tn-elem[data-elem-id="1627320141411"] .tn-atom{color:#ffffff;font-size:60px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.00;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){#rec339801068 .tn-elem[data-elem-id="1627320141411"]{top:67px;;left:calc(50% - 480px + 8px);;height:auto;}}@media screen and (max-width:959px){#rec339801068 .tn-elem[data-elem-id="1627320141411"]{top:68px;;left:calc(50% - 320px + 11px);;height:auto;}#rec339801068 .tn-elem[data-elem-id="1627320141411"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:639px){#rec339801068 .tn-elem[data-elem-id="1627320141411"]{top:72px;;left:calc(50% - 240px + 11px);;height:auto;}#rec339801068 .tn-elem[data-elem-id="1627320141411"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec339801068 .tn-elem[data-elem-id="1627320141411"]{top:62px;;left:calc(50% - 160px + 10px);;height:auto;}}#rec339801068 .tn-elem[data-elem-id="1627320141416"]{z-index:2;top:140px;;left:calc(50% - 600px + 20px);;width:281px;height:auto;}#rec339801068 .tn-elem[data-elem-id="1627320141416"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339801068 .tn-elem[data-elem-id="1627320141416"]{top:140px;;left:calc(50% - 480px + 10px);;height:auto;}}@media screen and (max-width:959px){#rec339801068 .tn-elem[data-elem-id="1627320141416"]{top:124px;;left:calc(50% - 320px + 13px);;height:auto;}}@media screen and (max-width:639px){#rec339801068 .tn-elem[data-elem-id="1627320141416"]{top:116px;;left:calc(50% - 240px + 13px);;width:230px;height:auto;}}@media screen and (max-width:479px){#rec339801068 .tn-elem[data-elem-id="1627320141416"]{top:106px;;left:calc(50% - 160px + 12px);;height:auto;}}#rec339801068 .tn-elem[data-elem-id="1627320141426"]{color:#ffffff;text-align:LEFT;z-index:3;top:100px;;left:calc(50% - 600px + 1000px);;width:194px;height:auto;}#rec339801068 .tn-elem[data-elem-id="1627320141426"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.30;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){#rec339801068 .tn-elem[data-elem-id="1627320141426"]{top:100px;;left:calc(50% - 480px + 766px);;height:auto;}}@media screen and (max-width:959px){#rec339801068 .tn-elem[data-elem-id="1627320141426"]{top:160px;;left:calc(50% - 320px + 454px);;height:auto;}}@media screen and (max-width:639px){#rec339801068 .tn-elem[data-elem-id="1627320141426"]{top:146px;;left:calc(50% - 240px + 327px);;height:auto;}#rec339801068 .tn-elem[data-elem-id="1627320141426"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339801068 .tn-elem[data-elem-id="1627320141426"]{top:143px;;left:calc(50% - 160px + 48px);;height:auto;}}#rec339801068 .tn-elem[data-elem-id="1627320141430"]{z-index:4;top:97px;;left:calc(50% - 600px + 956px);;width:30px;height:auto;}#rec339801068 .tn-elem[data-elem-id="1627320141430"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339801068 .tn-elem[data-elem-id="1627320141430"]{top:97px;;left:calc(50% - 480px + 722px);;height:auto;}}@media screen and (max-width:959px){#rec339801068 .tn-elem[data-elem-id="1627320141430"]{top:157px;;left:calc(50% - 320px + 410px);;height:auto;}}@media screen and (max-width:639px){#rec339801068 .tn-elem[data-elem-id="1627320141430"]{top:145px;;left:calc(50% - 240px + 293px);;width:22px;height:auto;}}@media screen and (max-width:479px){#rec339801068 .tn-elem[data-elem-id="1627320141430"]{top:142px;;left:calc(50% - 160px + 14px);;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339801068" data-artboard-screens="320,480,640,960,1200" data-artboard-height="217" data-artboard-valign="center" data-artboard-height-res-320="197" data-artboard-height-res-480="207" data-artboard-height-res-640="227"> <div class="t396__carrier" data-artboard-recid="339801068"></div> <div class="t396__filter" data-artboard-recid="339801068"></div> <div class='t396__elem tn-elem tn-elem__3398010681627320141411' data-elem-id='1627320141411' data-elem-type='text' data-field-top-value="67" data-field-left-value="18" data-field-width-value="431" 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="" data-field-widthunits-value="px" data-field-fontsize-value="60" data-field-top-res-320-value="62" data-field-left-res-320-value="10" data-field-top-res-480-value="72" data-field-left-res-480-value="11" data-field-fontsize-res-480-value="36" data-field-top-res-640-value="68" data-field-left-res-640-value="11" data-field-fontsize-res-640-value="48" data-field-top-res-960-value="67" data-field-left-res-960-value="8"> <div class='tn-atom'field='tn_text_1627320141411'>ПРОГРАММА КУРСА</div> </div> <div class='t396__elem tn-elem tn-elem__3398010681627320141416' data-elem-id='1627320141416' data-elem-type='image' data-field-top-value="140" data-field-left-value="20" data-field-width-value="281" 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="" data-field-widthunits-value="px" data-field-filewidth-value="1127" data-field-fileheight-value="52" data-field-top-res-320-value="106" data-field-left-res-320-value="12" data-field-top-res-480-value="116" data-field-left-res-480-value="13" data-field-width-res-480-value="230" data-field-top-res-640-value="124" data-field-left-res-640-value="13" data-field-top-res-960-value="140" data-field-left-res-960-value="10"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3662-3735-4233-b932-623937356235/15bf0011ab4547221085.svg'
src='https://static.tildacdn.com/tild3662-3735-4233-b932-623937356235/15bf0011ab4547221085.svg'
alt='' imgfield='tn_img_1627320141416'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3398010681627320141426' data-elem-id='1627320141426' data-elem-type='text' data-field-top-value="100" data-field-left-value="1000" data-field-width-value="194" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="143" data-field-left-res-320-value="48" data-field-top-res-480-value="146" data-field-left-res-480-value="327" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="160" data-field-left-res-640-value="454" data-field-top-res-960-value="100" data-field-left-res-960-value="766"> <div class='tn-atom'field='tn_text_1627320141426'>5 блоков, 5 часов</div> </div> <div class='t396__elem tn-elem tn-elem__3398010681627320141430' data-elem-id='1627320141430' data-elem-type='image' data-field-top-value="97" data-field-left-value="956" 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="" data-field-widthunits-value="px" data-field-filewidth-value="123" data-field-fileheight-value="117" data-field-top-res-320-value="142" data-field-left-res-320-value="14" data-field-top-res-480-value="145" data-field-left-res-480-value="293" data-field-width-res-480-value="22" data-field-top-res-640-value="157" data-field-left-res-640-value="410" data-field-top-res-960-value="97" data-field-left-res-960-value="722"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3765-6534-4663-b736-396439313661/de70e176f60031fbdf24.svg'
src='https://static.tildacdn.com/tild3765-6534-4663-b736-396439313661/de70e176f60031fbdf24.svg'
alt='' imgfield='tn_img_1627320141430'
/> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339801068');});});</script> <!-- /T396 --> </div> <div id="rec339760435" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339760435 .t396__artboard {height:730px;background-color:#211D1A;overflow:visible;}#rec339760435 .t396__filter {height:730px;}#rec339760435 .t396__carrier{height:730px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339760435 .t396__artboard,#rec339760435 .t396__filter,#rec339760435 .t396__carrier {height:800px;}#rec339760435 .t396__filter {}#rec339760435 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339760435 .t396__artboard,#rec339760435 .t396__filter,#rec339760435 .t396__carrier {height:1020px;}#rec339760435 .t396__filter {}#rec339760435 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339760435 .t396__artboard,#rec339760435 .t396__filter,#rec339760435 .t396__carrier {height:950px;}#rec339760435 .t396__filter {}#rec339760435 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339760435 .t396__artboard,#rec339760435 .t396__filter,#rec339760435 .t396__carrier {height:960px;}#rec339760435 .t396__filter {}#rec339760435 .t396__carrier {background-attachment:scroll;}}#rec339760435 .tn-elem[data-elem-id="1599565924357"]{z-index:3;top:0px;;left:calc(50% - 600px + 21px);;width:1160px;height:710px;}#rec339760435 .tn-elem[data-elem-id="1599565924357"] .tn-atom{border-radius:10px;background-color:#39322d;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){#rec339760435 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 480px + 11px);;width:939px;height:782px;}}@media screen and (max-width:959px){#rec339760435 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 320px + 10px);;width:620px;height:992px;}}@media screen and (max-width:639px){#rec339760435 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 240px + 10px);;width:460px;height:920px;}}@media screen and (max-width:479px){#rec339760435 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 160px + 0px);;width:100%;height:930px;}#rec339760435 .tn-elem[data-elem-id="1599565924357"] .tn-atom{background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec339760435 .tn-elem[data-elem-id="1599565986286"]{color:#ffffff;z-index:4;top:109px;;left:calc(50% - 600px + 381px);;width:520px;height:auto;}#rec339760435 .tn-elem[data-elem-id="1599565986286"] .tn-atom{color:#ffffff;font-size:32px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:300;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){#rec339760435 .tn-elem[data-elem-id="1599565986286"]{top:102px;;left:calc(50% - 480px + 391px);;width:390px;height:auto;}}@media screen and (max-width:959px){#rec339760435 .tn-elem[data-elem-id="1599565986286"]{top:300px;;left:calc(50% - 320px + 73px);;width:460px;height:auto;}#rec339760435 .tn-elem[data-elem-id="1599565986286"] .tn-atom{font-size:26px;background-size:cover;}}@media screen and (max-width:639px){#rec339760435 .tn-elem[data-elem-id="1599565986286"]{top:374px;;left:calc(50% - 240px + 56px);;width:320px;height:auto;}}@media screen and (max-width:479px){#rec339760435 .tn-elem[data-elem-id="1599565986286"]{top:293px;;left:calc(50% - 160px + 31px);;width:240px;height:auto;}#rec339760435 .tn-elem[data-elem-id="1599565986286"] .tn-atom{font-size:24px;background-size:cover;}}#rec339760435 .tn-elem[data-elem-id="1599574798586"]{color:#ffffff;z-index:5;top:171px;;left:calc(50% - 600px + 381px);;width:620px;height:auto;}#rec339760435 .tn-elem[data-elem-id="1599574798586"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:100;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){#rec339760435 .tn-elem[data-elem-id="1599574798586"]{top:164px;;left:calc(50% - 480px + 391px);;width:500px;height:auto;}}@media screen and (max-width:959px){#rec339760435 .tn-elem[data-elem-id="1599574798586"]{top:346px;;left:calc(50% - 320px + 74px);;width:460px;height:auto;text-align:left;}}@media screen and (max-width:639px){#rec339760435 .tn-elem[data-elem-id="1599574798586"]{top:415px;;left:calc(50% - 240px + 54px);;width:340px;height:auto;}#rec339760435 .tn-elem[data-elem-id="1599574798586"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339760435 .tn-elem[data-elem-id="1599574798586"]{top:332px;;left:calc(50% - 160px + 31px);;width:260px;height:auto;}}#rec339760435 .tn-elem[data-elem-id="1620035280211"]{z-index:8;top:57px;;left:calc(50% - 600px + 381px);;width:96px;height:auto;}#rec339760435 .tn-elem[data-elem-id="1620035280211"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339760435 .tn-elem[data-elem-id="1620035280211"]{top:57px;;left:calc(50% - 480px + 394px);;height:auto;}}@media screen and (max-width:959px){#rec339760435 .tn-elem[data-elem-id="1620035280211"]{top:37px;;left:calc(50% - 320px + 66px);;height:auto;}}@media screen and (max-width:639px){#rec339760435 .tn-elem[data-elem-id="1620035280211"]{top:45px;;left:calc(50% - 240px + 51px);;width:66px;height:auto;}}@media screen and (max-width:479px){#rec339760435 .tn-elem[data-elem-id="1620035280211"]{top:31px;;left:calc(50% - 160px + 23px);;height:auto;}}#rec339760435 .tn-elem[data-elem-id="1627312618022"]{z-index:14;top:60px;;left:calc(50% - 600px + 81px);;width:240px;height:191px;}#rec339760435 .tn-elem[data-elem-id="1627312618022"] .tn-atom{border-radius:10px;background-color:#fff705;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:959px){#rec339760435 .tn-elem[data-elem-id="1627312618022"]{top:96px;;left:calc(50% - 320px + 69px);;width:213px;height:167px;}#rec339760435 .tn-elem[data-elem-id="1627312618022"] .tn-atom{background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}@media screen and (max-width:639px){#rec339760435 .tn-elem[data-elem-id="1627312618022"]{top:86px;;left:calc(50% - 240px + 55px);;width:313px;height:247px;}}@media screen and (max-width:479px){#rec339760435 .tn-elem[data-elem-id="1627312618022"]{top:86px;;left:calc(50% - 160px + 32px);;width:223px;height:177px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339760435" data-artboard-screens="320,480,640,960,1200" data-artboard-height="730" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="960" data-artboard-height-res-480="950" data-artboard-height-res-640="1020" data-artboard-height-res-960="800"> <div class="t396__carrier" data-artboard-recid="339760435"></div> <div class="t396__filter" data-artboard-recid="339760435"></div> <div class='t396__elem tn-elem tn-elem__3397604351599565924357' data-elem-id='1599565924357' data-elem-type='shape' data-field-top-value="0" data-field-left-value="21" data-field-height-value="710" 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-top-res-320-value="0" data-field-left-res-320-value="0" data-field-height-res-320-value="930" data-field-width-res-320-value="100" data-field-widthunits-res-320-value="%" data-field-top-res-480-value="0" data-field-left-res-480-value="10" data-field-height-res-480-value="920" data-field-width-res-480-value="460" data-field-top-res-640-value="0" data-field-left-res-640-value="10" data-field-height-res-640-value="992" data-field-width-res-640-value="620" data-field-top-res-960-value="0" data-field-left-res-960-value="11" data-field-height-res-960-value="782" data-field-width-res-960-value="939"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3397604351599565986286' data-elem-id='1599565986286' data-elem-type='text' data-field-top-value="109" data-field-left-value="381" data-field-width-value="520" 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="" data-field-widthunits-value="px" data-field-fontsize-value="32" data-field-top-res-320-value="293" data-field-left-res-320-value="31" data-field-width-res-320-value="240" data-field-fontsize-res-320-value="24" data-field-top-res-480-value="374" data-field-left-res-480-value="56" data-field-width-res-480-value="320" data-field-top-res-640-value="300" data-field-left-res-640-value="73" data-field-width-res-640-value="460" data-field-fontsize-res-640-value="26" data-field-top-res-960-value="102" data-field-left-res-960-value="391" data-field-width-res-960-value="390"> <div class='tn-atom'field='tn_text_1599565986286'>Что такое квест</div> </div> <div class='t396__elem tn-elem tn-elem__3397604351599574798586' data-elem-id='1599574798586' data-elem-type='text' data-field-top-value="171" data-field-left-value="381" data-field-width-value="620" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="332" data-field-left-res-320-value="31" data-field-width-res-320-value="260" data-field-axisx-res-320-value="left" data-field-top-res-480-value="415" data-field-left-res-480-value="54" data-field-width-res-480-value="340" data-field-axisx-res-480-value="left" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="346" data-field-left-res-640-value="74" data-field-width-res-640-value="460" data-field-axisx-res-640-value="left" data-field-top-res-960-value="164" data-field-left-res-960-value="391" data-field-width-res-960-value="500"> <div class='tn-atom'field='tn_text_1599574798586'>1. Понятия «игра» и «квест»<br>Разберемся, чем квест отличается от игры, и какие игры нельзя назвать квестами. <br><br>2. 3 акта из драматургии<br>Узнаем, чем знание драматургии полезно в написании квестов, разберём трехактную структуру квеста и отдельно остановимся на получении награды. <br><br>3. Виды квестов <br>Обсудим основные виды квестов, среди них — убийство, доставка, сопровождение и сбор предметов. <br><br>4. Техническая часть <br>Проговорим, что такое квест-системы и диалоговые системы. Остановимся на законах, правилах и механиках квеста.</div> </div> <div class='t396__elem tn-elem tn-elem__3397604351620035280211' data-elem-id='1620035280211' data-elem-type='image' data-field-top-value="57" data-field-left-value="381" 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="" data-field-widthunits-value="px" data-field-filewidth-value="96" data-field-fileheight-value="36" data-field-top-res-320-value="31" data-field-left-res-320-value="23" data-field-top-res-480-value="45" data-field-left-res-480-value="51" data-field-width-res-480-value="66" data-field-top-res-640-value="37" data-field-left-res-640-value="66" data-field-top-res-960-value="57" data-field-left-res-960-value="394"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3134-3834-4236-b033-316561303336/_1.svg'
src='https://static.tildacdn.com/tild3134-3834-4236-b033-316561303336/_1.svg'
alt='' imgfield='tn_img_1620035280211'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397604351627312618022' data-elem-id='1627312618022' data-elem-type='shape' data-field-top-value="60" data-field-left-value="81" data-field-height-value="191" 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-top-res-320-value="86" data-field-left-res-320-value="32" data-field-height-res-320-value="177" data-field-width-res-320-value="223" data-field-top-res-480-value="86" data-field-left-res-480-value="55" data-field-height-res-480-value="247" data-field-width-res-480-value="313" data-field-top-res-640-value="96" data-field-left-res-640-value="69" data-field-height-res-640-value="167" data-field-width-res-640-value="213"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild6533-3864-4563-a332-313030366466/tcP7ZkeFvkA.jpg"
aria-label='' role="img"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339760435');});});</script> <!-- /T396 --> </div> <div id="rec339774066" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339774066 .t396__artboard {height:340px;background-color:#211D1A;overflow:visible;}#rec339774066 .t396__filter {height:340px;}#rec339774066 .t396__carrier{height:340px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339774066 .t396__artboard,#rec339774066 .t396__filter,#rec339774066 .t396__carrier {height:350px;}#rec339774066 .t396__filter {}#rec339774066 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339774066 .t396__artboard,#rec339774066 .t396__filter,#rec339774066 .t396__carrier {height:550px;}#rec339774066 .t396__filter {}#rec339774066 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339774066 .t396__artboard,#rec339774066 .t396__filter,#rec339774066 .t396__carrier {height:550px;}#rec339774066 .t396__filter {}#rec339774066 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339774066 .t396__artboard,#rec339774066 .t396__filter,#rec339774066 .t396__carrier {height:500px;}#rec339774066 .t396__filter {}#rec339774066 .t396__carrier {background-attachment:scroll;}}#rec339774066 .tn-elem[data-elem-id="1599565924357"]{z-index:3;top:0px;;left:calc(50% - 600px + 21px);;width:1160px;height:319px;}#rec339774066 .tn-elem[data-elem-id="1599565924357"] .tn-atom{border-radius:10px;background-color:#39322d;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){#rec339774066 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 480px + 11px);;width:939px;height:330px;}}@media screen and (max-width:959px){#rec339774066 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 320px + 10px);;width:620px;height:522px;}}@media screen and (max-width:639px){#rec339774066 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 240px + 10px);;width:460px;height:519px;}}@media screen and (max-width:479px){#rec339774066 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 160px + 0px);;width:100%;height:472px;}#rec339774066 .tn-elem[data-elem-id="1599565924357"] .tn-atom{background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec339774066 .tn-elem[data-elem-id="1599565986286"]{color:#ffffff;z-index:4;top:109px;;left:calc(50% - 600px + 381px);;width:520px;height:auto;}#rec339774066 .tn-elem[data-elem-id="1599565986286"] .tn-atom{color:#ffffff;font-size:32px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:300;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){#rec339774066 .tn-elem[data-elem-id="1599565986286"]{top:102px;;left:calc(50% - 480px + 391px);;width:390px;height:auto;}}@media screen and (max-width:959px){#rec339774066 .tn-elem[data-elem-id="1599565986286"]{top:300px;;left:calc(50% - 320px + 73px);;width:460px;height:auto;}#rec339774066 .tn-elem[data-elem-id="1599565986286"] .tn-atom{font-size:26px;background-size:cover;}}@media screen and (max-width:639px){#rec339774066 .tn-elem[data-elem-id="1599565986286"]{top:330px;;left:calc(50% - 240px + 56px);;width:338px;height:auto;}}@media screen and (max-width:479px){#rec339774066 .tn-elem[data-elem-id="1599565986286"]{top:263px;;left:calc(50% - 160px + 31px);;width:272px;height:auto;}#rec339774066 .tn-elem[data-elem-id="1599565986286"] .tn-atom{font-size:24px;background-size:cover;}}#rec339774066 .tn-elem[data-elem-id="1599574798586"]{color:#ffffff;z-index:5;top:171px;;left:calc(50% - 600px + 381px);;width:620px;height:auto;}#rec339774066 .tn-elem[data-elem-id="1599574798586"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:100;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){#rec339774066 .tn-elem[data-elem-id="1599574798586"]{top:164px;;left:calc(50% - 480px + 391px);;width:500px;height:auto;}}@media screen and (max-width:959px){#rec339774066 .tn-elem[data-elem-id="1599574798586"]{top:346px;;left:calc(50% - 320px + 74px);;width:460px;height:auto;text-align:left;}}@media screen and (max-width:639px){#rec339774066 .tn-elem[data-elem-id="1599574798586"]{top:371px;;left:calc(50% - 240px + 54px);;width:340px;height:auto;}#rec339774066 .tn-elem[data-elem-id="1599574798586"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339774066 .tn-elem[data-elem-id="1599574798586"]{top:302px;;left:calc(50% - 160px + 31px);;width:260px;height:auto;}}#rec339774066 .tn-elem[data-elem-id="1620035280211"]{z-index:8;top:57px;;left:calc(50% - 600px + 381px);;width:96px;height:auto;}#rec339774066 .tn-elem[data-elem-id="1620035280211"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339774066 .tn-elem[data-elem-id="1620035280211"]{top:57px;;left:calc(50% - 480px + 394px);;height:auto;}}@media screen and (max-width:959px){#rec339774066 .tn-elem[data-elem-id="1620035280211"]{top:37px;;left:calc(50% - 320px + 66px);;height:auto;}}@media screen and (max-width:639px){#rec339774066 .tn-elem[data-elem-id="1620035280211"]{top:45px;;left:calc(50% - 240px + 51px);;width:66px;height:auto;}}@media screen and (max-width:479px){#rec339774066 .tn-elem[data-elem-id="1620035280211"]{top:31px;;left:calc(50% - 160px + 23px);;height:auto;}}#rec339774066 .tn-elem[data-elem-id="1627312618022"]{z-index:14;top:60px;;left:calc(50% - 600px + 81px);;width:240px;height:137px;}#rec339774066 .tn-elem[data-elem-id="1627312618022"] .tn-atom{border-radius:10px;background-color:#fff705;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:959px){#rec339774066 .tn-elem[data-elem-id="1627312618022"]{top:96px;;left:calc(50% - 320px + 69px);;}#rec339774066 .tn-elem[data-elem-id="1627312618022"] .tn-atom{background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}@media screen and (max-width:639px){#rec339774066 .tn-elem[data-elem-id="1627312618022"]{top:86px;;left:calc(50% - 240px + 55px);;width:359px;height:204px;}}@media screen and (max-width:479px){#rec339774066 .tn-elem[data-elem-id="1627312618022"]{top:86px;;left:calc(50% - 160px + 32px);;width:260px;height:147px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339774066" data-artboard-screens="320,480,640,960,1200" data-artboard-height="340" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="500" data-artboard-height-res-480="550" data-artboard-height-res-640="550" data-artboard-height-res-960="350"> <div class="t396__carrier" data-artboard-recid="339774066"></div> <div class="t396__filter" data-artboard-recid="339774066"></div> <div class='t396__elem tn-elem tn-elem__3397740661599565924357' data-elem-id='1599565924357' data-elem-type='shape' data-field-top-value="0" data-field-left-value="21" data-field-height-value="319" 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-top-res-320-value="0" data-field-left-res-320-value="0" data-field-height-res-320-value="472" data-field-width-res-320-value="100" data-field-widthunits-res-320-value="%" data-field-top-res-480-value="0" data-field-left-res-480-value="10" data-field-height-res-480-value="519" data-field-width-res-480-value="460" data-field-top-res-640-value="0" data-field-left-res-640-value="10" data-field-height-res-640-value="522" data-field-width-res-640-value="620" data-field-top-res-960-value="0" data-field-left-res-960-value="11" data-field-height-res-960-value="330" data-field-width-res-960-value="939"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3397740661599565986286' data-elem-id='1599565986286' data-elem-type='text' data-field-top-value="109" data-field-left-value="381" data-field-width-value="520" 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="" data-field-widthunits-value="px" data-field-fontsize-value="32" data-field-top-res-320-value="263" data-field-left-res-320-value="31" data-field-width-res-320-value="272" data-field-fontsize-res-320-value="24" data-field-top-res-480-value="330" data-field-left-res-480-value="56" data-field-width-res-480-value="338" data-field-top-res-640-value="300" data-field-left-res-640-value="73" data-field-width-res-640-value="460" data-field-fontsize-res-640-value="26" data-field-top-res-960-value="102" data-field-left-res-960-value="391" data-field-width-res-960-value="390"> <div class='tn-atom'field='tn_text_1599565986286'>Что такое INSOMNIA: The Ark<br><br></div> </div> <div class='t396__elem tn-elem tn-elem__3397740661599574798586' data-elem-id='1599574798586' data-elem-type='text' data-field-top-value="171" data-field-left-value="381" data-field-width-value="620" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="302" data-field-left-res-320-value="31" data-field-width-res-320-value="260" data-field-axisx-res-320-value="left" data-field-top-res-480-value="371" data-field-left-res-480-value="54" data-field-width-res-480-value="340" data-field-axisx-res-480-value="left" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="346" data-field-left-res-640-value="74" data-field-width-res-640-value="460" data-field-axisx-res-640-value="left" data-field-top-res-960-value="164" data-field-left-res-960-value="391" data-field-width-res-960-value="500"> <div class='tn-atom'field='tn_text_1599574798586'>1. Сюжет и особенности квеста в INSOMNIA: The Ark<br>Рассмотрим квест-логи и диалог в articy:draft, диалоговое меню и сам квест.</div> </div> <div class='t396__elem tn-elem tn-elem__3397740661620035280211' data-elem-id='1620035280211' data-elem-type='image' data-field-top-value="57" data-field-left-value="381" 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="" data-field-widthunits-value="px" data-field-filewidth-value="107" data-field-fileheight-value="36" data-field-top-res-320-value="31" data-field-left-res-320-value="23" data-field-top-res-480-value="45" data-field-left-res-480-value="51" data-field-width-res-480-value="66" data-field-top-res-640-value="37" data-field-left-res-640-value="66" data-field-top-res-960-value="57" data-field-left-res-960-value="394"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3866-6462-4733-b136-386261306562/_2.svg'
src='https://static.tildacdn.com/tild3866-6462-4733-b136-386261306562/_2.svg'
alt='' imgfield='tn_img_1620035280211'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397740661627312618022' data-elem-id='1627312618022' data-elem-type='shape' data-field-top-value="60" data-field-left-value="81" data-field-height-value="137" 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-top-res-320-value="86" data-field-left-res-320-value="32" data-field-height-res-320-value="147" data-field-width-res-320-value="260" data-field-top-res-480-value="86" data-field-left-res-480-value="55" data-field-height-res-480-value="204" data-field-width-res-480-value="359" data-field-top-res-640-value="96" data-field-left-res-640-value="69"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild6633-3936-4462-a235-346338363163/D_KRtc4o1LY.jpg"
aria-label='' role="img"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339774066');});});</script> <!-- /T396 --> </div> <div id="rec339775683" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339775683 .t396__artboard {height:700px;background-color:#211D1A;overflow:visible;}#rec339775683 .t396__filter {height:700px;}#rec339775683 .t396__carrier{height:700px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339775683 .t396__artboard,#rec339775683 .t396__filter,#rec339775683 .t396__carrier {height:720px;}#rec339775683 .t396__filter {}#rec339775683 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339775683 .t396__artboard,#rec339775683 .t396__filter,#rec339775683 .t396__carrier {height:940px;}#rec339775683 .t396__filter {}#rec339775683 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339775683 .t396__artboard,#rec339775683 .t396__filter,#rec339775683 .t396__carrier {height:900px;}#rec339775683 .t396__filter {}#rec339775683 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339775683 .t396__artboard,#rec339775683 .t396__filter,#rec339775683 .t396__carrier {height:940px;}#rec339775683 .t396__filter {}#rec339775683 .t396__carrier {background-attachment:scroll;}}#rec339775683 .tn-elem[data-elem-id="1599565924357"]{z-index:3;top:0px;;left:calc(50% - 600px + 21px);;width:1160px;height:679px;}#rec339775683 .tn-elem[data-elem-id="1599565924357"] .tn-atom{border-radius:10px;background-color:#39322d;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){#rec339775683 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 480px + 11px);;width:939px;height:695px;}}@media screen and (max-width:959px){#rec339775683 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 320px + 10px);;width:620px;height:911px;}}@media screen and (max-width:639px){#rec339775683 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 240px + 10px);;width:460px;height:872px;}}@media screen and (max-width:479px){#rec339775683 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 160px + 0px);;width:100%;height:913px;}#rec339775683 .tn-elem[data-elem-id="1599565924357"] .tn-atom{background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec339775683 .tn-elem[data-elem-id="1599565986286"]{color:#ffffff;z-index:4;top:109px;;left:calc(50% - 600px + 381px);;width:520px;height:auto;}#rec339775683 .tn-elem[data-elem-id="1599565986286"] .tn-atom{color:#ffffff;font-size:32px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:300;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){#rec339775683 .tn-elem[data-elem-id="1599565986286"]{top:102px;;left:calc(50% - 480px + 391px);;width:390px;height:auto;}}@media screen and (max-width:959px){#rec339775683 .tn-elem[data-elem-id="1599565986286"]{top:300px;;left:calc(50% - 320px + 73px);;width:460px;height:auto;}#rec339775683 .tn-elem[data-elem-id="1599565986286"] .tn-atom{font-size:26px;background-size:cover;}}@media screen and (max-width:639px){#rec339775683 .tn-elem[data-elem-id="1599565986286"]{top:374px;;left:calc(50% - 240px + 56px);;width:320px;height:auto;}}@media screen and (max-width:479px){#rec339775683 .tn-elem[data-elem-id="1599565986286"]{top:293px;;left:calc(50% - 160px + 31px);;width:240px;height:auto;}#rec339775683 .tn-elem[data-elem-id="1599565986286"] .tn-atom{font-size:24px;background-size:cover;}}#rec339775683 .tn-elem[data-elem-id="1599574798586"]{color:#ffffff;z-index:5;top:171px;;left:calc(50% - 600px + 381px);;width:620px;height:auto;}#rec339775683 .tn-elem[data-elem-id="1599574798586"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:100;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){#rec339775683 .tn-elem[data-elem-id="1599574798586"]{top:164px;;left:calc(50% - 480px + 391px);;width:500px;height:auto;}}@media screen and (max-width:959px){#rec339775683 .tn-elem[data-elem-id="1599574798586"]{top:346px;;left:calc(50% - 320px + 74px);;width:460px;height:auto;text-align:left;}}@media screen and (max-width:639px){#rec339775683 .tn-elem[data-elem-id="1599574798586"]{top:415px;;left:calc(50% - 240px + 54px);;width:340px;height:auto;}#rec339775683 .tn-elem[data-elem-id="1599574798586"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339775683 .tn-elem[data-elem-id="1599574798586"]{top:332px;;left:calc(50% - 160px + 31px);;width:260px;height:auto;}}#rec339775683 .tn-elem[data-elem-id="1620035280211"]{z-index:8;top:57px;;left:calc(50% - 600px + 381px);;width:96px;height:auto;}#rec339775683 .tn-elem[data-elem-id="1620035280211"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339775683 .tn-elem[data-elem-id="1620035280211"]{top:57px;;left:calc(50% - 480px + 394px);;height:auto;}}@media screen and (max-width:959px){#rec339775683 .tn-elem[data-elem-id="1620035280211"]{top:37px;;left:calc(50% - 320px + 66px);;height:auto;}}@media screen and (max-width:639px){#rec339775683 .tn-elem[data-elem-id="1620035280211"]{top:45px;;left:calc(50% - 240px + 51px);;width:66px;height:auto;}}@media screen and (max-width:479px){#rec339775683 .tn-elem[data-elem-id="1620035280211"]{top:31px;;left:calc(50% - 160px + 23px);;height:auto;}}#rec339775683 .tn-elem[data-elem-id="1627312618022"]{z-index:14;top:60px;;left:calc(50% - 600px + 84px);;width:240px;height:164px;}#rec339775683 .tn-elem[data-elem-id="1627312618022"] .tn-atom{border-radius:10px;background-color:#fff705;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:959px){#rec339775683 .tn-elem[data-elem-id="1627312618022"]{top:96px;;left:calc(50% - 320px + 69px);;}#rec339775683 .tn-elem[data-elem-id="1627312618022"] .tn-atom{background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}@media screen and (max-width:639px){#rec339775683 .tn-elem[data-elem-id="1627312618022"]{top:86px;;left:calc(50% - 240px + 55px);;width:359px;height:247px;}}@media screen and (max-width:479px){#rec339775683 .tn-elem[data-elem-id="1627312618022"]{top:86px;;left:calc(50% - 160px + 32px);;width:260px;height:177px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339775683" data-artboard-screens="320,480,640,960,1200" data-artboard-height="700" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="940" data-artboard-height-res-480="900" data-artboard-height-res-640="940" data-artboard-height-res-960="720"> <div class="t396__carrier" data-artboard-recid="339775683"></div> <div class="t396__filter" data-artboard-recid="339775683"></div> <div class='t396__elem tn-elem tn-elem__3397756831599565924357' data-elem-id='1599565924357' data-elem-type='shape' data-field-top-value="0" data-field-left-value="21" data-field-height-value="679" 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-top-res-320-value="0" data-field-left-res-320-value="0" data-field-height-res-320-value="913" data-field-width-res-320-value="100" data-field-widthunits-res-320-value="%" data-field-top-res-480-value="0" data-field-left-res-480-value="10" data-field-height-res-480-value="872" data-field-width-res-480-value="460" data-field-top-res-640-value="0" data-field-left-res-640-value="10" data-field-height-res-640-value="911" data-field-width-res-640-value="620" data-field-top-res-960-value="0" data-field-left-res-960-value="11" data-field-height-res-960-value="695" data-field-width-res-960-value="939"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3397756831599565986286' data-elem-id='1599565986286' data-elem-type='text' data-field-top-value="109" data-field-left-value="381" data-field-width-value="520" 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="" data-field-widthunits-value="px" data-field-fontsize-value="32" data-field-top-res-320-value="293" data-field-left-res-320-value="31" data-field-width-res-320-value="240" data-field-fontsize-res-320-value="24" data-field-top-res-480-value="374" data-field-left-res-480-value="56" data-field-width-res-480-value="320" data-field-top-res-640-value="300" data-field-left-res-640-value="73" data-field-width-res-640-value="460" data-field-fontsize-res-640-value="26" data-field-top-res-960-value="102" data-field-left-res-960-value="391" data-field-width-res-960-value="390"> <div class='tn-atom'field='tn_text_1599565986286'>Квест-лог и кондишны<br><br></div> </div> <div class='t396__elem tn-elem tn-elem__3397756831599574798586' data-elem-id='1599574798586' data-elem-type='text' data-field-top-value="171" data-field-left-value="381" data-field-width-value="620" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="332" data-field-left-res-320-value="31" data-field-width-res-320-value="260" data-field-axisx-res-320-value="left" data-field-top-res-480-value="415" data-field-left-res-480-value="54" data-field-width-res-480-value="340" data-field-axisx-res-480-value="left" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="346" data-field-left-res-640-value="74" data-field-width-res-640-value="460" data-field-axisx-res-640-value="left" data-field-top-res-960-value="164" data-field-left-res-960-value="391" data-field-width-res-960-value="500"> <div class='tn-atom'field='tn_text_1599574798586'>1. Проблемы квеста в INSOMNIA: The Ark<br>Разберемся, почему квест в INSOMNIA: The Ark плох и когда нужна вариативность.<br><br>2. Кто делает квесты и как<br>Обсудим роль сценариста-писателя и нарративного дизайнера и как их приходится совмещать.<br><br>3. Синопсис и юзер стори<br>Рассмотрим на реальном примере, что такое синопсис и юзер стори.<br><br>4. Синтаксис для кондишна <br>Поговорим о кондишнах, рассмотрим шаги квеста в квест-логе и юзер стори с кондишнами.</div> </div> <div class='t396__elem tn-elem tn-elem__3397756831620035280211' data-elem-id='1620035280211' data-elem-type='image' data-field-top-value="57" data-field-left-value="381" 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="" data-field-widthunits-value="px" data-field-filewidth-value="104" data-field-fileheight-value="37" data-field-top-res-320-value="31" data-field-left-res-320-value="23" data-field-top-res-480-value="45" data-field-left-res-480-value="51" data-field-width-res-480-value="66" data-field-top-res-640-value="37" data-field-left-res-640-value="66" data-field-top-res-960-value="57" data-field-left-res-960-value="394"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3362-6633-4532-b238-373035653062/_3.svg'
src='https://static.tildacdn.com/tild3362-6633-4532-b238-373035653062/_3.svg'
alt='' imgfield='tn_img_1620035280211'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397756831627312618022' data-elem-id='1627312618022' data-elem-type='shape' data-field-top-value="60" data-field-left-value="84" data-field-height-value="164" 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-top-res-320-value="86" data-field-left-res-320-value="32" data-field-height-res-320-value="177" data-field-width-res-320-value="260" data-field-top-res-480-value="86" data-field-left-res-480-value="55" data-field-height-res-480-value="247" data-field-width-res-480-value="359" data-field-top-res-640-value="96" data-field-left-res-640-value="69"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3330-3138-4236-b862-386138636634/0ODhJuYOZPo.jpg"
aria-label='' role="img"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339775683');});});</script> <!-- /T396 --> </div> <div id="rec339777191" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339777191 .t396__artboard {height:340px;background-color:#211D1A;overflow:visible;}#rec339777191 .t396__filter {height:340px;}#rec339777191 .t396__carrier{height:340px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339777191 .t396__artboard,#rec339777191 .t396__filter,#rec339777191 .t396__carrier {height:340px;}#rec339777191 .t396__filter {}#rec339777191 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339777191 .t396__artboard,#rec339777191 .t396__filter,#rec339777191 .t396__carrier {height:530px;}#rec339777191 .t396__filter {}#rec339777191 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339777191 .t396__artboard,#rec339777191 .t396__filter,#rec339777191 .t396__carrier {height:570px;}#rec339777191 .t396__filter {}#rec339777191 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339777191 .t396__artboard,#rec339777191 .t396__filter,#rec339777191 .t396__carrier {height:510px;}#rec339777191 .t396__filter {}#rec339777191 .t396__carrier {background-attachment:scroll;}}#rec339777191 .tn-elem[data-elem-id="1599565924357"]{z-index:3;top:0px;;left:calc(50% - 600px + 21px);;width:1160px;height:320px;}#rec339777191 .tn-elem[data-elem-id="1599565924357"] .tn-atom{border-radius:10px;background-color:#39322d;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){#rec339777191 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 480px + 11px);;width:939px;height:315px;}}@media screen and (max-width:959px){#rec339777191 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 320px + 10px);;width:620px;height:499px;}}@media screen and (max-width:639px){#rec339777191 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 240px + 10px);;width:460px;height:538px;}}@media screen and (max-width:479px){#rec339777191 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 160px + 0px);;width:100%;height:477px;}#rec339777191 .tn-elem[data-elem-id="1599565924357"] .tn-atom{background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec339777191 .tn-elem[data-elem-id="1599565986286"]{color:#ffffff;z-index:4;top:109px;;left:calc(50% - 600px + 381px);;width:520px;height:auto;}#rec339777191 .tn-elem[data-elem-id="1599565986286"] .tn-atom{color:#ffffff;font-size:32px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:300;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){#rec339777191 .tn-elem[data-elem-id="1599565986286"]{top:102px;;left:calc(50% - 480px + 391px);;width:390px;height:auto;}}@media screen and (max-width:959px){#rec339777191 .tn-elem[data-elem-id="1599565986286"]{top:300px;;left:calc(50% - 320px + 73px);;width:460px;height:auto;}#rec339777191 .tn-elem[data-elem-id="1599565986286"] .tn-atom{font-size:26px;background-size:cover;}}@media screen and (max-width:639px){#rec339777191 .tn-elem[data-elem-id="1599565986286"]{top:374px;;left:calc(50% - 240px + 56px);;width:338px;height:auto;}}@media screen and (max-width:479px){#rec339777191 .tn-elem[data-elem-id="1599565986286"]{top:293px;;left:calc(50% - 160px + 31px);;width:272px;height:auto;}#rec339777191 .tn-elem[data-elem-id="1599565986286"] .tn-atom{font-size:24px;background-size:cover;}}#rec339777191 .tn-elem[data-elem-id="1599574798586"]{color:#ffffff;z-index:5;top:171px;;left:calc(50% - 600px + 381px);;width:620px;height:auto;}#rec339777191 .tn-elem[data-elem-id="1599574798586"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:100;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){#rec339777191 .tn-elem[data-elem-id="1599574798586"]{top:164px;;left:calc(50% - 480px + 391px);;width:500px;height:auto;}}@media screen and (max-width:959px){#rec339777191 .tn-elem[data-elem-id="1599574798586"]{top:346px;;left:calc(50% - 320px + 74px);;width:460px;height:auto;text-align:left;}}@media screen and (max-width:639px){#rec339777191 .tn-elem[data-elem-id="1599574798586"]{top:415px;;left:calc(50% - 240px + 54px);;width:340px;height:auto;}#rec339777191 .tn-elem[data-elem-id="1599574798586"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339777191 .tn-elem[data-elem-id="1599574798586"]{top:332px;;left:calc(50% - 160px + 31px);;width:260px;height:auto;}}#rec339777191 .tn-elem[data-elem-id="1620035280211"]{z-index:8;top:57px;;left:calc(50% - 600px + 381px);;width:96px;height:auto;}#rec339777191 .tn-elem[data-elem-id="1620035280211"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339777191 .tn-elem[data-elem-id="1620035280211"]{top:57px;;left:calc(50% - 480px + 394px);;height:auto;}}@media screen and (max-width:959px){#rec339777191 .tn-elem[data-elem-id="1620035280211"]{top:37px;;left:calc(50% - 320px + 66px);;height:auto;}}@media screen and (max-width:639px){#rec339777191 .tn-elem[data-elem-id="1620035280211"]{top:45px;;left:calc(50% - 240px + 51px);;width:66px;height:auto;}}@media screen and (max-width:479px){#rec339777191 .tn-elem[data-elem-id="1620035280211"]{top:31px;;left:calc(50% - 160px + 23px);;height:auto;}}#rec339777191 .tn-elem[data-elem-id="1627312618022"]{z-index:14;top:60px;;left:calc(50% - 600px + 81px);;width:240px;height:164px;}#rec339777191 .tn-elem[data-elem-id="1627312618022"] .tn-atom{border-radius:10px;background-color:#fff705;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:959px){#rec339777191 .tn-elem[data-elem-id="1627312618022"]{top:96px;;left:calc(50% - 320px + 69px);;}#rec339777191 .tn-elem[data-elem-id="1627312618022"] .tn-atom{background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}@media screen and (max-width:639px){#rec339777191 .tn-elem[data-elem-id="1627312618022"]{top:86px;;left:calc(50% - 240px + 55px);;width:359px;height:247px;}}@media screen and (max-width:479px){#rec339777191 .tn-elem[data-elem-id="1627312618022"]{top:86px;;left:calc(50% - 160px + 32px);;width:260px;height:177px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339777191" data-artboard-screens="320,480,640,960,1200" data-artboard-height="340" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="510" data-artboard-height-res-480="570" data-artboard-height-res-640="530" data-artboard-height-res-960="340"> <div class="t396__carrier" data-artboard-recid="339777191"></div> <div class="t396__filter" data-artboard-recid="339777191"></div> <div class='t396__elem tn-elem tn-elem__3397771911599565924357' data-elem-id='1599565924357' data-elem-type='shape' data-field-top-value="0" data-field-left-value="21" data-field-height-value="320" 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-top-res-320-value="0" data-field-left-res-320-value="0" data-field-height-res-320-value="477" data-field-width-res-320-value="100" data-field-widthunits-res-320-value="%" data-field-top-res-480-value="0" data-field-left-res-480-value="10" data-field-height-res-480-value="538" data-field-width-res-480-value="460" data-field-top-res-640-value="0" data-field-left-res-640-value="10" data-field-height-res-640-value="499" data-field-width-res-640-value="620" data-field-top-res-960-value="0" data-field-left-res-960-value="11" data-field-height-res-960-value="315" data-field-width-res-960-value="939"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3397771911599565986286' data-elem-id='1599565986286' data-elem-type='text' data-field-top-value="109" data-field-left-value="381" data-field-width-value="520" 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="" data-field-widthunits-value="px" data-field-fontsize-value="32" data-field-top-res-320-value="293" data-field-left-res-320-value="31" data-field-width-res-320-value="272" data-field-fontsize-res-320-value="24" data-field-top-res-480-value="374" data-field-left-res-480-value="56" data-field-width-res-480-value="338" data-field-top-res-640-value="300" data-field-left-res-640-value="73" data-field-width-res-640-value="460" data-field-fontsize-res-640-value="26" data-field-top-res-960-value="102" data-field-left-res-960-value="391" data-field-width-res-960-value="390"> <div class='tn-atom'field='tn_text_1599565986286'>Диалог и награда<br><br></div> </div> <div class='t396__elem tn-elem tn-elem__3397771911599574798586' data-elem-id='1599574798586' data-elem-type='text' data-field-top-value="171" data-field-left-value="381" data-field-width-value="620" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="332" data-field-left-res-320-value="31" data-field-width-res-320-value="260" data-field-axisx-res-320-value="left" data-field-top-res-480-value="415" data-field-left-res-480-value="54" data-field-width-res-480-value="340" data-field-axisx-res-480-value="left" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="346" data-field-left-res-640-value="74" data-field-width-res-640-value="460" data-field-axisx-res-640-value="left" data-field-top-res-960-value="164" data-field-left-res-960-value="391" data-field-width-res-960-value="500"> <div class='tn-atom'field='tn_text_1599574798586'>1. Синтаксис для награды<strong> </strong><br>Разберемся в логике синтаксиса для награды и прочих предметов.</div> </div> <div class='t396__elem tn-elem tn-elem__3397771911620035280211' data-elem-id='1620035280211' data-elem-type='image' data-field-top-value="57" data-field-left-value="381" 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="" data-field-widthunits-value="px" data-field-filewidth-value="103" data-field-fileheight-value="38" data-field-top-res-320-value="31" data-field-left-res-320-value="23" data-field-top-res-480-value="45" data-field-left-res-480-value="51" data-field-width-res-480-value="66" data-field-top-res-640-value="37" data-field-left-res-640-value="66" data-field-top-res-960-value="57" data-field-left-res-960-value="394"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3231-3832-4161-b939-633862313662/_4.svg'
src='https://static.tildacdn.com/tild3231-3832-4161-b939-633862313662/_4.svg'
alt='' imgfield='tn_img_1620035280211'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397771911627312618022' data-elem-id='1627312618022' data-elem-type='shape' data-field-top-value="60" data-field-left-value="81" data-field-height-value="164" 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-top-res-320-value="86" data-field-left-res-320-value="32" data-field-height-res-320-value="177" data-field-width-res-320-value="260" data-field-top-res-480-value="86" data-field-left-res-480-value="55" data-field-height-res-480-value="247" data-field-width-res-480-value="359" data-field-top-res-640-value="96" data-field-left-res-640-value="69"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild6365-6533-4134-b963-386663386364/AEMKKD_qEC8.jpg"
aria-label='' role="img"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339777191');});});</script> <!-- /T396 --> </div> <div id="rec339777632" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339777632 .t396__artboard {height:360px;background-color:#211D1A;overflow:visible;}#rec339777632 .t396__filter {height:360px;}#rec339777632 .t396__carrier{height:360px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339777632 .t396__artboard,#rec339777632 .t396__filter,#rec339777632 .t396__carrier {height:370px;}#rec339777632 .t396__filter {}#rec339777632 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339777632 .t396__artboard,#rec339777632 .t396__filter,#rec339777632 .t396__carrier {height:550px;}#rec339777632 .t396__filter {}#rec339777632 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339777632 .t396__artboard,#rec339777632 .t396__filter,#rec339777632 .t396__carrier {height:600px;}#rec339777632 .t396__filter {}#rec339777632 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339777632 .t396__artboard,#rec339777632 .t396__filter,#rec339777632 .t396__carrier {height:540px;}#rec339777632 .t396__filter {}#rec339777632 .t396__carrier {background-attachment:scroll;}}#rec339777632 .tn-elem[data-elem-id="1599565924357"]{z-index:3;top:0px;;left:calc(50% - 600px + 21px);;width:1160px;height:323px;}#rec339777632 .tn-elem[data-elem-id="1599565924357"] .tn-atom{border-radius:10px;background-color:#39322d;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){#rec339777632 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 480px + 11px);;width:939px;height:333px;}}@media screen and (max-width:959px){#rec339777632 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 320px + 10px);;width:620px;height:522px;}}@media screen and (max-width:639px){#rec339777632 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 240px + 10px);;width:460px;height:559px;}}@media screen and (max-width:479px){#rec339777632 .tn-elem[data-elem-id="1599565924357"]{top:0px;;left:calc(50% - 160px + 0px);;width:100%;height:501px;}#rec339777632 .tn-elem[data-elem-id="1599565924357"] .tn-atom{background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec339777632 .tn-elem[data-elem-id="1599565986286"]{color:#ffffff;z-index:4;top:109px;;left:calc(50% - 600px + 381px);;width:520px;height:auto;}#rec339777632 .tn-elem[data-elem-id="1599565986286"] .tn-atom{color:#ffffff;font-size:32px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:300;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){#rec339777632 .tn-elem[data-elem-id="1599565986286"]{top:102px;;left:calc(50% - 480px + 391px);;width:390px;height:auto;}}@media screen and (max-width:959px){#rec339777632 .tn-elem[data-elem-id="1599565986286"]{top:300px;;left:calc(50% - 320px + 73px);;width:460px;height:auto;}#rec339777632 .tn-elem[data-elem-id="1599565986286"] .tn-atom{font-size:26px;background-size:cover;}}@media screen and (max-width:639px){#rec339777632 .tn-elem[data-elem-id="1599565986286"]{top:374px;;left:calc(50% - 240px + 56px);;width:338px;height:auto;}}@media screen and (max-width:479px){#rec339777632 .tn-elem[data-elem-id="1599565986286"]{top:293px;;left:calc(50% - 160px + 31px);;width:272px;height:auto;}#rec339777632 .tn-elem[data-elem-id="1599565986286"] .tn-atom{font-size:24px;background-size:cover;}}#rec339777632 .tn-elem[data-elem-id="1599574798586"]{color:#ffffff;z-index:5;top:171px;;left:calc(50% - 600px + 381px);;width:620px;height:auto;}#rec339777632 .tn-elem[data-elem-id="1599574798586"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:100;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){#rec339777632 .tn-elem[data-elem-id="1599574798586"]{top:164px;;left:calc(50% - 480px + 391px);;width:445px;height:auto;}}@media screen and (max-width:959px){#rec339777632 .tn-elem[data-elem-id="1599574798586"]{top:346px;;left:calc(50% - 320px + 74px);;width:460px;height:auto;text-align:left;}}@media screen and (max-width:639px){#rec339777632 .tn-elem[data-elem-id="1599574798586"]{top:415px;;left:calc(50% - 240px + 54px);;width:340px;height:auto;}#rec339777632 .tn-elem[data-elem-id="1599574798586"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec339777632 .tn-elem[data-elem-id="1599574798586"]{top:332px;;left:calc(50% - 160px + 31px);;width:260px;height:auto;}}#rec339777632 .tn-elem[data-elem-id="1620035280211"]{z-index:8;top:61px;;left:calc(50% - 600px + 381px);;width:210px;height:auto;}#rec339777632 .tn-elem[data-elem-id="1620035280211"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);transform:rotate(7deg);}@media screen and (max-width:1199px){#rec339777632 .tn-elem[data-elem-id="1620035280211"]{top:43px;;left:calc(50% - 480px + 365px);;height:auto;}}@media screen and (max-width:959px){#rec339777632 .tn-elem[data-elem-id="1620035280211"]{top:33px;;left:calc(50% - 320px + 58px);;height:auto;}}@media screen and (max-width:639px){#rec339777632 .tn-elem[data-elem-id="1620035280211"]{top:29px;;left:calc(50% - 240px + 50px);;width:174px;height:auto;}}@media screen and (max-width:479px){#rec339777632 .tn-elem[data-elem-id="1620035280211"]{top:33px;;left:calc(50% - 160px + 21px);;height:auto;}}#rec339777632 .tn-elem[data-elem-id="1627312618022"]{z-index:14;top:60px;;left:calc(50% - 600px + 81px);;width:240px;height:164px;}#rec339777632 .tn-elem[data-elem-id="1627312618022"] .tn-atom{border-radius:10px;background-color:#fff705;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:959px){#rec339777632 .tn-elem[data-elem-id="1627312618022"]{top:96px;;left:calc(50% - 320px + 69px);;}#rec339777632 .tn-elem[data-elem-id="1627312618022"] .tn-atom{background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}@media screen and (max-width:639px){#rec339777632 .tn-elem[data-elem-id="1627312618022"]{top:86px;;left:calc(50% - 240px + 55px);;width:359px;height:247px;}}@media screen and (max-width:479px){#rec339777632 .tn-elem[data-elem-id="1627312618022"]{top:86px;;left:calc(50% - 160px + 32px);;width:260px;height:177px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339777632" data-artboard-screens="320,480,640,960,1200" data-artboard-height="360" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="540" data-artboard-height-res-480="600" data-artboard-height-res-640="550" data-artboard-height-res-960="370"> <div class="t396__carrier" data-artboard-recid="339777632"></div> <div class="t396__filter" data-artboard-recid="339777632"></div> <div class='t396__elem tn-elem tn-elem__3397776321599565924357' data-elem-id='1599565924357' data-elem-type='shape' data-field-top-value="0" data-field-left-value="21" data-field-height-value="323" 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-top-res-320-value="0" data-field-left-res-320-value="0" data-field-height-res-320-value="501" data-field-width-res-320-value="100" data-field-widthunits-res-320-value="%" data-field-top-res-480-value="0" data-field-left-res-480-value="10" data-field-height-res-480-value="559" data-field-width-res-480-value="460" data-field-top-res-640-value="0" data-field-left-res-640-value="10" data-field-height-res-640-value="522" data-field-width-res-640-value="620" data-field-top-res-960-value="0" data-field-left-res-960-value="11" data-field-height-res-960-value="333" data-field-width-res-960-value="939"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3397776321599565986286' data-elem-id='1599565986286' data-elem-type='text' data-field-top-value="109" data-field-left-value="381" data-field-width-value="520" 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="" data-field-widthunits-value="px" data-field-fontsize-value="32" data-field-top-res-320-value="293" data-field-left-res-320-value="31" data-field-width-res-320-value="272" data-field-fontsize-res-320-value="24" data-field-top-res-480-value="374" data-field-left-res-480-value="56" data-field-width-res-480-value="338" data-field-top-res-640-value="300" data-field-left-res-640-value="73" data-field-width-res-640-value="460" data-field-fontsize-res-640-value="26" data-field-top-res-960-value="102" data-field-left-res-960-value="391" data-field-width-res-960-value="390"> <div class='tn-atom'field='tn_text_1599565986286'>Обзоры квестов</div> </div> <div class='t396__elem tn-elem tn-elem__3397776321599574798586' data-elem-id='1599574798586' data-elem-type='text' data-field-top-value="171" data-field-left-value="381" data-field-width-value="620" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="332" data-field-left-res-320-value="31" data-field-width-res-320-value="260" data-field-axisx-res-320-value="left" data-field-top-res-480-value="415" data-field-left-res-480-value="54" data-field-width-res-480-value="340" data-field-axisx-res-480-value="left" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="346" data-field-left-res-640-value="74" data-field-width-res-640-value="460" data-field-axisx-res-640-value="left" data-field-top-res-960-value="164" data-field-left-res-960-value="391" data-field-width-res-960-value="445"> <div class='tn-atom'field='tn_text_1599574798586'>Рассмотрим Ultima, Planescape Torment, Arcanum, Morrowind, Vampire Bloodlines, Dragon Age Origins, Fallout New Vegas, The Witcher и Disco Elysium. </div> </div> <div class='t396__elem tn-elem tn-elem__3397776321620035280211' data-elem-id='1620035280211' data-elem-type='image' data-field-top-value="61" data-field-left-value="381" data-field-width-value="210" 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="" data-field-widthunits-value="px" data-field-filewidth-value="256" data-field-fileheight-value="59" data-field-top-res-320-value="33" data-field-left-res-320-value="21" data-field-top-res-480-value="29" data-field-left-res-480-value="50" data-field-width-res-480-value="174" data-field-top-res-640-value="33" data-field-left-res-640-value="58" data-field-top-res-960-value="43" data-field-left-res-960-value="365"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3166-3333-4438-b735-306335336339/_.svg'
src='https://static.tildacdn.com/tild3166-3333-4438-b735-306335336339/_.svg'
alt='' imgfield='tn_img_1620035280211'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3397776321627312618022' data-elem-id='1627312618022' data-elem-type='shape' data-field-top-value="60" data-field-left-value="81" data-field-height-value="164" 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-top-res-320-value="86" data-field-left-res-320-value="32" data-field-height-res-320-value="177" data-field-width-res-320-value="260" data-field-top-res-480-value="86" data-field-left-res-480-value="55" data-field-height-res-480-value="247" data-field-width-res-480-value="359" data-field-top-res-640-value="96" data-field-left-res-640-value="69"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3833-3864-4830-a163-336637313530/_qy5Y_F9q8Q.jpg"
aria-label='' role="img"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339777632');});});</script> <!-- /T396 --> </div> <div id="rec339781602" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339781602 .t396__artboard {height:212px;background-color:#211D1A;}#rec339781602 .t396__filter {height:212px;}#rec339781602 .t396__carrier{height:212px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339781602 .t396__artboard,#rec339781602 .t396__filter,#rec339781602 .t396__carrier {height:152px;}#rec339781602 .t396__filter {}#rec339781602 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339781602 .t396__artboard,#rec339781602 .t396__filter,#rec339781602 .t396__carrier {height:142px;}#rec339781602 .t396__filter {}#rec339781602 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339781602 .t396__artboard,#rec339781602 .t396__filter,#rec339781602 .t396__carrier {}#rec339781602 .t396__filter {}#rec339781602 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339781602 .t396__artboard,#rec339781602 .t396__filter,#rec339781602 .t396__carrier {height:127px;}#rec339781602 .t396__filter {}#rec339781602 .t396__carrier {background-attachment:scroll;}}#rec339781602 .tn-elem[data-elem-id="1619434998116"]{color:#ffffff;text-align:center;z-index:1;top:35px;;left:calc(50% - 600px + 20px);;width:1160px;height:55px;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:100;border-radius:200px;background-position:center center;--t396-borderwidth:2px;--t396-bordercolor:#feaf16;--t396-speedhover:0.4s;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-hover-color:#feaf16;--t396-bgcolor-hover-image:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom::after{display:none;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom:hover::after{opacity:0;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}@media screen and (max-width:1199px){#rec339781602 .tn-elem[data-elem-id="1619434998116"]{top:27px;;left:calc(50% - 480px + 11px);;width:938px;height:55px;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom::after{display:none;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom:hover::after{opacity:0;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:959px){#rec339781602 .tn-elem[data-elem-id="1619434998116"]{top:24px;;left:calc(50% - 320px + 10px);;width:620px;height:55px;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom::after{display:none;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom:hover::after{opacity:0;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:639px){#rec339781602 .tn-elem[data-elem-id="1619434998116"]{top:14px;;left:calc(50% - 240px + 10px);;width:460px;height:55px;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom::after{display:none;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom:hover::after{opacity:0;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:479px){#rec339781602 .tn-elem[data-elem-id="1619434998116"]{top:2px;;left:calc(50% - 160px + 10px);;width:300px;height:55px;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom::after{display:none;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom:hover::after{opacity:0;}#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339781602 .tn-elem[data-elem-id="1619434998116"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339781602" data-artboard-screens="320,480,640,960,1200" data-artboard-height="212" data-artboard-valign="center" data-artboard-height-res-320="127" data-artboard-height-res-640="142" data-artboard-height-res-960="152"> <div class="t396__carrier" data-artboard-recid="339781602"></div> <div class="t396__filter" data-artboard-recid="339781602"></div> <div class='t396__elem tn-elem tn-elem__3397816021619434998116' data-elem-id='1619434998116' data-elem-type='button' data-field-top-value="35" data-field-left-value="20" data-field-height-value="55" 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="" data-field-widthunits-value="" data-field-fontsize-value="16" data-field-top-res-320-value="2" data-field-left-res-320-value="10" data-field-height-res-320-value="55" data-field-width-res-320-value="300" data-field-top-res-480-value="14" data-field-left-res-480-value="10" data-field-height-res-480-value="55" data-field-width-res-480-value="460" data-field-top-res-640-value="24" data-field-left-res-640-value="10" data-field-height-res-640-value="55" data-field-width-res-640-value="620" data-field-top-res-960-value="27" data-field-left-res-960-value="11" data-field-height-res-960-value="55" data-field-width-res-960-value="938"> <a class='tn-atom' href="#show-more-program"> <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> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339781602');});});</script> <!-- /T396 --> </div> <div id="rec339807349" class="r t-rec t-rec_pt_60 t-rec_pb_60" style="padding-top:60px;padding-bottom:60px; " data-record-type="400"> <!-- T400 --> <div class="t400"> <button
class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md t400__submit"
type="submit" data-hidden-rec-ids="339777632,339777191,339775683" data-hide-back-text="Скрыть"><span class="t-btnflex__text">Смотреть всю программу</span> <style>#rec339807349 .t-btnflex.t-btnflex_type_submit {color:#ffffff;background-color:#222222;--border-width:0px;border-style:none !important;box-shadow:none !important;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}</style></button> </div> <script>t_onReady(function() {t_onFuncLoad('t400_init',function() {t400_init('339807349');});});</script> </div> <div id="rec339807363" 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>
$( document ).ready(function() {
//Прописываем ID нашего блока bf703ID
var bf703ID = '#rec339807349'; $(bf703ID).hide();
//Прописываем ссылку нашей кнопки
$('a[href="#show-more-program"]').click(function(e) { e.preventDefault();
$(bf703ID+' .t400__submit').click();
$(this).text($(bf703ID+' .t400__submit').text())
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec339676539" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339676539 .t396__artboard {height:1190px;background-color:#211D1A;overflow:visible;}#rec339676539 .t396__filter {height:1190px;}#rec339676539 .t396__carrier{height:1190px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339676539 .t396__artboard,#rec339676539 .t396__filter,#rec339676539 .t396__carrier {height:965px;}#rec339676539 .t396__filter {}#rec339676539 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339676539 .t396__artboard,#rec339676539 .t396__filter,#rec339676539 .t396__carrier {height:1130px;}#rec339676539 .t396__filter {}#rec339676539 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339676539 .t396__artboard,#rec339676539 .t396__filter,#rec339676539 .t396__carrier {height:1350px;}#rec339676539 .t396__filter {}#rec339676539 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339676539 .t396__artboard,#rec339676539 .t396__filter,#rec339676539 .t396__carrier {height:1310px;}#rec339676539 .t396__filter {}#rec339676539 .t396__carrier {background-attachment:scroll;}}#rec339676539 .tn-elem[data-elem-id="1627369869698"]{z-index:1;top:-405px;;left:calc(50% - 600px + -769px);;width:3163px;height:auto;pointer-events:none;}#rec339676539 .tn-elem[data-elem-id="1627369869698"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339676539 .tn-elem[data-elem-id="1627369869698"]{top:-161px;;left:calc(50% - 480px + -355px);;width:1915px;height:auto;}}@media screen and (max-width:959px){#rec339676539 .tn-elem[data-elem-id="1627369869698"]{top:227px;;left:calc(50% - 320px + -2262px);;height:auto;}}#rec339676539 .tn-elem[data-elem-id="1623851335307"]{color:#ffffff;z-index:2;top:321px;;left:calc(50% - 600px + 19px);;width:181px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623851335307"] .tn-atom{color:#ffffff;font-size:32px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.1;font-weight:300;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){#rec339676539 .tn-elem[data-elem-id="1623851335307"]{top:268px;;left:calc(50% - 480px + 7px);;width:160px;height:auto;}}@media screen and (max-width:959px){#rec339676539 .tn-elem[data-elem-id="1623851335307"]{top:256px;;left:calc(50% - 320px + 254px);;width:244px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623851335307"] .tn-atom{font-size:26px;background-size:cover;}}@media screen and (max-width:639px){#rec339676539 .tn-elem[data-elem-id="1623851335307"]{top:327px;;left:calc(50% - 240px + 10px);;width:352px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623851335307"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:479px){#rec339676539 .tn-elem[data-elem-id="1623851335307"]{top:324px;;left:calc(50% - 160px + 10px);;width:243px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623851335307"] .tn-atom{font-size:24px;background-size:cover;}}#rec339676539 .tn-elem[data-elem-id="1623851397409"]{color:#ffffff;z-index:3;top:321px;;left:calc(50% - 600px + 384px);;width:434px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623851397409"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:100;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){#rec339676539 .tn-elem[data-elem-id="1623851397409"]{top:268px;;left:calc(50% - 480px + 253px);;width:415px;height:auto;}}@media screen and (max-width:959px){#rec339676539 .tn-elem[data-elem-id="1623851397409"]{top:303px;;left:calc(50% - 320px + 254px);;width:373px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623851397409"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:639px){#rec339676539 .tn-elem[data-elem-id="1623851397409"]{top:374px;;left:calc(50% - 240px + 10px);;width:458px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623851397409"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:479px){#rec339676539 .tn-elem[data-elem-id="1623851397409"]{top:363px;;left:calc(50% - 160px + 10px);;width:299px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623851397409"] .tn-atom{font-size:16px;background-size:cover;}}#rec339676539 .tn-elem[data-elem-id="1623851846953"]{z-index:4;top:530px;;left:calc(50% - 600px + 20px);;width:1160px;height:1px;}#rec339676539 .tn-elem[data-elem-id="1623851846953"] .tn-atom{background-color:#484848;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){#rec339676539 .tn-elem[data-elem-id="1623851846953"]{top:455px;;left:calc(50% - 480px + 9px);;width:940px;}}@media screen and (max-width:959px){#rec339676539 .tn-elem[data-elem-id="1623851846953"]{top:471px;;left:calc(50% - 320px + 10px);;width:620px;}}@media screen and (max-width:639px){#rec339676539 .tn-elem[data-elem-id="1623851846953"]{top:522px;;left:calc(50% - 240px + 10px);;width:460px;}}@media screen and (max-width:479px){#rec339676539 .tn-elem[data-elem-id="1623851846953"]{top:513px;;left:calc(50% - 160px + 10px);;width:290px;height:1px;}}#rec339676539 .tn-elem[data-elem-id="1623855112844"]{color:#ffffff;z-index:5;top:597px;;left:calc(50% - 600px + 18px);;width:218px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855112844"] .tn-atom{color:#ffffff;font-size:32px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.1;font-weight:300;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){#rec339676539 .tn-elem[data-elem-id="1623855112844"]{top:519px;;left:calc(50% - 480px + 6px);;width:258px;height:auto;}}@media screen and (max-width:959px){#rec339676539 .tn-elem[data-elem-id="1623855112844"]{top:532px;;left:calc(50% - 320px + 251px);;width:291px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855112844"] .tn-atom{font-size:26px;background-size:cover;}}@media screen and (max-width:639px){#rec339676539 .tn-elem[data-elem-id="1623855112844"]{top:726px;;left:calc(50% - 240px + 10px);;width:352px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855112844"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:479px){#rec339676539 .tn-elem[data-elem-id="1623855112844"]{top:713px;;left:calc(50% - 160px + 10px);;width:243px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855112844"] .tn-atom{font-size:24px;background-size:cover;}}#rec339676539 .tn-elem[data-elem-id="1623855112848"]{color:#ffffff;z-index:6;top:597px;;left:calc(50% - 600px + 384px);;width:444px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855112848"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:100;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){#rec339676539 .tn-elem[data-elem-id="1623855112848"]{top:519px;;left:calc(50% - 480px + 253px);;width:436px;height:auto;}}@media screen and (max-width:959px){#rec339676539 .tn-elem[data-elem-id="1623855112848"]{top:579px;;left:calc(50% - 320px + 250px);;width:350px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855112848"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:639px){#rec339676539 .tn-elem[data-elem-id="1623855112848"]{top:773px;;left:calc(50% - 240px + 10px);;width:458px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855112848"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:479px){#rec339676539 .tn-elem[data-elem-id="1623855112848"]{top:752px;;left:calc(50% - 160px + 10px);;width:291px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855112848"] .tn-atom{font-size:16px;background-size:cover;}}#rec339676539 .tn-elem[data-elem-id="1623855112851"]{z-index:7;top:824px;;left:calc(50% - 600px + 20px);;width:1160px;height:1px;}#rec339676539 .tn-elem[data-elem-id="1623855112851"] .tn-atom{background-color:#484848;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){#rec339676539 .tn-elem[data-elem-id="1623855112851"]{top:706px;;left:calc(50% - 480px + 9px);;width:940px;}}@media screen and (max-width:959px){#rec339676539 .tn-elem[data-elem-id="1623855112851"]{top:774px;;left:calc(50% - 320px + 10px);;width:620px;}}@media screen and (max-width:639px){#rec339676539 .tn-elem[data-elem-id="1623855112851"]{top:921px;;left:calc(50% - 240px + 10px);;width:460px;}}@media screen and (max-width:479px){#rec339676539 .tn-elem[data-elem-id="1623855112851"]{top:902px;;left:calc(50% - 160px + 10px);;width:290px;height:1px;}}#rec339676539 .tn-elem[data-elem-id="1623855249324"]{color:#ffffff;z-index:8;top:908px;;left:calc(50% - 600px + 18px);;width:243px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855249324"] .tn-atom{color:#ffffff;font-size:32px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.1;font-weight:300;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){#rec339676539 .tn-elem[data-elem-id="1623855249324"]{top:768px;;left:calc(50% - 480px + 6px);;height:auto;}}@media screen and (max-width:959px){#rec339676539 .tn-elem[data-elem-id="1623855249324"]{top:835px;;left:calc(50% - 320px + 252px);;width:265px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855249324"] .tn-atom{font-size:26px;background-size:cover;}}@media screen and (max-width:639px){#rec339676539 .tn-elem[data-elem-id="1623855249324"]{top:1116px;;left:calc(50% - 240px + 10px);;width:352px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855249324"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:479px){#rec339676539 .tn-elem[data-elem-id="1623855249324"]{top:1102px;;left:calc(50% - 160px + 10px);;width:282px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855249324"] .tn-atom{font-size:24px;background-size:cover;}}#rec339676539 .tn-elem[data-elem-id="1623855249327"]{color:#ffffff;z-index:9;top:908px;;left:calc(50% - 600px + 384px);;width:446px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855249327"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:100;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){#rec339676539 .tn-elem[data-elem-id="1623855249327"]{top:768px;;left:calc(50% - 480px + 253px);;width:445px;height:auto;}}@media screen and (max-width:959px){#rec339676539 .tn-elem[data-elem-id="1623855249327"]{top:882px;;left:calc(50% - 320px + 250px);;width:390px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855249327"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:639px){#rec339676539 .tn-elem[data-elem-id="1623855249327"]{top:1163px;;left:calc(50% - 240px + 11px);;width:458px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855249327"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:479px){#rec339676539 .tn-elem[data-elem-id="1623855249327"]{top:1141px;;left:calc(50% - 160px + 10px);;width:299px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1623855249327"] .tn-atom{font-size:16px;background-size:cover;}}#rec339676539 .tn-elem[data-elem-id="1627301762436"]{color:#ffffff;z-index:10;top:120px;;left:calc(50% - 600px + 22px);;width:710px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1627301762436"] .tn-atom{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){#rec339676539 .tn-elem[data-elem-id="1627301762436"]{top:90px;;left:calc(50% - 480px + 12px);;height:auto;}}@media screen and (max-width:959px){#rec339676539 .tn-elem[data-elem-id="1627301762436"]{top:62px;;left:calc(50% - 320px + 12px);;width:338px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1627301762436"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:639px){#rec339676539 .tn-elem[data-elem-id="1627301762436"]{top:42px;;left:calc(50% - 240px + 12px);;height:auto;}#rec339676539 .tn-elem[data-elem-id="1627301762436"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec339676539 .tn-elem[data-elem-id="1627301762436"]{top:42px;;left:calc(50% - 160px + 12px);;width:210px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1627301762436"] .tn-atom{font-size:36px;line-height:0.9;background-size:cover;}}#rec339676539 .tn-elem[data-elem-id="1627301762445"]{z-index:11;top:190px;;left:calc(50% - 600px + 20px);;width:376px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1627301762445"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339676539 .tn-elem[data-elem-id="1627301762445"]{top:160px;;left:calc(50% - 480px + 12px);;height:auto;}}@media screen and (max-width:959px){#rec339676539 .tn-elem[data-elem-id="1627301762445"]{top:173px;;left:calc(50% - 320px + 10px);;width:293px;height:auto;}}@media screen and (max-width:639px){#rec339676539 .tn-elem[data-elem-id="1627301762445"]{top:128px;;left:calc(50% - 240px + 10px);;width:220px;height:auto;}}@media screen and (max-width:479px){#rec339676539 .tn-elem[data-elem-id="1627301762445"]{top:118px;;left:calc(50% - 160px + 10px);;width:174px;height:auto;}}#rec339676539 .tn-elem[data-elem-id="1627302243775"]{z-index:12;top:321px;;left:calc(50% - 600px + 924px);;width:260px;height:157px;}#rec339676539 .tn-elem[data-elem-id="1627302243775"] .tn-atom{border-radius:10px;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){#rec339676539 .tn-elem[data-elem-id="1627302243775"]{top:271px;;left:calc(50% - 480px + 730px);;width:218px;height:134px;}}@media screen and (max-width:959px){#rec339676539 .tn-elem[data-elem-id="1627302243775"]{top:256px;;left:calc(50% - 320px + 11px);;}}@media screen and (max-width:639px){#rec339676539 .tn-elem[data-elem-id="1627302243775"]{top:165px;;left:calc(50% - 240px + 11px);;}}#rec339676539 .tn-elem[data-elem-id="1627304555279"]{z-index:14;top:597px;;left:calc(50% - 600px + 923px);;width:260px;height:157px;}#rec339676539 .tn-elem[data-elem-id="1627304555279"] .tn-atom{border-radius:10px;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){#rec339676539 .tn-elem[data-elem-id="1627304555279"]{top:519px;;left:calc(50% - 480px + 731px);;width:218px;height:134px;}}@media screen and (max-width:959px){#rec339676539 .tn-elem[data-elem-id="1627304555279"]{top:532px;;left:calc(50% - 320px + 12px);;}}@media screen and (max-width:639px){#rec339676539 .tn-elem[data-elem-id="1627304555279"]{top:563px;;left:calc(50% - 240px + 11px);;}}@media screen and (max-width:479px){#rec339676539 .tn-elem[data-elem-id="1627304555279"]{top:554px;;left:calc(50% - 160px + 11px);;}}#rec339676539 .tn-elem[data-elem-id="1627320323674"]{z-index:15;top:908px;;left:calc(50% - 600px + 923px);;width:260px;height:157px;}#rec339676539 .tn-elem[data-elem-id="1627320323674"] .tn-atom{border-radius:3px;background-color:#fff705;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){#rec339676539 .tn-elem[data-elem-id="1627320323674"]{top:768px;;left:calc(50% - 480px + 731px);;width:218px;height:134px;}}@media screen and (max-width:959px){#rec339676539 .tn-elem[data-elem-id="1627320323674"]{top:835px;;left:calc(50% - 320px + 11px);;width:218px;height:134px;}}@media screen and (max-width:639px){#rec339676539 .tn-elem[data-elem-id="1627320323674"]{top:962px;;left:calc(50% - 240px + 13px);;}}@media screen and (max-width:479px){#rec339676539 .tn-elem[data-elem-id="1627320323674"]{top:943px;;left:calc(50% - 160px + 10px);;}}#rec339676539 .tn-elem[data-elem-id="1627369848536"]{z-index:16;top:-38px;;left:calc(50% - 600px + 685px);;width:457px;height:auto;pointer-events:none;}#rec339676539 .tn-elem[data-elem-id="1627369848536"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339676539 .tn-elem[data-elem-id="1627369848536"]{top:-21px;;left:calc(50% - 480px + 629px);;width:348px;height:auto;}}@media screen and (max-width:959px){#rec339676539 .tn-elem[data-elem-id="1627369848536"]{top:-17px;;left:calc(50% - 320px + 303px);;height:auto;}}@media screen and (max-width:639px){#rec339676539 .tn-elem[data-elem-id="1627369848536"]{top:12px;;left:calc(50% - 240px + 230px);;height:auto;}}@media screen and (max-width:479px){#rec339676539 .tn-elem[data-elem-id="1627369848536"]{top:587px;;left:calc(50% - 160px + 517px);;width:182px;height:auto;}#rec339676539 .tn-elem[data-elem-id="1627369848536"] .tn-atom{background-size:cover;opacity:0;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339676539" data-artboard-screens="320,480,640,960,1200" data-artboard-height="1190" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="1310" data-artboard-height-res-480="1350" data-artboard-height-res-640="1130" data-artboard-height-res-960="965"> <div class="t396__carrier" data-artboard-recid="339676539"></div> <div class="t396__filter" data-artboard-recid="339676539"></div> <div class='t396__elem tn-elem tn-elem__3396765391627369869698' data-elem-id='1627369869698' data-elem-type='image' data-field-top-value="-405" data-field-left-value="-769" data-field-width-value="3163" 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="" data-field-widthunits-value="px" data-field-filewidth-value="3163" data-field-fileheight-value="636" data-field-top-res-640-value="227" data-field-left-res-640-value="-2262" data-field-top-res-960-value="-161" data-field-left-res-960-value="-355" data-field-width-res-960-value="1915"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3163-3361-4631-b766-643965303432/lines.svg'
src='https://static.tildacdn.com/tild3163-3361-4631-b766-643965303432/lines.svg'
alt='' imgfield='tn_img_1627369869698'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3396765391623851335307' data-elem-id='1623851335307' data-elem-type='text' data-field-top-value="321" data-field-left-value="19" data-field-width-value="181" 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="" data-field-widthunits-value="px" data-field-fontsize-value="32" data-field-top-res-320-value="324" data-field-left-res-320-value="10" data-field-width-res-320-value="243" data-field-fontsize-res-320-value="24" data-field-top-res-480-value="327" data-field-left-res-480-value="10" data-field-width-res-480-value="352" data-field-fontsize-res-480-value="24" data-field-top-res-640-value="256" data-field-left-res-640-value="254" data-field-width-res-640-value="244" data-field-fontsize-res-640-value="26" data-field-top-res-960-value="268" data-field-left-res-960-value="7" data-field-width-res-960-value="160"> <div class='tn-atom'field='tn_text_1623851335307'>Платформа и уроки</div> </div> <div class='t396__elem tn-elem tn-elem__3396765391623851397409' data-elem-id='1623851397409' data-elem-type='text' data-field-top-value="321" data-field-left-value="384" data-field-width-value="434" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="363" data-field-left-res-320-value="10" data-field-width-res-320-value="299" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="374" data-field-left-res-480-value="10" data-field-width-res-480-value="458" data-field-fontsize-res-480-value="18" data-field-top-res-640-value="303" data-field-left-res-640-value="254" data-field-width-res-640-value="373" data-field-fontsize-res-640-value="18" data-field-top-res-960-value="268" data-field-left-res-960-value="253" data-field-width-res-960-value="415"> <div class='tn-atom'field='tn_text_1623851397409'>Записанные лекции от преподавателя в удобном формате. Никакой домашки и фиксированного времени начала занятий — можешь выбрать, когда тебе учиться. </div> </div> <div class='t396__elem tn-elem tn-elem__3396765391623851846953' data-elem-id='1623851846953' data-elem-type='shape' data-field-top-value="530" data-field-left-value="20" data-field-height-value="1" 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-top-res-320-value="513" data-field-left-res-320-value="10" data-field-height-res-320-value="1" data-field-width-res-320-value="290" data-field-top-res-480-value="522" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-top-res-640-value="471" data-field-left-res-640-value="10" data-field-width-res-640-value="620" data-field-top-res-960-value="455" data-field-left-res-960-value="9" data-field-width-res-960-value="940"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3396765391623855112844' data-elem-id='1623855112844' data-elem-type='text' data-field-top-value="597" data-field-left-value="18" data-field-width-value="218" 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="" data-field-widthunits-value="px" data-field-fontsize-value="32" data-field-top-res-320-value="713" data-field-left-res-320-value="10" data-field-width-res-320-value="243" data-field-fontsize-res-320-value="24" data-field-top-res-480-value="726" data-field-left-res-480-value="10" data-field-width-res-480-value="352" data-field-fontsize-res-480-value="24" data-field-top-res-640-value="532" data-field-left-res-640-value="251" data-field-width-res-640-value="291" data-field-fontsize-res-640-value="26" data-field-top-res-960-value="519" data-field-left-res-960-value="6" data-field-width-res-960-value="258"> <div class='tn-atom'field='tn_text_1623855112844'>Полезные материалы</div> </div> <div class='t396__elem tn-elem tn-elem__3396765391623855112848' data-elem-id='1623855112848' data-elem-type='text' data-field-top-value="597" data-field-left-value="384" data-field-width-value="444" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="752" data-field-left-res-320-value="10" data-field-width-res-320-value="291" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="773" data-field-left-res-480-value="10" data-field-width-res-480-value="458" data-field-fontsize-res-480-value="18" data-field-top-res-640-value="579" data-field-left-res-640-value="250" data-field-width-res-640-value="350" data-field-fontsize-res-640-value="18" data-field-top-res-960-value="519" data-field-left-res-960-value="253" data-field-width-res-960-value="436"> <div class='tn-atom'field='tn_text_1623855112848'>Во время обучения у тебя будет доступ к полезным материалам, которые отобрал преподаватель. Эти знания помогут учиться быстрее и не совершать лишних ошибок.</div> </div> <div class='t396__elem tn-elem tn-elem__3396765391623855112851' data-elem-id='1623855112851' data-elem-type='shape' data-field-top-value="824" data-field-left-value="20" data-field-height-value="1" 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-top-res-320-value="902" data-field-left-res-320-value="10" data-field-height-res-320-value="1" data-field-width-res-320-value="290" data-field-top-res-480-value="921" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-top-res-640-value="774" data-field-left-res-640-value="10" data-field-width-res-640-value="620" data-field-top-res-960-value="706" data-field-left-res-960-value="9" data-field-width-res-960-value="940"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3396765391623855249324' data-elem-id='1623855249324' data-elem-type='text' data-field-top-value="908" data-field-left-value="18" data-field-width-value="243" 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="" data-field-widthunits-value="px" data-field-fontsize-value="32" data-field-top-res-320-value="1102" data-field-left-res-320-value="10" data-field-width-res-320-value="282" data-field-fontsize-res-320-value="24" data-field-top-res-480-value="1116" data-field-left-res-480-value="10" data-field-width-res-480-value="352" data-field-fontsize-res-480-value="24" data-field-top-res-640-value="835" data-field-left-res-640-value="252" data-field-width-res-640-value="265" data-field-fontsize-res-640-value="26" data-field-top-res-960-value="768" data-field-left-res-960-value="6"> <div class='tn-atom'field='tn_text_1623855249324'>Отдельный дискорд</div> </div> <div class='t396__elem tn-elem tn-elem__3396765391623855249327' data-elem-id='1623855249327' data-elem-type='text' data-field-top-value="908" data-field-left-value="384" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="1141" data-field-left-res-320-value="10" data-field-width-res-320-value="299" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="1163" data-field-left-res-480-value="11" data-field-width-res-480-value="458" data-field-fontsize-res-480-value="18" data-field-top-res-640-value="882" data-field-left-res-640-value="250" data-field-width-res-640-value="390" data-field-fontsize-res-640-value="18" data-field-top-res-960-value="768" data-field-left-res-960-value="253" data-field-width-res-960-value="445"> <div class='tn-atom'field='tn_text_1623855249327'>Чтобы заниматься в одиночестве было не так тяжело, мы дадим тебе доступ к общешкольному Discord-серверу — сможешь там общаться с единомышленниками.</div> </div> <div class='t396__elem tn-elem tn-elem__3396765391627301762436' data-elem-id='1627301762436' data-elem-type='text' data-field-top-value="120" data-field-left-value="22" data-field-width-value="710" 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="" data-field-widthunits-value="px" data-field-fontsize-value="60" data-field-top-res-320-value="42" data-field-left-res-320-value="12" data-field-width-res-320-value="210" data-field-fontsize-res-320-value="36" data-field-top-res-480-value="42" data-field-left-res-480-value="12" data-field-fontsize-res-480-value="36" data-field-top-res-640-value="62" data-field-left-res-640-value="12" data-field-width-res-640-value="338" data-field-fontsize-res-640-value="48" data-field-top-res-960-value="90" data-field-left-res-960-value="12"> <div class='tn-atom'field='tn_text_1627301762436'>КАК ПРОХОДИТ ОБУЧЕНИЕ</div> </div> <div class='t396__elem tn-elem tn-elem__3396765391627301762445' data-elem-id='1627301762445' data-elem-type='image' data-field-top-value="190" data-field-left-value="20" data-field-width-value="376" 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="" data-field-widthunits-value="px" data-field-filewidth-value="376" data-field-fileheight-value="13" data-field-top-res-320-value="118" data-field-left-res-320-value="10" data-field-width-res-320-value="174" data-field-top-res-480-value="128" data-field-left-res-480-value="10" data-field-width-res-480-value="220" data-field-top-res-640-value="173" data-field-left-res-640-value="10" data-field-width-res-640-value="293" data-field-top-res-960-value="160" data-field-left-res-960-value="12"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3837-6531-4565-a635-303332363565/Vector.svg'
src='https://static.tildacdn.com/tild3837-6531-4565-a635-303332363565/Vector.svg'
alt='' imgfield='tn_img_1627301762445'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3396765391627302243775' data-elem-id='1627302243775' data-elem-type='shape' data-field-top-value="321" data-field-left-value="924" data-field-height-value="157" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-480-value="165" data-field-left-res-480-value="11" data-field-top-res-640-value="256" data-field-left-res-640-value="11" data-field-top-res-960-value="271" data-field-left-res-960-value="730" data-field-height-res-960-value="134" data-field-width-res-960-value="218"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild6265-3332-4338-b338-373733326137/Rectangle_39352.png"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__3396765391627304555279' data-elem-id='1627304555279' data-elem-type='shape' data-field-top-value="597" data-field-left-value="923" data-field-height-value="157" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="554" data-field-left-res-320-value="11" data-field-top-res-480-value="563" data-field-left-res-480-value="11" data-field-top-res-640-value="532" data-field-left-res-640-value="12" data-field-top-res-960-value="519" data-field-left-res-960-value="731" data-field-height-res-960-value="134" data-field-width-res-960-value="218"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3033-3666-4330-b239-626235386162/Rectangle_39353.png"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__3396765391627320323674' data-elem-id='1627320323674' data-elem-type='shape' data-field-top-value="908" data-field-left-value="923" data-field-height-value="157" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="943" data-field-left-res-320-value="10" data-field-top-res-480-value="962" data-field-left-res-480-value="13" data-field-top-res-640-value="835" data-field-left-res-640-value="11" data-field-height-res-640-value="134" data-field-width-res-640-value="218" data-field-top-res-960-value="768" data-field-left-res-960-value="731" data-field-height-res-960-value="134" data-field-width-res-960-value="218"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3866-3063-4336-b139-363739663864/ezgifcom-optimize_1.gif"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__3396765391627369848536 t-animate' data-elem-id='1627369848536' data-elem-type='image' data-field-top-value="-38" data-field-left-value="685" data-field-width-value="457" 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="" data-field-widthunits-value="px" data-animate-style="zoomin" data-animate-duration="1.7" data-animate-scale="0.75" data-field-filewidth-value="934" data-field-fileheight-value="733" data-field-top-res-320-value="587" data-field-left-res-320-value="517" data-field-width-res-320-value="182" data-field-top-res-480-value="12" data-field-left-res-480-value="230" data-field-top-res-640-value="-17" data-field-left-res-640-value="303" data-field-top-res-960-value="-21" data-field-left-res-960-value="629" data-field-width-res-960-value="348"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3838-6636-4434-b266-356666386438/cow.png'
src='https://thb.tildacdn.com/tild3838-6636-4434-b266-356666386438/-/resize/20x/cow.png'
alt='' imgfield='tn_img_1627369848536'
/> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339676539');});});</script> <!-- /T396 --> </div> <div id="rec339669537" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339669537 .t396__artboard {height:445px;background-color:#211D1A;overflow:visible;}#rec339669537 .t396__filter {height:445px;}#rec339669537 .t396__carrier{height:445px;background-position:center bottom;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339669537 .t396__artboard,#rec339669537 .t396__filter,#rec339669537 .t396__carrier {height:440px;}#rec339669537 .t396__filter {}#rec339669537 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339669537 .t396__artboard,#rec339669537 .t396__filter,#rec339669537 .t396__carrier {height:490px;}#rec339669537 .t396__artboard {background-color:#211d1a;}#rec339669537 .t396__filter {}#rec339669537 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339669537 .t396__artboard,#rec339669537 .t396__filter,#rec339669537 .t396__carrier {height:420px;}#rec339669537 .t396__artboard {background-color:#211d1a;}#rec339669537 .t396__filter{background-color:rgba(0,0,0,0);}#rec339669537 .t396__carrier {background-position:center top;background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339669537 .t396__artboard,#rec339669537 .t396__filter,#rec339669537 .t396__carrier {height:450px;}#rec339669537 .t396__filter {}#rec339669537 .t396__carrier {background-attachment:scroll;}}#rec339669537 .tn-elem[data-elem-id="1627300955110"]{z-index:1;top:62px;;left:calc(50% - 600px + 17px);;width:1160px;height:300px;}#rec339669537 .tn-elem[data-elem-id="1627300955110"] .tn-atom{border-radius:20px;background-color:#feaf16;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){#rec339669537 .tn-elem[data-elem-id="1627300955110"]{top:62px;;left:calc(50% - 480px + 17px);;width:933px;height:301px;}}@media screen and (max-width:959px){#rec339669537 .tn-elem[data-elem-id="1627300955110"]{top:43px;;left:calc(50% - 320px + 10px);;width:618px;height:389px;}}@media screen and (max-width:639px){#rec339669537 .tn-elem[data-elem-id="1627300955110"]{top:39px;;left:calc(50% - 240px + 10px);;width:460px;height:323px;}}@media screen and (max-width:479px){#rec339669537 .tn-elem[data-elem-id="1627300955110"]{top:29px;;left:calc(50% - 160px + 0px);;width:100%;height:370px;border-radius:0px;}#rec339669537 .tn-elem[data-elem-id="1627300955110"] .tn-atom{background-size:cover;border-radius:0px;}}#rec339669537 .tn-elem[data-elem-id="1577286564209"]{color:#000000;z-index:2;top:157px;;left:calc(50% - 600px + 80px);;width:360px;height:auto;}#rec339669537 .tn-elem[data-elem-id="1577286564209"] .tn-atom{color:#000000;font-size:60px;font-family:'BebasRoboto',Arial,sans-serif;line-height:0.9;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){#rec339669537 .tn-elem[data-elem-id="1577286564209"]{top:124px;;left:calc(50% - 480px + 68px);;width:480px;height:auto;}#rec339669537 .tn-elem[data-elem-id="1577286564209"] .tn-atom{font-size:60px;background-size:cover;}}@media screen and (max-width:959px){#rec339669537 .tn-elem[data-elem-id="1577286564209"]{top:98px;;left:calc(50% - 320px + 105px);;width:430px;height:auto;text-align:center;}#rec339669537 .tn-elem[data-elem-id="1577286564209"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:639px){#rec339669537 .tn-elem[data-elem-id="1577286564209"]{top:79px;;left:calc(50% - 240px + 75px);;width:330px;height:auto;text-align:left;}#rec339669537 .tn-elem[data-elem-id="1577286564209"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec339669537 .tn-elem[data-elem-id="1577286564209"]{top:76px;;left:calc(50% - 160px + 1px);;width:229px;height:auto;text-align:center;}#rec339669537 .tn-elem[data-elem-id="1577286564209"] .tn-atom{font-size:36px;background-size:cover;}}#rec339669537 .tn-elem[data-elem-id="1577293057837"]{color:#000000;z-index:3;top:157px;;left:calc(50% - 600px + 440px);;width:330px;height:auto;}#rec339669537 .tn-elem[data-elem-id="1577293057837"] .tn-atom{color:#000000;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;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){#rec339669537 .tn-elem[data-elem-id="1577293057837"]{top:125px;;left:calc(50% - 480px + 414px);;width:476px;height:auto;}#rec339669537 .tn-elem[data-elem-id="1577293057837"] .tn-atom{font-size:20px;line-height:1.3;background-size:cover;}}@media screen and (max-width:959px){#rec339669537 .tn-elem[data-elem-id="1577293057837"]{top:182px;;left:calc(50% - 320px + 95px);;width:450px;height:auto;text-align:center;}#rec339669537 .tn-elem[data-elem-id="1577293057837"] .tn-atom{font-size:20px;line-height:1.25;background-size:cover;}}@media screen and (max-width:639px){#rec339669537 .tn-elem[data-elem-id="1577293057837"]{top:139px;;left:calc(50% - 240px + 80px);;width:320px;height:auto;text-align:center;}#rec339669537 .tn-elem[data-elem-id="1577293057837"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:479px){#rec339669537 .tn-elem[data-elem-id="1577293057837"]{top:184px;;left:calc(50% - 160px + 20px);;width:280px;height:auto;text-align:center;}#rec339669537 .tn-elem[data-elem-id="1577293057837"] .tn-atom{font-size:16px;background-size:cover;}}#rec339669537 .tn-elem[data-elem-id="1608624221599"]{color:#000000;text-align:center;z-index:4;top:157px;;left:calc(50% - 600px + 820px);;width:300px;height:64px;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:100;border-radius:200px;background-position:center center;--t396-borderwidth:2px;--t396-bordercolor:#000000;--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-hover-color:#000000;--t396-bgcolor-hover-image:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom::after{display:none;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#000000;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover::after{opacity:0;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}@media (hover),(min-width:0\0){#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover{color:#ffffff;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover .tn-atom__button-text{color:#ffffff;}}@media screen and (max-width:1199px){#rec339669537 .tn-elem[data-elem-id="1608624221599"]{top:232px;;left:calc(50% - 480px + 411px);;width:484px;height:64px;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom::after{display:none;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover::after{opacity:0;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:959px){#rec339669537 .tn-elem[data-elem-id="1608624221599"]{top:301px;;left:calc(50% - 320px + 136px);;width:368px;height:64px;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom::after{display:none;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover::after{opacity:0;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:639px){#rec339669537 .tn-elem[data-elem-id="1608624221599"]{top:263px;;left:calc(50% - 240px + 73px);;width:340px;height:48px;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom{white-space:normal;font-size:14px;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom::after{display:none;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover::after{opacity:0;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:479px){#rec339669537 .tn-elem[data-elem-id="1608624221599"]{top:297px;;left:calc(50% - 160px + 21px);;width:278px;height:48px;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom::after{display:none;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover::after{opacity:0;}#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339669537 .tn-elem[data-elem-id="1608624221599"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}#rec339669537 .tn-elem[data-elem-id="1627301150184"]{z-index:5;top:275px;;left:calc(50% - 600px + 82px);;width:146px;height:auto;}#rec339669537 .tn-elem[data-elem-id="1627301150184"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339669537 .tn-elem[data-elem-id="1627301150184"]{top:245px;;left:calc(50% - 480px + 69px);;height:auto;}}@media screen and (max-width:959px){#rec339669537 .tn-elem[data-elem-id="1627301150184"]{top:146px;;left:calc(50% - 320px + 134px);;height:auto;}}@media screen and (max-width:639px){#rec339669537 .tn-elem[data-elem-id="1627301150184"]{top:114px;;left:calc(50% - 240px + 79px);;width:125px;height:auto;}}@media screen and (max-width:479px){#rec339669537 .tn-elem[data-elem-id="1627301150184"]{top:147px;;left:calc(50% - 160px + 95px);;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339669537" data-artboard-screens="320,480,640,960,1200" data-artboard-height="445" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="450" data-artboard-height-res-480="420" data-artboard-height-res-640="490" data-artboard-height-res-960="440"> <div class="t396__carrier" data-artboard-recid="339669537"></div> <div class="t396__filter" data-artboard-recid="339669537"></div> <div class='t396__elem tn-elem tn-elem__3396695371627300955110' data-elem-id='1627300955110' data-elem-type='shape' data-field-top-value="62" data-field-left-value="17" data-field-height-value="300" 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-top-res-320-value="29" data-field-left-res-320-value="0" data-field-height-res-320-value="370" data-field-width-res-320-value="100" data-field-container-res-320-value="window" data-field-widthunits-res-320-value="%" data-field-top-res-480-value="39" data-field-left-res-480-value="10" data-field-height-res-480-value="323" data-field-width-res-480-value="460" data-field-top-res-640-value="43" data-field-left-res-640-value="10" data-field-height-res-640-value="389" data-field-width-res-640-value="618" data-field-top-res-960-value="62" data-field-left-res-960-value="17" data-field-height-res-960-value="301" data-field-width-res-960-value="933"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3396695371577286564209' data-elem-id='1577286564209' data-elem-type='text' data-field-top-value="157" data-field-left-value="80" data-field-width-value="360" 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="" data-field-widthunits-value="px" data-field-fontsize-value="60" data-field-top-res-320-value="76" data-field-left-res-320-value="1" data-field-width-res-320-value="229" data-field-axisx-res-320-value="center" data-field-fontsize-res-320-value="36" data-field-top-res-480-value="79" data-field-left-res-480-value="75" data-field-width-res-480-value="330" data-field-fontsize-res-480-value="36" data-field-top-res-640-value="98" data-field-left-res-640-value="105" data-field-width-res-640-value="430" data-field-fontsize-res-640-value="48" data-field-top-res-960-value="124" data-field-left-res-960-value="68" data-field-width-res-960-value="480" data-field-fontsize-res-960-value="60"> <div class='tn-atom'field='tn_text_1577286564209'>ОСТАЛИСЬ ВОПРОСЫ?</div> </div> <div class='t396__elem tn-elem tn-elem__3396695371577293057837' data-elem-id='1577293057837' data-elem-type='text' data-field-top-value="157" data-field-left-value="440" data-field-width-value="330" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="184" data-field-left-res-320-value="20" data-field-width-res-320-value="280" data-field-axisx-res-320-value="left" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="139" data-field-left-res-480-value="80" data-field-width-res-480-value="320" data-field-fontsize-res-480-value="18" data-field-top-res-640-value="182" data-field-left-res-640-value="95" data-field-width-res-640-value="450" data-field-fontsize-res-640-value="20" data-field-top-res-960-value="125" data-field-left-res-960-value="414" data-field-width-res-960-value="476" data-field-fontsize-res-960-value="20"> <div class='tn-atom'field='tn_text_1577293057837'>Оставь свой номер — тебе позвонит менеджер и поможет разобраться с программой и организацией курса</div> </div> <div class='t396__elem tn-elem tn-elem__3396695371608624221599' data-elem-id='1608624221599' data-elem-type='button' data-field-top-value="157" data-field-left-value="820" 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="" data-field-widthunits-value="" data-field-fontsize-value="16" data-field-top-res-320-value="297" data-field-left-res-320-value="21" data-field-height-res-320-value="48" data-field-width-res-320-value="278" data-field-top-res-480-value="263" data-field-left-res-480-value="73" data-field-height-res-480-value="48" data-field-width-res-480-value="340" data-field-fontsize-res-480-value="14" data-field-top-res-640-value="301" data-field-left-res-640-value="136" data-field-height-res-640-value="64" data-field-width-res-640-value="368" data-field-top-res-960-value="232" data-field-left-res-960-value="411" data-field-height-res-960-value="64" data-field-width-res-960-value="484"> <a class='tn-atom' href="#popup:call" rel="nofollow" target="_blank"> <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__3396695371627301150184' data-elem-id='1627301150184' data-elem-type='image' data-field-top-value="275" data-field-left-value="82" data-field-width-value="146" 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="" data-field-widthunits-value="px" data-field-filewidth-value="146" data-field-fileheight-value="14" data-field-top-res-320-value="147" data-field-left-res-320-value="95" data-field-top-res-480-value="114" data-field-left-res-480-value="79" data-field-width-res-480-value="125" data-field-top-res-640-value="146" data-field-left-res-640-value="134" data-field-top-res-960-value="245" data-field-left-res-960-value="69"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3164-6565-4263-b233-663430313032/Vector_black.svg'
src='https://static.tildacdn.com/tild3164-6565-4263-b233-663430313032/Vector_black.svg'
alt='' imgfield='tn_img_1627301150184'
/> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339669537');});});</script> <!-- /T396 --> </div> <div id="rec339802257" class="r t-rec" style=" " data-animationappear="off" data-record-type="702"> <!-- T702 --> <div class="t702"> <div
class="t-popup" data-tooltip-hook="#popup:call"
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> <style>@media screen and (max-width:560px){#rec339802257 .t-popup__close-icon g{fill:#ffffff !important;}}</style> <div class="t-popup__container t-width t-width_6" data-popup-type="702"> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_center"> </div> <form
id="form339802257" name='form339802257' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group" class="t-form js-form-proccess t-form_inputs-total_3 " data-success-callback="t702_onSuccess"> <input type="hidden" name="formservices[]" value="7218f89c8cb56ce1cd3cfc0af50fb014" 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="Intro Нарративный дизайн"> <!-- @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="1495810359387" data-field-type="nm" data-field-name="name"> <label
for='input_1495810359387'
class="t-input-title t-descr t-descr_md"
id="field-title_1495810359387" data-redactor-toolbar="no"
field="li_title__1495810359387"
style="color:;">Как тебя зовут?</label> <div class="t-input-block " style="border-radius:5px;"> <input
type="text"
autocomplete="name"
name="name"
id="input_1495810359387"
class="t-input js-tilda-rule"
value=""
placeholder="Иван" data-tilda-req="1" aria-required="true" data-tilda-rule="name"
aria-describedby="error_1495810359387"
style="color:#000000;border:1px solid #c9c9c9;border-radius:5px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1495810359387"></div> </div> <div
class="t-input-group t-input-group_ph " data-input-lid="1613725255096" data-field-async="true" data-field-type="ph" data-field-name="Phone"> <label
for='input_1613725255096'
class="t-input-title t-descr t-descr_md"
id="field-title_1613725255096" data-redactor-toolbar="no"
field="li_title__1613725255096"
style="color:;">Телефон</label> <div
class="t-input-subtitle t-descr t-descr_xxs t-opacity_70" data-redactor-toolbar="no"
field="li_subtitle__1613725255096"
style="color:;">Для быстрой связи</div> <div class="t-input-block " style="border-radius:5px;"> <input
type="tel"
autocomplete="tel"
name="Phone"
id="input_1613725255096" data-phonemask-init="no" data-phonemask-id="339802257" data-phonemask-lid="1613725255096" 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_1613725255096"
style="color:#000000;border:1px solid #c9c9c9;border-radius:5px;"> <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('#rec339802257 [data-phonemask-lid="1613725255096"]');t_form_phonemask_load(phoneMasks);});})})});</script> </div> <div class="t-input-error" aria-live="polite" id="error_1613725255096"></div> </div> <input type="hidden" name="form_type" tabindex="-1" value="Консультация intro"> <input type="hidden" name="is_free" tabindex="-1" value="true"> <div
class="t-input-group t-input-group_cb " data-input-lid="1624609054265" data-field-type="cb" data-field-name="privacy" data-default-value=y
> <div class="t-input-block " style="border-radius:5px;"> <label
class="t-checkbox__control t-checkbox__control_flex t-text t-text_xs"
style=""> <input
type="checkbox"
name="privacy"
value="yes"
class="t-checkbox js-tilda-rule"
checked data-tilda-req="1" aria-required="true"> <div
class="t-checkbox__indicator"></div> <span><div style="font-size: 14px;" data-customstyle="yes"><span style="font-weight: 400; color: rgb(145, 145, 148);">Я согласен с </span><a href="https://school-xyz.com/privacy-policy" target="_blank" rel="noreferrer noopener" style="color: rgb(145, 145, 148); border-bottom: 1px solid rgb(145, 145, 148); box-shadow: none; text-decoration: none; font-weight: 400;">Политикой обработки персональных данных, Согласием Пользователя сайта на обработку персональных данных</a><span style="color: rgb(145, 145, 148); font-weight: 400;"> и </span><a href="https://network-xyz.com/ru/info/agreement" target="_blank" rel="noreferrer noopener" style="color: rgb(145, 145, 148); border-bottom: 1px solid rgb(145, 145, 148); box-shadow: none; text-decoration: none; font-weight: 400;">договором публичной оферты</a></div></span></label> </div> <div class="t-input-error" aria-live="polite" id="error_1624609054265"></div> </div> <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>#rec339802257 .t-btnflex.t-btnflex_type_submit {color:#ffffff;background-color:#29b258;--border-width:0px;border-style:none !important;border-radius:8px;box-shadow:none !important;font-family:BebasRoboto;font-weight:100;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}</style></button> </div> </div> <div class="t-form__errorbox-bottom"> <!--noindex--> <div
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>#rec339802257 input::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec339802257 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec339802257 input:-moz-placeholder {color:#000000;opacity:0.5;}#rec339802257 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec339802257 textarea::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec339802257 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec339802257 textarea:-moz-placeholder {color:#000000;opacity:0.5;}#rec339802257 textarea:-ms-input-placeholder{color:#000000;opacity:0.5;}</style> <div class="t702__form-bottom-text t-text t-text_xs t-align_center"><div style="text-align: center;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t702_initPopup',function() {t702_initPopup('339802257');});});</script> </div> <div id="rec339802860" class="r t-rec" style=" " data-animationappear="off" data-record-type="702"> <!-- T702 --> <div class="t702"> <div
class="t-popup" data-tooltip-hook="#PopupIntroCourseRegistration"
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> <style>@media screen and (max-width:560px){#rec339802860 .t-popup__close-icon g{fill:#ffffff !important;}}</style> <div class="t-popup__container t-width t-width_6" data-popup-type="702"> <img class="t702__img t-img"
src="https://thb.tildacdn.com/tild6633-3563-4436-b133-343930346437/-/empty/regintrohud.jpg" data-original="https://static.tildacdn.com/tild6633-3563-4436-b133-343930346437/regintrohud.jpg"
imgfield="img"
alt=""> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_center"> </div> <form
id="form339802860" name='form339802860' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group" data-success-url="https://learn.school-xyz.com/ru/courses/intro-narrativnyj-design/" class="t-form js-form-proccess t-form_inputs-total_5 " data-success-callback="t702_onSuccess"> <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="Intro Нарративный дизайн"> <!-- @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;" data-success-message="Спасибо! Ты успешно зарегистрирован."></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="1495810359387" data-field-type="nm" data-field-name="name"> <label
for='input_1495810359387'
class="t-input-title t-descr t-descr_md"
id="field-title_1495810359387" data-redactor-toolbar="no"
field="li_title__1495810359387"
style="color:;">Как тебя зовут?</label> <div class="t-input-block " style="border-radius:5px;"> <input
type="text"
autocomplete="name"
name="name"
id="input_1495810359387"
class="t-input js-tilda-rule"
value=""
placeholder="Иван" data-tilda-req="1" aria-required="true" data-tilda-rule="name"
aria-describedby="error_1495810359387"
style="color:#000000;border:1px solid #c9c9c9;border-radius:5px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1495810359387"></div> </div> <div
class="t-input-group t-input-group_ph " data-input-lid="1495810354468" data-field-async="true" data-field-type="ph" data-field-name="Phone"> <label
for='input_1495810354468'
class="t-input-title t-descr t-descr_md"
id="field-title_1495810354468" data-redactor-toolbar="no"
field="li_title__1495810354468"
style="color:;">Телефон</label> <div
class="t-input-subtitle t-descr t-descr_xxs t-opacity_70" data-redactor-toolbar="no"
field="li_subtitle__1495810354468"
style="color:;">Для быстрой связи</div> <div class="t-input-block " style="border-radius:5px;"> <input
type="tel"
autocomplete="tel"
name="Phone"
id="input_1495810354468" data-phonemask-init="no" data-phonemask-id="339802860" data-phonemask-lid="1495810354468" 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_1495810354468"
style="color:#000000;border:1px solid #c9c9c9;border-radius:5px;"> <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('#rec339802860 [data-phonemask-lid="1495810354468"]');t_form_phonemask_load(phoneMasks);});})})});</script> </div> <div class="t-input-error" aria-live="polite" id="error_1495810354468"></div> </div> <div
class="t-input-group t-input-group_em " data-input-lid="1613647633738" data-field-type="em" data-field-name="Email"> <label
for='input_1613647633738'
class="t-input-title t-descr t-descr_md"
id="field-title_1613647633738" data-redactor-toolbar="no"
field="li_title__1613647633738"
style="color:;">Почта</label> <div
class="t-input-subtitle t-descr t-descr_xxs t-opacity_70" data-redactor-toolbar="no"
field="li_subtitle__1613647633738"
style="color:;">Для рассылки об акциях и скидках</div> <div class="t-input-block " style="border-radius:5px;"> <input
type="email"
autocomplete="email"
name="Email"
id="input_1613647633738"
class="t-input js-tilda-rule"
value=""
placeholder="hello@school-xyz.com" data-tilda-req="1" aria-required="true" data-tilda-rule="email"
aria-describedby="error_1613647633738"
style="color:#000000;border:1px solid #c9c9c9;border-radius:5px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1613647633738"></div> </div> <input type="hidden" name="course_slug" tabindex="-1" value="intro-narrativnyj-design"> <input type="hidden" name="is_free" tabindex="-1" value="true"> <input type="hidden" name="is_registration_form" tabindex="-1" value="true"> <input type="hidden" name="form_type" tabindex="-1" value="Регистрация intro"> <div
class="t-input-group t-input-group_cb " data-input-lid="1691149695583" data-field-type="cb" data-field-name="privacy" data-default-value=y
> <div class="t-input-block " style="border-radius:5px;"> <label
class="t-checkbox__control t-checkbox__control_flex t-text t-text_xs"
style=""> <input
type="checkbox"
name="privacy"
value="yes"
class="t-checkbox js-tilda-rule"
checked data-tilda-req="1" aria-required="true"> <div
class="t-checkbox__indicator"></div> <span><div style="font-size: 14px;" data-customstyle="yes"><span style="font-weight: 400; color: rgb(145, 145, 148);">Я согласен с </span><a href="https://school-xyz.com/privacy-policy" target="_blank" rel="noreferrer noopener" style="color: rgb(145, 145, 148); border-bottom: 1px solid rgb(145, 145, 148); box-shadow: none; text-decoration: none; font-weight: 400;">Политикой обработки персональных данных, Согласием Пользователя сайта на обработку персональных данных</a><span style="color: rgb(145, 145, 148); font-weight: 400;"> и </span><a href="https://network-xyz.com/ru/info/agreement" target="_blank" rel="noreferrer noopener" style="color: rgb(145, 145, 148); border-bottom: 1px solid rgb(145, 145, 148); box-shadow: none; text-decoration: none; font-weight: 400;">договором публичной оферты</a></div></span></label> </div> <div class="t-input-error" aria-live="polite" id="error_1691149695583"></div> </div> <div
class="t-input-group t-input-group_cb " data-input-lid="1691149711652" data-field-type="cb" data-field-name="check"> <div class="t-input-block " style="border-radius:5px;"> <label
class="t-checkbox__control t-checkbox__control_flex t-text t-text_xs"
style=""> <input
type="checkbox"
name="check"
value="yes"
class="t-checkbox js-tilda-rule"> <div
class="t-checkbox__indicator"></div> <span><div style="font-size: 14px;" data-customstyle="yes"><span style="font-weight: 400; color: rgb(145, 145, 148);">Я согласен получать рекламную рассылку и ознакомился с </span><a href="https://school-xyz.com/privacy-policy" target="_blank" rel="noreferrer noopener" style="color: rgb(145, 145, 148); border-bottom: 1px solid rgb(145, 145, 148); box-shadow: none; text-decoration: none; font-weight: 400;">Согласием на получение рекламной рассылки</a></div></span></label> </div> <div class="t-input-error" aria-live="polite" id="error_1691149711652"></div> </div> <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>#rec339802860 .t-btnflex.t-btnflex_type_submit {color:#000000;background-color:#feaf16;--border-width:0px;border-style:none !important;border-radius:5px;box-shadow:none !important;font-family:BebasRoboto;font-weight:100;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}</style></button> </div> </div> <div class="t-form__errorbox-bottom"> <!--noindex--> <div
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>#rec339802860 input::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec339802860 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec339802860 input:-moz-placeholder {color:#000000;opacity:0.5;}#rec339802860 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec339802860 textarea::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec339802860 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec339802860 textarea:-moz-placeholder {color:#000000;opacity:0.5;}#rec339802860 textarea:-ms-input-placeholder{color:#000000;opacity:0.5;}</style> <div class="t702__form-bottom-text t-text t-text_xs t-align_center"><div style="text-align: center;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t702_initPopup',function() {t702_initPopup('339802860');});});</script> </div> <div id="rec339705056" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339705056 .t396__artboard {height:260px;background-color:#211D1A;overflow:visible;}#rec339705056 .t396__filter {height:260px;}#rec339705056 .t396__carrier{height:260px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339705056 .t396__artboard,#rec339705056 .t396__filter,#rec339705056 .t396__carrier {height:260px;}#rec339705056 .t396__filter {}#rec339705056 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339705056 .t396__artboard,#rec339705056 .t396__filter,#rec339705056 .t396__carrier {height:240px;}#rec339705056 .t396__filter {}#rec339705056 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339705056 .t396__artboard,#rec339705056 .t396__filter,#rec339705056 .t396__carrier {height:170px;}#rec339705056 .t396__filter {}#rec339705056 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339705056 .t396__artboard,#rec339705056 .t396__filter,#rec339705056 .t396__carrier {height:160px;}#rec339705056 .t396__filter {}#rec339705056 .t396__carrier {background-attachment:scroll;}}#rec339705056 .tn-elem[data-elem-id="1581084309462"]{color:#ffffff;z-index:3;top:140px;;left:calc(50% - 600px + 20px);;width:809px;height:auto;}#rec339705056 .tn-elem[data-elem-id="1581084309462"] .tn-atom{color:#ffffff;font-size:60px;font-family:'BebasRoboto',Arial,sans-serif;line-height:0.9;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){#rec339705056 .tn-elem[data-elem-id="1581084309462"]{top:134px;;left:calc(50% - 480px + 10px);;width:750px;height:auto;}#rec339705056 .tn-elem[data-elem-id="1581084309462"] .tn-atom{font-size:60px;background-size:cover;}}@media screen and (max-width:959px){#rec339705056 .tn-elem[data-elem-id="1581084309462"]{top:89px;;left:calc(50% - 320px + 10px);;width:490px;height:auto;}#rec339705056 .tn-elem[data-elem-id="1581084309462"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:639px){#rec339705056 .tn-elem[data-elem-id="1581084309462"]{top:54px;;left:calc(50% - 240px + 10px);;width:310px;height:auto;}#rec339705056 .tn-elem[data-elem-id="1581084309462"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec339705056 .tn-elem[data-elem-id="1581084309462"]{top:49px;;left:calc(50% - 160px + 10px);;width:300px;height:auto;}#rec339705056 .tn-elem[data-elem-id="1581084309462"] .tn-atom{font-size:36px;background-size:cover;}}#rec339705056 .tn-elem[data-elem-id="1620096505684"]{z-index:4;top:213px;;left:calc(50% - 600px + 16px);;width:376px;height:auto;}#rec339705056 .tn-elem[data-elem-id="1620096505684"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339705056 .tn-elem[data-elem-id="1620096505684"]{top:200px;;left:calc(50% - 480px + 5px);;height:auto;}}@media screen and (max-width:959px){#rec339705056 .tn-elem[data-elem-id="1620096505684"]{top:185px;;left:calc(50% - 320px + 7px);;width:316px;height:auto;}}@media screen and (max-width:639px){#rec339705056 .tn-elem[data-elem-id="1620096505684"]{top:128px;;left:calc(50% - 240px + 7px);;width:268px;height:auto;}}@media screen and (max-width:479px){#rec339705056 .tn-elem[data-elem-id="1620096505684"]{top:122px;;left:calc(50% - 160px + 13px);;width:170px;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339705056" data-artboard-screens="320,480,640,960,1200" data-artboard-height="260" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="160" data-artboard-height-res-480="170" data-artboard-height-res-640="240" data-artboard-height-res-960="260"> <div class="t396__carrier" data-artboard-recid="339705056"></div> <div class="t396__filter" data-artboard-recid="339705056"></div> <div class='t396__elem tn-elem tn-elem__3397050561581084309462' data-elem-id='1581084309462' data-elem-type='text' data-field-top-value="140" data-field-left-value="20" data-field-width-value="809" 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="" data-field-widthunits-value="px" data-field-fontsize-value="60" data-field-top-res-320-value="49" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-fontsize-res-320-value="36" data-field-top-res-480-value="54" data-field-left-res-480-value="10" data-field-width-res-480-value="310" data-field-fontsize-res-480-value="36" data-field-top-res-640-value="89" data-field-left-res-640-value="10" data-field-width-res-640-value="490" data-field-fontsize-res-640-value="48" data-field-top-res-960-value="134" data-field-left-res-960-value="10" data-field-width-res-960-value="750" data-field-fontsize-res-960-value="60"> <h2 class='tn-atom'field='tn_text_1581084309462'>ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ</h2> </div> <div class='t396__elem tn-elem tn-elem__3397050561620096505684' data-elem-id='1620096505684' data-elem-type='image' data-field-top-value="213" data-field-left-value="16" data-field-width-value="376" 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="" data-field-widthunits-value="px" data-field-filewidth-value="376" data-field-fileheight-value="13" data-field-top-res-320-value="122" data-field-left-res-320-value="13" data-field-width-res-320-value="170" data-field-top-res-480-value="128" data-field-left-res-480-value="7" data-field-width-res-480-value="268" data-field-top-res-640-value="185" data-field-left-res-640-value="7" data-field-width-res-640-value="316" data-field-top-res-960-value="200" data-field-left-res-960-value="5"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3533-3162-4237-b563-333864373837/Vector_quest.svg'
src='https://static.tildacdn.com/tild3533-3162-4237-b563-333864373837/Vector_quest.svg'
alt='' imgfield='tn_img_1620096505684'
/> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339705056');});});</script> <!-- /T396 --> </div> <div id="rec339705437" class="r t-rec t-rec_pt-res-480_30 t-rec_pb_60 t-rec_pb-res-480_60 t-screenmin-640px" style="padding-bottom:60px;background-color:#211d1a; " data-animationappear="off" data-record-type="585" data-screen-min="640px" data-bg-color="#211d1a"> <!-- 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 #6f7789"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion1_339705437"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__1480611044356">Какой следующий шаг после курс Intro?</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: #feaf16"></span> </span> </button> </div> <div class="t585__content"
id="accordion1_339705437"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1480611044356">Если хочешь развиваться в профессии дальше, пройди наш полный курс по нарративному дизайну. Он стартует 1 августа, но записаться можно уже сейчас. Оставить заявку и узнать подробности можно <a href="https://vk.com/away.php?to=https%3A%2F%2Fwww.school-xyz.com%2Fnarrativnyj-design&cc_key=" rel="noreferrer noopener" target="_blank" style="color: rgb(254, 175, 22);">на странице курса.</a></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 #6f7789"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion2_339705437"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__1480611048442">Смогу ли задать вопрос преподавателю?</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: #feaf16"></span> </span> </button> </div> <div class="t585__content"
id="accordion2_339705437"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1480611048442">Нет, бесплатный курс состоит только из записанных лекций. Если хочешь общаться с преподавателем и наставниками, получать от них фидбек и задавать вопросы — записывайся на основной курс по нарративному. Или можешь пообщаться с другими студентами, которые проходят бесплатный курс. Сделать это можно будет в отдельном Discord-канале. </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 #6f7789"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion3_339705437"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__1627305314969">На курсе будет домашнее задание?</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: #feaf16"></span> </span> </button> </div> <div class="t585__content"
id="accordion3_339705437"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1627305314969">Обычно на intro курсах не бывает домашних заданий, но Константин Файзуллин его подготовил. Проверять его никто не будет. Задание нужно, чтобы проверить полученные знания и закрепить их. </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 #6f7789"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion4_339705437"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__1627305339235">Где может работать нарративный дизайнер?</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: #feaf16"></span> </span> </button> </div> <div class="t585__content"
id="accordion4_339705437"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1627305339235">В игровых студиях. Нарративный дизайнер нужен в каждой игре. Иначе играть будет скучно — в ней не будет ни сюжета, ни диалогов. </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 #6f7789"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion5_339705437"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__1627305465542">Из каких профессий можно перейти в нарративный дизайн?</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: #feaf16"></span> </span> </button> </div> <div class="t585__content"
id="accordion5_339705437"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1627305465542">Можно начать с нуля. Но легче будет геймдизайнерам. А ещё сценаристам или писателям — они уже умеют создавать истории и придумывать диалоги.</div> </div> </div> </div> </div> <div class="t585__border" style="height: 1px; background-color: #6f7789"></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t585_init',function() {t585_init('339705437');});});</script> <style> #rec339705437 .t585__title{color:#ffffff;font-family:'BebasRoboto';font-weight:300;}@media screen and (min-width:480px){#rec339705437 .t585__title{font-size:30px;line-height:1.56;}}#rec339705437 .t585__text{font-size:18px;color:#ffffff;}</style> </div> <div id="rec339705670" class="r t-rec t-rec_pt-res-480_15 t-rec_pb_45 t-rec_pb-res-480_60 t-screenmax-640px" style="padding-bottom:45px;background-color:#211d1a; " data-animationappear="off" data-record-type="585" data-screen-max="640px" data-bg-color="#211d1a"> <!-- 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 #6f7789"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion1_339705670"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__1627305517063">Какой следующий шаг после курс Intro?</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: #df4c35"></span> </span> </button> </div> <div class="t585__content"
id="accordion1_339705670"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1627305517063">Если хочешь развиваться в профессии дальше, пройди наш полный курс по нарративному дизайну. Он стартует 1 августа, но записаться можно уже сейчас. Оставить заявку и узнать подробности можно <a href="https://vk.com/away.php?to=https%3A%2F%2Fwww.school-xyz.com%2Fnarrativnyj-design&cc_key=" rel="noreferrer noopener" target="_blank" style="color: rgb(254, 175, 22);">на странице курса.</a></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 #6f7789"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion2_339705670"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__1627305524187">Смогу ли задать вопрос преподавателю?</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: #df4c35"></span> </span> </button> </div> <div class="t585__content"
id="accordion2_339705670"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1627305524187">Нет, бесплатный курс состоит только из записанных лекций. Если хочешь общаться с преподавателем и наставниками, получать от них фидбек и задавать вопросы — записывайся на основной курс по нарративному. Или можешь пообщаться с другими студентами, которые проходят бесплатный курс. Сделать это можно будет в отдельном Discord-канале.</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 #6f7789"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion3_339705670"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__1627305533196">На курсе будет домашнее задание?</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: #df4c35"></span> </span> </button> </div> <div class="t585__content"
id="accordion3_339705670"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1627305533196">Обычно на intro курсах не бывает домашних заданий, но Константин Файзуллин его подготовил. Проверять его никто не будет. Задание нужно, чтобы проверить полученные знания и закрепить их.</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 #6f7789"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion4_339705670"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__1627305542632">Где может работать нарративный дизайнер?</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: #df4c35"></span> </span> </button> </div> <div class="t585__content"
id="accordion4_339705670"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1627305542632">В игровых студиях. Нарративный дизайнер нужен в каждой игре. Иначе играть будет скучно — в ней не будет ни сюжета, ни диалогов.</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 #6f7789"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion5_339705670"
aria-expanded="false"
style="padding-top:24px;padding-bottom:24px;"> <span class="t585__title t-name t-name_xl" field="li_title__1627305553161">Из каких профессий можно перейти в нарративный дизайн?</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: #df4c35"></span> </span> </button> </div> <div class="t585__content"
id="accordion5_339705670"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1627305553161">Можно начать с нуля. Но легче будет геймдизайнерам. А ещё сценаристам или писателям — они уже умеют создавать истории и придумывать диалоги.</div> </div> </div> </div> </div> <div class="t585__border" style="height: 1px; background-color: #6f7789"></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t585_init',function() {t585_init('339705670');});});</script> <style> #rec339705670 .t585__title{font-size:24px;line-height:1.56;color:#ffffff;font-family:'BebasRoboto';font-weight:300;}#rec339705670 .t585__text{font-size:14px;color:#ffffff;}</style> </div> <div id="rec339664533" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec339664533 .t396__artboard {height:575px;background-color:#211D1A;overflow:visible;}#rec339664533 .t396__filter {height:575px;}#rec339664533 .t396__carrier{height:575px;background-position:center bottom;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339664533 .t396__artboard,#rec339664533 .t396__filter,#rec339664533 .t396__carrier {height:550px;}#rec339664533 .t396__filter {}#rec339664533 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339664533 .t396__artboard,#rec339664533 .t396__filter,#rec339664533 .t396__carrier {height:360px;}#rec339664533 .t396__filter {}#rec339664533 .t396__carrier {background-position:left bottom;background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339664533 .t396__artboard,#rec339664533 .t396__filter,#rec339664533 .t396__carrier {height:330px;}#rec339664533 .t396__artboard {background-color:#211D1A;}#rec339664533 .t396__filter{background-color:rgba(0,0,0,0);}#rec339664533 .t396__carrier {background-position:right top;background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339664533 .t396__artboard,#rec339664533 .t396__filter,#rec339664533 .t396__carrier {height:580px;}#rec339664533 .t396__filter {}#rec339664533 .t396__carrier {background-position:right center;background-attachment:scroll;}}#rec339664533 .tn-elem[data-elem-id="1627377010578"]{z-index:10;top:-150px;;left:calc(50% - 600px + 346px);;width:1028px;height:auto;pointer-events:none;}#rec339664533 .tn-elem[data-elem-id="1627377010578"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339664533 .tn-elem[data-elem-id="1627377010578"]{top:-297px;;left:calc(50% - 480px + 60px);;height:auto;}}@media screen and (max-width:959px){#rec339664533 .tn-elem[data-elem-id="1627377010578"]{top:-251px;;left:calc(50% - 320px + -33px);;width:978px;height:auto;}}@media screen and (max-width:639px){#rec339664533 .tn-elem[data-elem-id="1627377010578"]{top:-213px;;left:calc(50% - 240px + 0px);;width:780px;height:auto;}}@media screen and (max-width:479px){#rec339664533 .tn-elem[data-elem-id="1627377010578"]{top:53px;;left:calc(50% - 160px + -219px);;height:auto;}}#rec339664533 .tn-elem[data-elem-id="1577286564209"]{color:#ffffff;z-index:11;top:178px;;left:calc(50% - 600px + 20px);;width:578px;height:auto;}#rec339664533 .tn-elem[data-elem-id="1577286564209"] .tn-atom{color:#ffffff;font-size:60px;font-family:'BebasRoboto',Arial,sans-serif;line-height:0.9;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){#rec339664533 .tn-elem[data-elem-id="1577286564209"]{top:137px;;left:calc(50% - 480px + 10px);;width:400px;height:auto;}#rec339664533 .tn-elem[data-elem-id="1577286564209"] .tn-atom{font-size:60px;background-size:cover;}}@media screen and (max-width:959px){#rec339664533 .tn-elem[data-elem-id="1577286564209"]{top:70px;;left:calc(50% - 320px + 10px);;width:360px;height:auto;text-align:left;}#rec339664533 .tn-elem[data-elem-id="1577286564209"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:639px){#rec339664533 .tn-elem[data-elem-id="1577286564209"]{top:75px;;left:calc(50% - 240px + 10px);;width:240px;height:auto;text-align:left;}#rec339664533 .tn-elem[data-elem-id="1577286564209"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec339664533 .tn-elem[data-elem-id="1577286564209"]{top:57px;;left:calc(50% - 160px + 11px);;width:302px;height:auto;text-align:center;}#rec339664533 .tn-elem[data-elem-id="1577286564209"] .tn-atom{font-size:36px;background-size:cover;}}#rec339664533 .tn-elem[data-elem-id="1608628159132"]{color:#ffffff;text-align:center;z-index:12;top:319px;;left:calc(50% - 600px + 23px);;width:186px;height:60px;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:100;border-radius:200px;background-position:center center;--t396-borderwidth:2px;--t396-bordercolor:#feaf16;--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-hover-color:#feaf16;--t396-bgcolor-hover-image:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom::after{display:none;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom:hover::after{opacity:0;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}@media screen and (max-width:1199px){#rec339664533 .tn-elem[data-elem-id="1608628159132"]{top:330px;;left:calc(50% - 480px + 9px);;width:300px;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom::after{display:none;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom:hover::after{opacity:0;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:959px){#rec339664533 .tn-elem[data-elem-id="1608628159132"]{top:227px;;left:calc(50% - 320px + 11px);;width:px;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom::after{display:none;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom:hover::after{opacity:0;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:639px){#rec339664533 .tn-elem[data-elem-id="1608628159132"]{top:195px;;left:calc(50% - 240px + 12px);;width:240px;height:60px;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom{white-space:normal;font-size:14px;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom::after{display:none;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom:hover::after{opacity:0;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:479px){#rec339664533 .tn-elem[data-elem-id="1608628159132"]{top:178px;;left:calc(50% - 160px + 12px);;width:300px;height:60px;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom{white-space:normal;font-size:14px;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom::after{display:none;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom:hover::after{opacity:0;}#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339664533 .tn-elem[data-elem-id="1608628159132"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}#rec339664533 .tn-elem[data-elem-id="1627367494040"]{z-index:13;top:-35px;;left:calc(50% - 600px + 455px);;width:684px;height:auto;pointer-events:none;}#rec339664533 .tn-elem[data-elem-id="1627367494040"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339664533 .tn-elem[data-elem-id="1627367494040"]{top:-45px;;left:calc(50% - 480px + 278px);;height:auto;}}@media screen and (max-width:959px){#rec339664533 .tn-elem[data-elem-id="1627367494040"]{top:-6px;;left:calc(50% - 320px + 235px);;width:416px;height:auto;}}@media screen and (max-width:639px){#rec339664533 .tn-elem[data-elem-id="1627367494040"]{top:22px;;left:calc(50% - 240px + 197px);;width:309px;height:auto;}}@media screen and (max-width:479px){#rec339664533 .tn-elem[data-elem-id="1627367494040"]{top:198px;;left:calc(50% - 160px + -71px);;width:394px;height:auto;}}#rec339664533 .tn-elem[data-elem-id="1627462418808"]{color:#ffffff;z-index:14;top:321px;;left:calc(50% - 600px + 1076px);;width:114px;height:auto;}#rec339664533 .tn-elem[data-elem-id="1627462418808"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.3;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){#rec339664533 .tn-elem[data-elem-id="1627462418808"]{top:442px;;left:calc(50% - 480px + 852px);;width:110px;height:auto;}}@media screen and (max-width:959px){#rec339664533 .tn-elem[data-elem-id="1627462418808"]{top:36px;;left:calc(50% - 320px + 452px);;width:140px;height:auto;}#rec339664533 .tn-elem[data-elem-id="1627462418808"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:639px){#rec339664533 .tn-elem[data-elem-id="1627462418808"]{top:41px;;left:calc(50% - 240px + 354px);;width:98px;height:auto;}#rec339664533 .tn-elem[data-elem-id="1627462418808"] .tn-atom{font-size:12px;background-size:cover;}}@media screen and (max-width:479px){#rec339664533 .tn-elem[data-elem-id="1627462418808"]{top:517px;;left:calc(50% - 160px + 208px);;width:116px;height:auto;}#rec339664533 .tn-elem[data-elem-id="1627462418808"] .tn-atom{font-size:12px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339664533" data-artboard-screens="320,480,640,960,1200" data-artboard-height="575" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="580" data-artboard-height-res-480="330" data-artboard-height-res-640="360" data-artboard-height-res-960="550"> <div class="t396__carrier" data-artboard-recid="339664533"></div> <div class="t396__filter" data-artboard-recid="339664533"></div> <div class='t396__elem tn-elem tn-elem__3396645331627377010578' data-elem-id='1627377010578' data-elem-type='image' data-field-top-value="-150" data-field-left-value="346" data-field-width-value="1028" 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="" data-field-widthunits-value="px" data-field-filewidth-value="998" data-field-fileheight-value="879" data-field-top-res-320-value="53" data-field-left-res-320-value="-219" data-field-top-res-480-value="-213" data-field-left-res-480-value="0" data-field-width-res-480-value="780" data-field-top-res-640-value="-251" data-field-left-res-640-value="-33" data-field-width-res-640-value="978" data-field-top-res-960-value="-297" data-field-left-res-960-value="60"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3237-6562-4433-b963-666264333665/5435.svg'
src='https://static.tildacdn.com/tild3237-6562-4433-b963-666264333665/5435.svg'
alt='' imgfield='tn_img_1627377010578'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3396645331577286564209' data-elem-id='1577286564209' data-elem-type='text' data-field-top-value="178" data-field-left-value="20" data-field-width-value="578" 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="" data-field-widthunits-value="px" data-field-fontsize-value="60" data-field-top-res-320-value="57" data-field-left-res-320-value="11" data-field-width-res-320-value="302" data-field-fontsize-res-320-value="36" data-field-top-res-480-value="75" data-field-left-res-480-value="10" data-field-width-res-480-value="240" data-field-fontsize-res-480-value="36" data-field-top-res-640-value="70" data-field-left-res-640-value="10" data-field-width-res-640-value="360" data-field-fontsize-res-640-value="48" data-field-top-res-960-value="137" data-field-left-res-960-value="10" data-field-width-res-960-value="400" data-field-fontsize-res-960-value="60"> <div class='tn-atom'field='tn_text_1577286564209'>ПОДРОБНЕЕ О КУРСЕ ЧИТАЙ В НАШЕМ БЛОГЕ</div> </div> <div class='t396__elem tn-elem tn-elem__3396645331608628159132' data-elem-id='1608628159132' data-elem-type='button' data-field-top-value="319" data-field-left-value="23" data-field-height-value="60" 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="" data-field-widthunits-value="" data-field-fontsize-value="16" data-field-top-res-320-value="178" data-field-left-res-320-value="12" data-field-height-res-320-value="60" data-field-width-res-320-value="300" data-field-fontsize-res-320-value="14" data-field-top-res-480-value="195" data-field-left-res-480-value="12" data-field-height-res-480-value="60" data-field-width-res-480-value="240" data-field-fontsize-res-480-value="14" data-field-top-res-640-value="227" data-field-left-res-640-value="11" data-field-top-res-960-value="330" data-field-left-res-960-value="9" data-field-width-res-960-value="300"> <a class='tn-atom' href="https://www.school-xyz.com/intro-narrativnyy-dizayn" target="_blank"> <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__3396645331627367494040 t-animate' data-elem-id='1627367494040' data-elem-type='image' data-field-top-value="-35" data-field-left-value="455" data-field-width-value="684" 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="" data-field-widthunits-value="px" data-animate-style="zoomin" data-animate-duration="1.7" data-animate-scale="0.9" data-field-filewidth-value="1452" data-field-fileheight-value="1452" data-field-top-res-320-value="198" data-field-left-res-320-value="-71" data-field-width-res-320-value="394" data-field-top-res-480-value="22" data-field-left-res-480-value="197" data-field-width-res-480-value="309" data-field-top-res-640-value="-6" data-field-left-res-640-value="235" data-field-width-res-640-value="416" data-field-top-res-960-value="-45" data-field-left-res-960-value="278"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6431-6662-4461-a263-326634333166/sunkuk_1.png'
src='https://thb.tildacdn.com/tild6431-6662-4461-a263-326634333166/-/resize/20x/sunkuk_1.png'
alt='' imgfield='tn_img_1627367494040'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__3396645331627462418808' data-elem-id='1627462418808' data-elem-type='text' data-field-top-value="321" data-field-left-value="1076" data-field-width-value="114" 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="" data-field-widthunits-value="px" data-field-fontsize-value="14" data-field-top-res-320-value="517" data-field-left-res-320-value="208" data-field-width-res-320-value="116" data-field-fontsize-res-320-value="12" data-field-top-res-480-value="41" data-field-left-res-480-value="354" data-field-width-res-480-value="98" data-field-fontsize-res-480-value="12" data-field-top-res-640-value="36" data-field-left-res-640-value="452" data-field-width-res-640-value="140" data-field-fontsize-res-640-value="14" data-field-top-res-960-value="442" data-field-left-res-960-value="852" data-field-width-res-960-value="110"> <div class='tn-atom'field='tn_text_1627462418808'>Модель Jorge Vazquez</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339664533');});});</script> <!-- /T396 --> </div> <div id="rec339913998" 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 screen and (max-width: 960px) {
}
@media screen and (max-width: 640px) {
.t585 .t-container {
max-width: 500px;
}
}
@media screen and (max-width: 480px) {
.t585 .t-container {
max-width: 340px;
}
.t585__title {
font-size: 24px !important;
line-height: 1 !important;
}
.t585__text {
font-size: 16px !important;
}
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec339659594" class="r t-rec t-rec_pb_75" style="padding-bottom:75px;background-color:#211d1a; " data-animationappear="off" data-record-type="396" data-bg-color="#211d1a"> <!-- T396 --> <style>#rec339659594 .t396__artboard {height:700px;background-color:#211d1a;overflow:visible;}#rec339659594 .t396__filter {height:700px;}#rec339659594 .t396__carrier{height:700px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec339659594 .t396__artboard,#rec339659594 .t396__filter,#rec339659594 .t396__carrier {height:1100px;}#rec339659594 .t396__filter {}#rec339659594 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec339659594 .t396__artboard,#rec339659594 .t396__filter,#rec339659594 .t396__carrier {height:1020px;}#rec339659594 .t396__filter {}#rec339659594 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec339659594 .t396__artboard,#rec339659594 .t396__filter,#rec339659594 .t396__carrier {height:790px;}#rec339659594 .t396__filter{}#rec339659594 .t396__carrier {background-position:center center;background-attachment:scroll;}}@media screen and (max-width:479px) {#rec339659594 .t396__artboard,#rec339659594 .t396__filter,#rec339659594 .t396__carrier {height:1230px;}#rec339659594 .t396__filter {}#rec339659594 .t396__carrier {background-attachment:scroll;}}#rec339659594 .tn-elem[data-elem-id="1599492786665"]{color:#ffffff;z-index:1;top:120px;;left:calc(50% - 600px + 22px);;width:710px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1599492786665"] .tn-atom{color:#ffffff;font-size:60px;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){#rec339659594 .tn-elem[data-elem-id="1599492786665"]{top:90px;;left:calc(50% - 480px + 12px);;height:auto;}}@media screen and (max-width:959px){#rec339659594 .tn-elem[data-elem-id="1599492786665"]{top:70px;;left:calc(50% - 320px + 12px);;height:auto;}#rec339659594 .tn-elem[data-elem-id="1599492786665"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:639px){#rec339659594 .tn-elem[data-elem-id="1599492786665"]{top:42px;;left:calc(50% - 240px + 12px);;height:auto;}#rec339659594 .tn-elem[data-elem-id="1599492786665"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec339659594 .tn-elem[data-elem-id="1599492786665"]{top:42px;;left:calc(50% - 160px + 12px);;width:210px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1599492786665"] .tn-atom{font-size:36px;line-height:0.9;background-size:cover;}}#rec339659594 .tn-elem[data-elem-id="1600086692756"]{color:#ffffff;z-index:2;top:568px;;left:calc(50% - 600px + 20px);;width:340px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1600086692756"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:100;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){#rec339659594 .tn-elem[data-elem-id="1600086692756"]{top:247px;;left:calc(50% - 480px + 440px);;width:380px;height:auto;}}@media screen and (max-width:959px){#rec339659594 .tn-elem[data-elem-id="1600086692756"]{top:210px;;left:calc(50% - 320px + 350px);;width:240px;height:auto;text-align:left;}}@media screen and (max-width:639px){#rec339659594 .tn-elem[data-elem-id="1600086692756"]{top:157px;;left:calc(50% - 240px + 250px);;width:220px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1600086692756"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:479px){#rec339659594 .tn-elem[data-elem-id="1600086692756"]{top:389px;;left:calc(50% - 160px + 10px);;width:290px;height:auto;}}#rec339659594 .tn-elem[data-elem-id="1600086692769"]{color:#ffffff;z-index:3;top:515px;;left:calc(50% - 600px + 20px);;width:360px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1600086692769"] .tn-atom{color:#ffffff;font-size:32px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:300;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){#rec339659594 .tn-elem[data-elem-id="1600086692769"]{top:206px;;left:calc(50% - 480px + 440px);;width:340px;height:auto;}}@media screen and (max-width:959px){#rec339659594 .tn-elem[data-elem-id="1600086692769"]{top:165px;;left:calc(50% - 320px + 350px);;width:280px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1600086692769"] .tn-atom{font-size:26px;background-size:cover;}}@media screen and (max-width:639px){#rec339659594 .tn-elem[data-elem-id="1600086692769"]{top:120px;;left:calc(50% - 240px + 250px);;width:220px;height:auto;}}@media screen and (max-width:479px){#rec339659594 .tn-elem[data-elem-id="1600086692769"]{top:359px;;left:calc(50% - 160px + 10px);;width:300px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1600086692769"] .tn-atom{font-size:24px;background-size:cover;}}#rec339659594 .tn-elem[data-elem-id="1600086692774"]{z-index:4;top:242px;;left:calc(50% - 600px + 20px);;width:360px;height:240px;}#rec339659594 .tn-elem[data-elem-id="1600086692774"] .tn-atom{border-radius:10px;background-color:#949494;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){#rec339659594 .tn-elem[data-elem-id="1600086692774"]{top:211px;;left:calc(50% - 480px + 10px);;width:380px;height:240px;}}@media screen and (max-width:959px){#rec339659594 .tn-elem[data-elem-id="1600086692774"]{top:164px;;left:calc(50% - 320px + 10px);;width:300px;height:200px;}}@media screen and (max-width:639px){#rec339659594 .tn-elem[data-elem-id="1600086692774"]{top:122px;;left:calc(50% - 240px + 10px);;width:220px;height:140px;}}@media screen and (max-width:479px){#rec339659594 .tn-elem[data-elem-id="1600086692774"]{top:152px;;left:calc(50% - 160px + 10px);;width:300px;height:188px;}}#rec339659594 .tn-elem[data-elem-id="1600086692820"]{color:#ffffff;z-index:8;top:568px;;left:calc(50% - 600px + 820px);;width:360px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1600086692820"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:100;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){#rec339659594 .tn-elem[data-elem-id="1600086692820"]{top:831px;;left:calc(50% - 480px + 440px);;width:380px;height:auto;}}@media screen and (max-width:959px){#rec339659594 .tn-elem[data-elem-id="1600086692820"]{top:687px;;left:calc(50% - 320px + 350px);;width:236px;height:auto;text-align:left;}}@media screen and (max-width:639px){#rec339659594 .tn-elem[data-elem-id="1600086692820"]{top:520px;;left:calc(50% - 240px + 250px);;width:190px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1600086692820"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:479px){#rec339659594 .tn-elem[data-elem-id="1600086692820"]{top:1029px;;left:calc(50% - 160px + 10px);;width:290px;height:auto;}}#rec339659594 .tn-elem[data-elem-id="1600086692824"]{color:#ffffff;z-index:9;top:515px;;left:calc(50% - 600px + 820px);;width:360px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1600086692824"] .tn-atom{color:#ffffff;font-size:32px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:300;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){#rec339659594 .tn-elem[data-elem-id="1600086692824"]{top:790px;;left:calc(50% - 480px + 440px);;width:340px;height:auto;}}@media screen and (max-width:959px){#rec339659594 .tn-elem[data-elem-id="1600086692824"]{top:642px;;left:calc(50% - 320px + 350px);;width:280px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1600086692824"] .tn-atom{font-size:26px;background-size:cover;}}@media screen and (max-width:639px){#rec339659594 .tn-elem[data-elem-id="1600086692824"]{top:480px;;left:calc(50% - 240px + 250px);;width:220px;height:auto;}}@media screen and (max-width:479px){#rec339659594 .tn-elem[data-elem-id="1600086692824"]{top:999px;;left:calc(50% - 160px + 10px);;width:300px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1600086692824"] .tn-atom{font-size:24px;background-size:cover;}}#rec339659594 .tn-elem[data-elem-id="1625223537380"]{color:#ffffff;text-align:center;z-index:13;top:116px;;left:calc(50% - 600px + 898px);;width:283px;height:64px;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:100;border-radius:200px;background-position:center center;--t396-borderwidth:2px;--t396-bordercolor:#feaf16;--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-hover-color:#feaf16;--t396-bgcolor-hover-image:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom::after{display:none;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom:hover::after{opacity:0;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}@media screen and (max-width:1199px){#rec339659594 .tn-elem[data-elem-id="1625223537380"]{top:93px;;left:calc(50% - 480px + 710px);;width:241px;height:54px;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom::after{display:none;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom:hover::after{opacity:0;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:959px){#rec339659594 .tn-elem[data-elem-id="1625223537380"]{top:891px;;left:calc(50% - 320px + 11px);;width:239px;height:54px;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom::after{display:none;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom:hover::after{opacity:0;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:639px){#rec339659594 .tn-elem[data-elem-id="1625223537380"]{top:670px;;left:calc(50% - 240px + 69px);;width:341px;height:48px;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom{white-space:normal;font-size:14px;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom::after{display:none;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom:hover::after{opacity:0;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:479px){#rec339659594 .tn-elem[data-elem-id="1625223537380"]{top:1129px;;left:calc(50% - 160px + 10px);;width:300px;height:48px;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom::after{display:none;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom .tn-atom__button-border::before{display:none;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom:hover::after{opacity:0;}#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec339659594 .tn-elem[data-elem-id="1625223537380"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}#rec339659594 .tn-elem[data-elem-id="1626091407370"]{color:#ffffff;z-index:14;top:566px;;left:calc(50% - 600px + 420px);;width:340px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1626091407370"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:100;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){#rec339659594 .tn-elem[data-elem-id="1626091407370"]{top:540px;;left:calc(50% - 480px + 440px);;width:380px;height:auto;}}@media screen and (max-width:959px){#rec339659594 .tn-elem[data-elem-id="1626091407370"]{top:448px;;left:calc(50% - 320px + 350px);;width:280px;height:auto;text-align:left;}}@media screen and (max-width:639px){#rec339659594 .tn-elem[data-elem-id="1626091407370"]{top:343px;;left:calc(50% - 240px + 250px);;width:220px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1626091407370"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:479px){#rec339659594 .tn-elem[data-elem-id="1626091407370"]{top:709px;;left:calc(50% - 160px + 10px);;width:290px;height:auto;}}#rec339659594 .tn-elem[data-elem-id="1626091407385"]{color:#ffffff;z-index:15;top:514px;;left:calc(50% - 600px + 420px);;width:360px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1626091407385"] .tn-atom{color:#ffffff;font-size:32px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:300;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){#rec339659594 .tn-elem[data-elem-id="1626091407385"]{top:499px;;left:calc(50% - 480px + 440px);;width:340px;height:auto;}}@media screen and (max-width:959px){#rec339659594 .tn-elem[data-elem-id="1626091407385"]{top:403px;;left:calc(50% - 320px + 350px);;width:280px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1626091407385"] .tn-atom{font-size:26px;background-size:cover;}}@media screen and (max-width:639px){#rec339659594 .tn-elem[data-elem-id="1626091407385"]{top:303px;;left:calc(50% - 240px + 250px);;width:220px;height:auto;}}@media screen and (max-width:479px){#rec339659594 .tn-elem[data-elem-id="1626091407385"]{top:679px;;left:calc(50% - 160px + 10px);;width:300px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1626091407385"] .tn-atom{font-size:24px;background-size:cover;}}#rec339659594 .tn-elem[data-elem-id="1627299739890"]{z-index:19;top:241px;;left:calc(50% - 600px + 420px);;width:360px;height:240px;}#rec339659594 .tn-elem[data-elem-id="1627299739890"] .tn-atom{border-radius:10px;background-color:#949494;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){#rec339659594 .tn-elem[data-elem-id="1627299739890"]{top:499px;;left:calc(50% - 480px + 11px);;width:380px;height:240px;}}@media screen and (max-width:959px){#rec339659594 .tn-elem[data-elem-id="1627299739890"]{top:404px;;left:calc(50% - 320px + 10px);;width:300px;height:200px;}}@media screen and (max-width:639px){#rec339659594 .tn-elem[data-elem-id="1627299739890"]{top:304px;;left:calc(50% - 240px + 9px);;width:220px;height:140px;}}@media screen and (max-width:479px){#rec339659594 .tn-elem[data-elem-id="1627299739890"]{top:472px;;left:calc(50% - 160px + 10px);;width:300px;height:188px;}}#rec339659594 .tn-elem[data-elem-id="1627299739914"]{z-index:22;top:242px;;left:calc(50% - 600px + 820px);;width:360px;height:240px;}#rec339659594 .tn-elem[data-elem-id="1627299739914"] .tn-atom{border-radius:10px;background-color:#949494;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){#rec339659594 .tn-elem[data-elem-id="1627299739914"]{top:786px;;left:calc(50% - 480px + 10px);;width:380px;height:240px;}}@media screen and (max-width:959px){#rec339659594 .tn-elem[data-elem-id="1627299739914"]{top:644px;;left:calc(50% - 320px + 10px);;width:300px;height:200px;}}@media screen and (max-width:639px){#rec339659594 .tn-elem[data-elem-id="1627299739914"]{top:485px;;left:calc(50% - 240px + 10px);;width:220px;height:140px;}}@media screen and (max-width:479px){#rec339659594 .tn-elem[data-elem-id="1627299739914"]{top:792px;;left:calc(50% - 160px + 10px);;width:300px;height:188px;}}#rec339659594 .tn-elem[data-elem-id="1627300423731"]{z-index:23;top:190px;;left:calc(50% - 600px + 20px);;width:376px;height:auto;}#rec339659594 .tn-elem[data-elem-id="1627300423731"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec339659594 .tn-elem[data-elem-id="1627300423731"]{top:160px;;left:calc(50% - 480px + 12px);;height:auto;}}@media screen and (max-width:959px){#rec339659594 .tn-elem[data-elem-id="1627300423731"]{top:128px;;left:calc(50% - 320px + 10px);;width:293px;height:auto;}}@media screen and (max-width:639px){#rec339659594 .tn-elem[data-elem-id="1627300423731"]{top:88px;;left:calc(50% - 240px + 10px);;width:220px;height:auto;}}@media screen and (max-width:479px){#rec339659594 .tn-elem[data-elem-id="1627300423731"]{top:118px;;left:calc(50% - 160px + 10px);;width:174px;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="339659594" data-artboard-screens="320,480,640,960,1200" data-artboard-height="700" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="1230" data-artboard-height-res-480="790" data-artboard-height-res-640="1020" data-artboard-height-res-960="1100"> <div class="t396__carrier" data-artboard-recid="339659594"></div> <div class="t396__filter" data-artboard-recid="339659594"></div> <div class='t396__elem tn-elem tn-elem__3396595941599492786665' data-elem-id='1599492786665' data-elem-type='text' data-field-top-value="120" data-field-left-value="22" data-field-width-value="710" 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="" data-field-widthunits-value="px" data-field-fontsize-value="60" data-field-top-res-320-value="42" data-field-left-res-320-value="12" data-field-width-res-320-value="210" data-field-fontsize-res-320-value="36" data-field-top-res-480-value="42" data-field-left-res-480-value="12" data-field-fontsize-res-480-value="36" data-field-top-res-640-value="70" data-field-left-res-640-value="12" data-field-fontsize-res-640-value="48" data-field-top-res-960-value="90" data-field-left-res-960-value="12"> <div class='tn-atom'field='tn_text_1599492786665'>ДРУГИЕ КУРСЫ <span style="color: rgb(255, 255, 255);">XYZ SCHOOL</span></div> </div> <div class='t396__elem tn-elem tn-elem__3396595941600086692756' data-elem-id='1600086692756' data-elem-type='text' data-field-top-value="568" data-field-left-value="20" data-field-width-value="340" 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="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="389" data-field-left-res-320-value="10" data-field-width-res-320-value="290" data-field-axisx-res-320-value="left" data-field-top-res-480-value="157" data-field-left-res-480-value="250" data-field-width-res-480-value="220" data-field-axisx-res-480-value="left" data-field-fontsize-res-480-value="14" data-field-top-res-640-value="210" data-field-left-res-640-value="350" data-field-width-res-640-value="240" data-field-axisx-res-640-value="left" data-field-top-res-960-value="247" data-field-left-res-960-value="440" data-field-width-res-960-value="380"> <div class='tn-atom'field='tn_text_1600086692756'>Научись привлекать и удерживать внимание любого зрителя</div> </div> <div class='t396__elem tn-elem tn-elem__3396595941600086692769' data-elem-id='1600086692769' data-elem-type='text' data-field-top-value="515" data-field-left-value="20" data-field-width-value="360" 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="" data-field-widthunits-value="px" data-field-fontsize-value="32" data-field-top-res-320-value="359" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-fontsize-res-320-value="24" data-field-top-res-480-value="120" data-field-left-res-480-value="250" data-field-width-res-480-value="220" data-field-top-res-640-value="165" data-field-left-res-640-value="350" data-field-width-res-640-value="280" data-field-fontsize-res-640-value="26" data-field-top-res-960-value="206" data-field-left-res-960-value="440" data-field-width-res-960-value="340"> <div class='tn-atom'field='tn_text_1600086692769'>Нарративный дизайн</div> </div> <div class='t396__elem tn-elem tn-elem__3396595941600086692774' data-elem-id='1600086692774' data-elem-type='shape' data-field-top-value="242" data-field-left-value="20" data-field-height-value="240" data-field-width-value="360" 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="152" data-field-left-res-320-value="10" data-field-height-res-320-value="188" data-field-width-res-320-value="300" data-field-top-res-480-value="122" data-field-left-res-480-value="10" data-field-height-res-480-value="140" data-field-width-res-480-value="220" data-field-top-res-640-value="164" data-field-left-res-640-value="10" data-field-height-res-640-value="200" data-field-width-res-640-value="300" data-field-top-res-960-value="211" data-field-left-res-960-value="10" data-field-height-res-960-value="240" data-field-width-res-960-value="380"> <a class='tn-atom t-bgimg' href="https://www.school-xyz.com/narrativnyj-design" target="_blank" data-original="https://static.tildacdn.com/tild3035-3165-4435-b865-613161376635/houdinisite23.jpg"
aria-label='' role="img"> </a> </div> <div class='t396__elem tn-elem tn-elem__3396595941600086692820' data-elem-id='1600086692820' data-elem-type='text' data-field-top-value="568" data-field-left-value="820" data-field-width-value="360" 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="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="1029" data-field-left-res-320-value="10" data-field-width-res-320-value="290" data-field-axisx-res-320-value="left" data-field-top-res-480-value="520" data-field-left-res-480-value="250" data-field-width-res-480-value="190" data-field-axisx-res-480-value="left" data-field-fontsize-res-480-value="14" data-field-top-res-640-value="687" data-field-left-res-640-value="350" data-field-width-res-640-value="236" data-field-axisx-res-640-value="left" data-field-top-res-960-value="831" data-field-left-res-960-value="440" data-field-width-res-960-value="380"> <div class='tn-atom'field='tn_text_1600086692820'>Курс для тех, кто хочет разобраться, чем занимается геймдизайнер, и подойдёт ли ему эта профессия.</div> </div> <div class='t396__elem tn-elem tn-elem__3396595941600086692824' data-elem-id='1600086692824' data-elem-type='text' data-field-top-value="515" data-field-left-value="820" data-field-width-value="360" 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="" data-field-widthunits-value="px" data-field-fontsize-value="32" data-field-top-res-320-value="999" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-fontsize-res-320-value="24" data-field-top-res-480-value="480" data-field-left-res-480-value="250" data-field-width-res-480-value="220" data-field-top-res-640-value="642" data-field-left-res-640-value="350" data-field-width-res-640-value="280" data-field-fontsize-res-640-value="26" data-field-top-res-960-value="790" data-field-left-res-960-value="440" data-field-width-res-960-value="340"> <div class='tn-atom'field='tn_text_1600086692824'>Intro Game Design</div> </div> <div class='t396__elem tn-elem tn-elem__3396595941625223537380' data-elem-id='1625223537380' data-elem-type='button' data-field-top-value="116" data-field-left-value="898" data-field-height-value="64" data-field-width-value="283" 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="" data-field-widthunits-value="" data-field-fontsize-value="16" data-field-top-res-320-value="1129" data-field-left-res-320-value="10" data-field-height-res-320-value="48" data-field-width-res-320-value="300" data-field-top-res-480-value="670" data-field-left-res-480-value="69" data-field-height-res-480-value="48" data-field-width-res-480-value="341" data-field-fontsize-res-480-value="14" data-field-top-res-640-value="891" data-field-left-res-640-value="11" data-field-height-res-640-value="54" data-field-width-res-640-value="239" data-field-top-res-960-value="93" data-field-left-res-960-value="710" data-field-height-res-960-value="54" data-field-width-res-960-value="241"> <a class='tn-atom' href="/courses"> <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__3396595941626091407370' data-elem-id='1626091407370' data-elem-type='text' data-field-top-value="566" data-field-left-value="420" data-field-width-value="340" 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="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="709" data-field-left-res-320-value="10" data-field-width-res-320-value="290" data-field-axisx-res-320-value="left" data-field-top-res-480-value="343" data-field-left-res-480-value="250" data-field-width-res-480-value="220" data-field-axisx-res-480-value="left" data-field-fontsize-res-480-value="14" data-field-top-res-640-value="448" data-field-left-res-640-value="350" data-field-width-res-640-value="280" data-field-axisx-res-640-value="left" data-field-top-res-960-value="540" data-field-left-res-960-value="440" data-field-width-res-960-value="380"> <div class='tn-atom'field='tn_text_1626091407370'>Научись профессионально воплощать идеи в жизнь. Подход к созданию игр в ААА-проектах</div> </div> <div class='t396__elem tn-elem tn-elem__3396595941626091407385' data-elem-id='1626091407385' data-elem-type='text' data-field-top-value="514" data-field-left-value="420" data-field-width-value="360" 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="" data-field-widthunits-value="px" data-field-fontsize-value="32" data-field-top-res-320-value="679" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-fontsize-res-320-value="24" data-field-top-res-480-value="303" data-field-left-res-480-value="250" data-field-width-res-480-value="220" data-field-top-res-640-value="403" data-field-left-res-640-value="350" data-field-width-res-640-value="280" data-field-fontsize-res-640-value="26" data-field-top-res-960-value="499" data-field-left-res-960-value="440" data-field-width-res-960-value="340"> <div class='tn-atom'field='tn_text_1626091407385'>Game Design</div> </div> <div class='t396__elem tn-elem tn-elem__3396595941627299739890' data-elem-id='1627299739890' data-elem-type='shape' data-field-top-value="241" data-field-left-value="420" data-field-height-value="240" data-field-width-value="360" 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="472" data-field-left-res-320-value="10" data-field-height-res-320-value="188" data-field-width-res-320-value="300" data-field-top-res-480-value="304" data-field-left-res-480-value="9" data-field-height-res-480-value="140" data-field-width-res-480-value="220" data-field-top-res-640-value="404" data-field-left-res-640-value="10" data-field-height-res-640-value="200" data-field-width-res-640-value="300" data-field-top-res-960-value="499" data-field-left-res-960-value="11" data-field-height-res-960-value="240" data-field-width-res-960-value="380"> <a class='tn-atom t-bgimg' href="/gamedesign" target="_blank" data-original="https://static.tildacdn.com/tild6431-3161-4265-b964-303338613333/hslitees.jpg"
aria-label='' role="img"> </a> </div> <div class='t396__elem tn-elem tn-elem__3396595941627299739914' data-elem-id='1627299739914' data-elem-type='shape' data-field-top-value="242" data-field-left-value="820" data-field-height-value="240" data-field-width-value="360" 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="792" data-field-left-res-320-value="10" data-field-height-res-320-value="188" data-field-width-res-320-value="300" data-field-top-res-480-value="485" data-field-left-res-480-value="10" data-field-height-res-480-value="140" data-field-width-res-480-value="220" data-field-top-res-640-value="644" data-field-left-res-640-value="10" data-field-height-res-640-value="200" data-field-width-res-640-value="300" data-field-top-res-960-value="786" data-field-left-res-960-value="10" data-field-height-res-960-value="240" data-field-width-res-960-value="380"> <a class='tn-atom t-bgimg' href="/intro-gamedesign" target="_blank" data-original="https://static.tildacdn.com/tild3531-3430-4234-b938-383236303131/hslitees-1.jpg"
aria-label='' role="img"> </a> </div> <div class='t396__elem tn-elem tn-elem__3396595941627300423731' data-elem-id='1627300423731' data-elem-type='image' data-field-top-value="190" data-field-left-value="20" data-field-width-value="376" 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="" data-field-widthunits-value="px" data-field-filewidth-value="376" data-field-fileheight-value="13" data-field-top-res-320-value="118" data-field-left-res-320-value="10" data-field-width-res-320-value="174" data-field-top-res-480-value="88" data-field-left-res-480-value="10" data-field-width-res-480-value="220" data-field-top-res-640-value="128" data-field-left-res-640-value="10" data-field-width-res-640-value="293" data-field-top-res-960-value="160" data-field-left-res-960-value="12"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3837-6531-4565-a635-303332363565/Vector.svg'
src='https://static.tildacdn.com/tild3837-6531-4565-a635-303332363565/Vector.svg'
alt='' imgfield='tn_img_1627300423731'
/> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('339659594');});});</script> <!-- /T396 --> </div> <div id="rec340347500" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec340347500 .t396__artboard {height:140px;background-color:#211d1a;}#rec340347500 .t396__filter {height:140px;}#rec340347500 .t396__carrier{height:140px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec340347500 .t396__artboard,#rec340347500 .t396__filter,#rec340347500 .t396__carrier {}#rec340347500 .t396__filter {}#rec340347500 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec340347500 .t396__artboard,#rec340347500 .t396__filter,#rec340347500 .t396__carrier {}#rec340347500 .t396__filter {}#rec340347500 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec340347500 .t396__artboard,#rec340347500 .t396__filter,#rec340347500 .t396__carrier {}#rec340347500 .t396__filter {}#rec340347500 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec340347500 .t396__artboard,#rec340347500 .t396__filter,#rec340347500 .t396__carrier {}#rec340347500 .t396__filter {}#rec340347500 .t396__carrier {background-attachment:scroll;}}#rec340347500 .tn-elem[data-elem-id="1623914633744"]{color:#ffffff;text-align:center;z-index:2;top:50px;;left:calc(50% - 600px + 240px);;width:720px;height:auto;}#rec340347500 .tn-elem[data-elem-id="1623914633744"] .tn-atom{color:#ffffff;font-size:20px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.4;font-weight:100;opacity:0.3;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){#rec340347500 .tn-elem[data-elem-id="1623914633744"]{top:56px;;left:calc(50% - 480px + 145px);;width:670px;height:auto;}#rec340347500 .tn-elem[data-elem-id="1623914633744"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:959px){#rec340347500 .tn-elem[data-elem-id="1623914633744"]{top:45px;;left:calc(50% - 320px + 145px);;width:350px;height:auto;}#rec340347500 .tn-elem[data-elem-id="1623914633744"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:639px){#rec340347500 .tn-elem[data-elem-id="1623914633744"]{top:48px;;left:calc(50% - 240px + 85px);;width:310px;height:auto;}#rec340347500 .tn-elem[data-elem-id="1623914633744"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:479px){#rec340347500 .tn-elem[data-elem-id="1623914633744"]{top:48px;;left:calc(50% - 160px + 20px);;width:280px;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="340347500" data-artboard-screens="320,480,640,960,1200" data-artboard-height="140" data-artboard-valign="center"> <div class="t396__carrier" data-artboard-recid="340347500"></div> <div class="t396__filter" data-artboard-recid="340347500"></div> <div class='t396__elem tn-elem tn-elem__3403475001623914633744' data-elem-id='1623914633744' data-elem-type='text' data-field-top-value="50" data-field-left-value="240" data-field-width-value="720" 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="" data-field-widthunits-value="px" data-field-fontsize-value="20" data-field-top-res-320-value="48" data-field-left-res-320-value="20" data-field-width-res-320-value="280" data-field-top-res-480-value="48" data-field-left-res-480-value="85" data-field-width-res-480-value="310" data-field-fontsize-res-480-value="16" data-field-top-res-640-value="45" data-field-left-res-640-value="145" data-field-width-res-640-value="350" data-field-fontsize-res-640-value="18" data-field-top-res-960-value="56" data-field-left-res-960-value="145" data-field-width-res-960-value="670" data-field-fontsize-res-960-value="20"> <div class='tn-atom'><a href="#popup:infoblock"style="color: inherit">© Информация по используемым материалам на сайте</a></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('340347500');});});</script> <!-- /T396 --> </div> <div id="rec340351380" class="r t-rec" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:infoblock"
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="#fff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_10" style="background-color:#39322d;"> <div class="t390__wrapper t-align_left"> <div class="t390__title t-heading t-heading_lg" id="popuptitle_340351380">Используемые модели на сайте</div> <div class="t390__descr t-descr t-descr_xs"><a href="https://sketchfab.com/3d-models/pirate-chest-hand-painted-83ab5bf05122405c96e3ad776eaa37ab" rel="noreferrer noopener" target="_blank" style="color: rgb(254, 175, 22);">https://sketchfab.com/3d-models/pirate-chest-hand-painted-83ab5bf05122405c96e3ad776eaa37ab</a></div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec340351380');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('340351380');});});</script> <style> #rec340351380 .t390__title{font-size:24px;color:#ffffff;font-family:'BebasRoboto';font-weight:100;}#rec340351380 .t390__descr{font-size:18px;line-height:1;color:#ffffff;}</style> </div> <div id="rec339924894" class="r t-rec" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:streams"
role="dialog"
aria-modal="true"
tabindex="-1"
aria-label="Content Oriented Web" style="background-color: rgba(13,13,13,0.90);"> <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_100" style="background-color:#fbfbf9;"> <img class="t390__img t-img"
src="https://thb.tildacdn.com/tild6637-3436-4337-b163-396636386561/-/empty/x1600_adc85e33ca.jpg" data-original="https://static.tildacdn.com/tild6637-3436-4337-b163-396636386561/x1600_adc85e33ca.jpg"
imgfield="img"
alt=""> <div class="t390__wrapper t-align_center"> <div class="t390__title t-heading t-heading_lg" id="popuptitle_339924894">Content Oriented Web</div> <div class="t390__descr t-descr t-descr_xs">Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.</div> <div class="t390__social"> <div class="t390__circle-lg "> <script type="text/javascript" src="https://static.tildacdn.com/js/ya-share.js" charset="utf-8"></script> <div class="ya-share2" data-access-token:facebook="" data-yashareL10n="en" data-services="facebook,twitter" data-counter=""></div> </div> </div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec339924894');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('339924894');});});</script> </div> <div id="rec339924948" 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;
}
</style> <script>
var ZeroPopID = '#rec339917282'; //Прописываем ID Zero
var PopWindID = '#rec339924894'; //Прописываем ID PopUp окна BF503
//Переносим ZeroBlock в POPup + Добавляем новый клас в POPup
$(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID));
$(PopWindID + " .t-popup__container").parent(".t-popup").addClass("parpadding")
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec339935442" class="r t-rec" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:podcasts"
role="dialog"
aria-modal="true"
tabindex="-1"
aria-label="Content Oriented Web" style="background-color: rgba(13,13,13,0.90);"> <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_100" style="background-color:#fbfbf9;"> <img class="t390__img t-img"
src="https://thb.tildacdn.com/tild6637-3436-4337-b163-396636386561/-/empty/x1600_adc85e33ca.jpg" data-original="https://static.tildacdn.com/tild6637-3436-4337-b163-396636386561/x1600_adc85e33ca.jpg"
imgfield="img"
alt=""> <div class="t390__wrapper t-align_center"> <div class="t390__title t-heading t-heading_lg" id="popuptitle_339935442">Content Oriented Web</div> <div class="t390__descr t-descr t-descr_xs">Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.</div> <div class="t390__social"> <div class="t390__circle-lg "> <script type="text/javascript" src="https://static.tildacdn.com/js/ya-share.js" charset="utf-8"></script> <div class="ya-share2" data-access-token:facebook="" data-yashareL10n="en" data-services="facebook,twitter" data-counter=""></div> </div> </div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec339935442');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('339935442');});});</script> </div> <div id="rec339935477" 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;
}
</style> <script>
var ZeroPopID = '#rec339925672'; //Прописываем ID Zero
var PopWindID = '#rec339935442'; //Прописываем ID PopUp окна BF503
//Переносим ZeroBlock в POPup + Добавляем новый клас в POPup
$(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID));
$(PopWindID + " .t-popup__container").parent(".t-popup").addClass("parpadding")
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec339916453" 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>
#rec321699204 .t396__artboard {
background-color: #211d1a !important;;
}
.main-header--bg {
background-color: #211d1a !important;;
}
@media screen and (max-width: 479px) {
#rec335160303 .t-col {
padding-left: 10px !important;
padding-right: 10px !important;
}
#rec335160303 .t-container {
max-width: 320px !important;
}
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec339800009" class="r t-rec" style=" " data-animationappear="off" data-record-type="270"> <div class="t270" data-offset-top="100" data-history-disabled="yes"></div> <script>t_onReady(function() {var hash=window.location.hash;if(hash!=='') {if(window.isMobile) {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,100);});} else {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,100);});}}
setTimeout(function() {var curPath=window.location.pathname;var curFullPath=window.location.origin + curPath;var recs=document.querySelectorAll('.r');Array.prototype.forEach.call(recs,function(rec) {var selects='a[href^="#"]:not([href="#"]):not(.carousel-control):not(.t-carousel__control):not([href^="#price"]):not([href^="#submenu"]):not([href^="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([href^="#prodpopup"]):not([href^="#order"]):not([href^="#!"]):not([target="_blank"]),' +
'a[href^="' + curPath + '#"]:not([href*="#!/tfeeds/"]):not([href*="#!/tproduct/"]):not([href*="#!/tab/"]):not([href*="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([target="_blank"]),' +
'a[href^="' + curFullPath + '#"]:not([href*="#!/tfeeds/"]):not([href*="#!/tproduct/"]):not([href*="#!/tab/"]):not([href*="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([target="_blank"])';var elements=rec.querySelectorAll(selects);Array.prototype.forEach.call(elements,function(element) {element.addEventListener('click',function(event) {event.preventDefault();var hash=this.hash.trim();if(hash!=='') {if(window.isMobile) {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,100);});} else {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,100);});}}});});});if(document.querySelectorAll('.js-store').length>0||document.querySelectorAll('.js-feed').length>0) {if(hash!=='') {if(window.isMobile) {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,100);});} else {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,100,1);});}}}},500);setTimeout(function() {var hash=window.location.hash;if(hash&&document.querySelectorAll('a[name="' + hash.slice(1) + '"], div[id="' + hash.slice(1) + '"]').length>0) {if(window.isMobile) {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,100);});} else {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,100);});}}},1000);window.addEventListener('popstate',function() {var hash=window.location.hash;if(hash&&document.querySelectorAll('a[name="' + hash.slice(1) + '"], div[id="' + hash.slice(1) + '"]').length>0) {if(window.isMobile) {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,100);});} else {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,100);});}}});});</script> </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('Учись играючи и со скидкой до 55%'); // заголовок
$('.descr-1 .tn-atom').html('При покупке этого курса ты получишь в подарок любую игру до 2000 ₽ в Steam'); // описание
// описание для сайта Pro
$('.descr-pro .tn-atom').html('Дарим игры: любую до 2000 ₽ в Steam — при покупке курса, Resident Evil Requiem — при покупке профессии');
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>
.descr-1 .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>