<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!--metatextblock--> <title>Ansible Playbook — примеры и советы. | Блог slurm.io</title> <meta name="description" content="✅Схема использования Ansible Playbook для простых и сложных задач. Рассказываем, как запустить плейбук, какой сценарий наиболее подходит для использования Ansible." /> <meta property="og:url" content="https://slurm.io/blog/ansible-playbook-primery-i-sovety" /> <meta property="og:title" content="Ansible Playbook — примеры и советы. | Блог slurm.io" /> <meta property="og:description" content="✅Схема использования Ansible Playbook для простых и сложных задач. Рассказываем, как запустить плейбук, какой сценарий наиболее подходит для использования Ansible." /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild6430-3666-4434-b138-616136373761/3_1.png" /> <link rel="canonical" href="https://slurm.io/blog/ansible-playbook-primery-i-sovety"> <!--/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="icon" type="image/x-icon" sizes="32x32" href="https://static.tildacdn.com/tild3464-3565-4434-a430-373739393736/ico.svg" media="(prefers-color-scheme: light)"/> <link rel="icon" type="image/x-icon" sizes="32x32" href="https://static.tildacdn.com/tild3535-3833-4738-b061-623531623164/ico.svg" media="(prefers-color-scheme: dark)"/> <link rel="icon" type="image/svg+xml" sizes="any" href="https://static.tildacdn.com/tild6162-3561-4239-b037-363439656331/ico.svg"> <link rel="apple-touch-icon" type="image/png" href="https://static.tildacdn.com/tild6236-6662-4664-b736-623463326262/ico.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://static.tildacdn.com/tild6236-6662-4664-b736-623463326262/ico.png"> <link rel="alternate" type="application/rss+xml" title="Slurm" href="https://slurm.io/rss.xml" /> <!-- 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/project705564/tilda-blocks-page69286269.min.css?t=1771492664" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&subset=latin,cyrillic&display=swap" rel="stylesheet"> <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-feed-1.1.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-slds-1.4.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-slds-1.4.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" type="text/css" href="https://ws.tildacdn.com/project705564/custom.css?t=1771492664"> <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/project705564/tilda-blocks-page69286269.min.js?t=1771492664" 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/hammer.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-vote-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-feed-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-slds-1.4.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-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 --><!-- site name --> <meta property="og:site_name" content="Слёрм"> <!-- Pixel --> <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 --> <!-- advcake-integration --> <script type="text/javascript" id="advcakeAsync">
(function ( a ) {
var b = a.createElement("script");
b.async = 1;
b.src = "//p49o7e.ru/";
a=a.getElementsByTagName("script")[0]; a.parentNode.insertBefore(b,a)
})(document);
</script> <!-- astralab --> <script async src="https://creatives.al-adtech.com/SmartPixel/2025/slurm_pixel.js"></script> <!-- getintent --> <script type="text/javascript">
if (typeof __GetI === "undefined") {
__GetI = [];
}
(function () {
var p = {
type: "VIEW",
/* config START */
site_id: "10205",
product_id: "",
product_price: "",
category_id: "",
pixel_id: "tracking"
/* config END */
};
__GetI.push(p);
var domain = (typeof __GetI_domain) == "undefined" ? "px.adhigh.net" : __GetI_domain;
var src = ('https:' == document.location.protocol ? 'https://' : 'http://') + domain + '/t.js';
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.src = src;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(script, s);
})();
</script> <!-- Код для проброса UTM-меток на ссылки --> <!-- https://slurm.io/utm-forwarding --> <!-- Обновлённая версия без jQuery --> <script>
t_onReady(function () {
var search = "?" + window.location.search.split("&").filter(function(val) {
var value = val.replace(/\?/, '');
return value.indexOf("s_") === -1 && value.indexOf("tfc_") === -1;
}).join("&").replace(/\?/, "");
if (search !== "?") {
var prepareLinks = function (element) {
if (!element) element = document.body;
var aLinks = element.querySelectorAll('a');
var arrayLinks = Array.from(aLinks);
arrayLinks.forEach(function (el) {
var href = el.getAttribute("href");
if (href && href.indexOf("") > -1 && href.indexOf("#") === -1) {
if (href.indexOf("?") === -1) {
el.setAttribute("href", href + search);
} else {
el.setAttribute("href", href + search.replace("?", "&"));
}
}
});
};
/* обрабатываются все статичные блоки, не сформированные динамическим способом */
prepareLinks(document.body);
/* обрабатываются блоки ST3XX с подключенным каталогом */
document.addEventListener('tStoreRendered', function (event) {
if (event.target) {
prepareLinks(event.target);
}
});
/* обрабатывается catalog edu https://slurm.io/catalog */
var eduCatalog = document.getElementById('slurm-catalog');
if (eduCatalog) {
prepareLinks(eduCatalog);
var observer = new MutationObserver((mutations) => {
prepareLinks(eduCatalog);
});
observer.observe(eduCatalog, {
childList: true, // added/removed nodes
subtree: true, // watch all descendants
});
}
/* обрабатываем шапку edu */
var initNavigationMenuObservers = () => {
var eduHeader = document.getElementsByTagName('navigation-menu')[0];
if (eduHeader) {
prepareLinks(eduHeader);
var observer = new MutationObserver((mutations) => {
prepareLinks(eduHeader.shadowRoot);
});
observer.observe(eduHeader.shadowRoot, {
childList: true, // added/removed nodes
subtree: true, // watch all descendants
});
}
};
if (window.customElements && customElements.whenDefined) {
customElements.whenDefined('navigation-menu').then(initNavigationMenuObservers);
}
}
});
</script> <!-- Varioqub experiments --> <script type="text/javascript">
(function(e, x, pe, r, i, me, nt){
e[i]=e[i]||function(){(e[i].a=e[i].a||[]).push(arguments)},
me=x.createElement(pe),me.async=1,me.src=r,nt=x.getElementsByTagName(pe)[0],me.addEventListener('error',function(){function cb(t){t=t[t.length-1],'function'==typeof t&&t({flags:{}})};Array.isArray(e[i].a)&&e[i].a.forEach(cb);e[i]=function(){cb(arguments)}}),nt.parentNode.insertBefore(me,nt)})
(window, document, 'script', 'https://abt.s3.yandex.net/expjs/latest/exp.js', 'ymab');
ymab('metrika.49219348', 'init'/*, {clientFeatures}, {callback}*/);
</script> <script>
(function(w,d,u){
var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
})(window,document,'https://cdn-ru.bitrix24.ru/b30620686/crm/site_button/loader_2_5939wy.js');
</script> <script src="https://tglink.io/pixel.sdk.min.js?id=574393"></script> <style>
.b24-widget-button-position-bottom-right {
right: 20px !important;
bottom: 20px !important;
}
</style><!-- nominify end --><script type="text/javascript">window.dataLayer=window.dataLayer||[];</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="705564" data-tilda-page-id="69286269" data-tilda-page-alias="blog/ansible-playbook-primery-i-sovety" data-tilda-formskey="59b517bfad01153865a4875be1bdd366" data-blocks-animationoff="yes" data-tilda-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <!--header--> <header id="t-header" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="705564" data-tilda-page-id="29874943" data-tilda-page-alias="header-v2" data-tilda-formskey="59b517bfad01153865a4875be1bdd366" data-blocks-animationoff="yes" 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="rec743543528" 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 0.1s;-moz-transition:opacity ease-in-out 0.1s;-o-transition:opacity ease-in-out 0.1s;transition:opacity ease-in-out 0.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('#rec743543528');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> <style>.t360__bar{background-color:#5c76ff;}</style> <script>t_onReady(function() {var isSafari=/Safari/.test(navigator.userAgent)&&/Apple Computer/.test(navigator.vendor);if(!isSafari) {document.body.insertAdjacentHTML('beforeend','<div class="t360__progress"><div class="t360__bar"></div></div>');setTimeout(function() {var bar=document.querySelector('.t360__bar');if(bar) bar.classList.add('t360__barprogress');},10);}});function t360_onProgressLoad() {var bar=document.querySelector('.t360__bar');if(!bar) return;bar.classList.remove('t360__barprogress');bar.classList.add('t360__barprogressfinished');setTimeout(function() {bar.classList.add('t360__barprogresshidden');},20);setTimeout(function() {var progress=document.querySelector('.t360__progress');if(progress) progress.style.display='none';},500);};if(document.readyState==='complete') {setTimeout(t360_onProgressLoad,60);} else {window.addEventListener('load',t360_onProgressLoad);}</script> </div> <div id="rec1697212661" 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 defer="defer" src="https://cdn.tilda.edu.slurm.io/navigation_menu/navigation-menu.umd.js"></script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1144564786" 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 --> <link rel="stylesheet" href="https://cdn.tilda.edu.slurm.io/fonts/fonts.css" type="text/css"/> <!-- nominify end --> </div> </div> </div> </div> <div id="rec638774487" 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 --> <navigation-menu></navigation-menu> <!-- nominify end --> </div> </div> </div> </div> </header> <!--/header--> <div id="rec1042910481" class="r t-rec t-rec_pt_120 t-rec_pb_0" style="padding-top:120px;padding-bottom:0px; " data-animationappear="off" data-record-type="758"> <!-- t758 --> <div class="t758"> <div class="t-container"> <div class="t758__col t-col t-col_8 t-prefix_2"> <div class="t758__wrapper t-align_left"> <ul class="t758__list"> <li class="t758__list_item"> <div class="t758__link-item__wrapper"> <a class="t-menu__link-item " href="https://slurm.io/">
Главная
</a> </div> <span class="t758__breadcrumb-divider">/</span> </li> <li class="t758__list_item"> <div class="t758__link-item__wrapper"><a class="t-menu__link-item " href="https://slurm.io/blog">Блог</a></div> <span class="t758__breadcrumb-divider">/</span> </li> <li class="t758__list_item"> <div class="t758__link-item__wrapper"><a class="t-menu__link-item t758__link-item_active" href="https://slurm.io/blog/ansible-playbook-primery-i-sovety">Примеры Ansible-Playbook</a></div> </li> </ul> </div> </div> </div> </div> <style>#rec1042910481 .t758__link-item_active{color:#5c76ff !important;}</style> <style>#rec1042910481 .t758__breadcrumb-divider{color:#858585;}#rec1042910481 .t758 .t-menu__link-item{-webkit-transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;}#rec1042910481 .t758 .t-menu__link-item:hover{color:#9e9e9e !important;}#rec1042910481 .t758 .t-menu__link-item:focus-visible{color:#9e9e9e !important;}</style> <style>#rec1042910481 .t758__link-item__wrapper{min-height:21.6px;}#rec1042910481 .t-menu__link-item{min-height:21.6px;line-height:21.6px;}#rec1042910481 .t758__breadcrumb-divider{height:21.6px;line-height:21.6px;}#rec1042910481 .t758__list-item__icon{margin-top:1.3px;}</style> <style> #rec1042910481 .t758__link-item__wrapper .t-menu__link-item{font-size:18px;font-weight:300;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910481 .t758__link-item__wrapper .t-menu__link-item{font-size:16px;}}</style> <style> #rec1042910481 .t758__breadcrumb-divider{font-size:18px;font-weight:300;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910481 .t758__breadcrumb-divider{font-size:16px;}}</style> </div> <div id="rec1042910486" 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 type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement":
[
{
"@type": "ListItem",
"position": 1,
"item":
{
"@id": "https://slurm.io/",
"name": "Главная"
}
},
{
"@type": "ListItem",
"position": 2,
"item":
{
"@id": "https://slurm.io/blog",
"name": "Блог"
}
},
{
"@type": "ListItem",
"position": 3,
"item":
{
"@id": "https://slurm.io/blog/ansible-playbook-primery-i-sovety",
"name": "Примеры Ansible-Playbook"
}
}
]
}
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1042910491" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Ansible<strong> </strong> • 6 мая 2025 • 10 мин чтения</div> </div> </div> </div> <style> #rec1042910491 .t-text{font-size:16px;color:#8999a9;}</style> </div> <div id="rec1042910501" class="r t-rec t-rec_pt_30 t-rec_pb_0 t-rec_pb-res-480_15" style="padding-top:30px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h1 class="t050__title t-title t-title_xxl" field="title">Примеры Ansible-Playbook</h1> </div> </div> </div> <style> #rec1042910501 .t050__uptitle{text-transform:uppercase;}#rec1042910501 .t050__title{color:#161518;}@media screen and (min-width:900px){#rec1042910501 .t050__title{font-size:46px;}}#rec1042910501 .t050__descr{font-size:18px;}</style> </div> <div id="rec1042910511" class="r t-rec t-rec_pt_30" style="padding-top:30px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1042910511 .t396__artboard {height:270px;}#rec1042910511 .t396__filter {height:270px;}#rec1042910511 .t396__carrier{height:270px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1042910511 .t396__artboard,#rec1042910511 .t396__filter,#rec1042910511 .t396__carrier {}#rec1042910511 .t396__filter {}#rec1042910511 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1042910511 .t396__artboard,#rec1042910511 .t396__filter,#rec1042910511 .t396__carrier {}#rec1042910511 .t396__filter {}#rec1042910511 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1042910511 .t396__artboard,#rec1042910511 .t396__filter,#rec1042910511 .t396__carrier {}#rec1042910511 .t396__filter {}#rec1042910511 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec1042910511 .t396__artboard,#rec1042910511 .t396__filter,#rec1042910511 .t396__carrier {height:400px;}#rec1042910511 .t396__filter {}#rec1042910511 .t396__carrier {background-attachment:scroll;}}#rec1042910511 .tn-group[data-group-id="174367081259945760"]{z-index:3;position:absolute;top:0px;left:calc(50% - 600px + 220px);width:759px;height:269px;}#rec1042910511 .tn-group[data-group-id="174367081259945760"] #molecule-174367081259945760 {width:100%;height:100%;position:relative;display:flex;flex-direction:column;row-gap:16px;align-items:flex-start;justify-content:flex-start;align-content:flex-start;padding:20px 20px 20px 20px;border-color:transparent ;border-style:solid ;box-sizing:border-box;border-radius:15px 15px 15px 15px;opacity:1;background-color:#e3e7ff;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-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) {#rec1042910511 .tn-group[data-group-id="174367081259945760"] {display:flex;left:calc(50% - 480px + 170px);width:620px;height:295px;}#rec1042910511 .tn-group[data-group-id="174367081259945760"] #molecule-174367081259945760 {display:flex;}}@media screen and (max-width:959px) {#rec1042910511 .tn-group[data-group-id="174367081259945760"] {display:flex;left:calc(50% - 320px + 0px);width:651px;height:295px;}#rec1042910511 .tn-group[data-group-id="174367081259945760"] #molecule-174367081259945760 {display:flex;}}@media screen and (max-width:639px) {#rec1042910511 .tn-group[data-group-id="174367081259945760"] {display:flex;left:calc(50% - 240px + 0px);width:469px;height:295px;}#rec1042910511 .tn-group[data-group-id="174367081259945760"] #molecule-174367081259945760 {display:flex;}}@media screen and (max-width:479px) {#rec1042910511 .tn-group[data-group-id="174367081259945760"] {display:flex;top:0px;left:calc(50% - 180px + 0px);width:360px;height:400px;}#rec1042910511 .tn-group[data-group-id="174367081259945760"] #molecule-174367081259945760 {display:flex;}}#rec1042910511 .tn-group[data-group-id="174367150126371080"]{z-index:4;position:absolute;top:73px;left:20px;width:686px;height:auto;flex-shrink:0;margin:0 0 0 0;}#rec1042910511 .tn-group[data-group-id="174367150126371080"] #molecule-174367150126371080 {width:100%;height:100%;position:relative;display:flex;flex-direction:column;row-gap:4px;align-items:flex-start;justify-content:flex-start;align-content:flex-start;padding:0px 0px 0px 0px ;border-color:transparent ;border-style:solid ;box-sizing:border-box;border-radius:0px;opacity:1;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px) {#rec1042910511 .tn-group[data-group-id="174367150126371080"] {display:flex;left:20px;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1042910511 .tn-group[data-group-id="174367150126371080"] #molecule-174367150126371080 {display:flex;}}@media screen and (max-width:959px) {#rec1042910511 .tn-group[data-group-id="174367150126371080"] {display:flex;left:20px;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1042910511 .tn-group[data-group-id="174367150126371080"] #molecule-174367150126371080 {display:flex;}}@media screen and (max-width:639px) {#rec1042910511 .tn-group[data-group-id="174367150126371080"] {display:flex;left:20px;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1042910511 .tn-group[data-group-id="174367150126371080"] #molecule-174367150126371080 {display:flex;}}@media screen and (max-width:479px) {#rec1042910511 .tn-group[data-group-id="174367150126371080"] {display:flex;top:67px;left:20px;width:311px;height:259px;flex-shrink:0;order:;align-self:auto;}#rec1042910511 .tn-group[data-group-id="174367150126371080"] #molecule-174367150126371080 {display:flex;align-items:flex-start;}}#rec1042910511 .tn-elem[data-elem-id="1747750847475"]{color:#14213d;text-align:left;z-index:5;top:150px;left:0px;width:520px;flex-shrink:0;height:26px;margin:0 0 0 0;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom{color:#14213d;font-size:17px;font-family:'Inter',Arial,sans-serif;line-height:1.55;font-weight:400;border-radius:30px 30px 30px 30px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#14213d;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom:hover{color:#00c880;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom:hover .tn-atom__button-text{color:#00c880;}}@media screen and (max-width:1199px){#rec1042910511 .tn-elem[data-elem-id="1747750847475"]{display:block;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1042910511 .tn-elem[data-elem-id="1747750847475"]{display:block;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1042910511 .tn-elem[data-elem-id="1747750847475"]{display:block;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1042910511 .tn-elem[data-elem-id="1747750847475"]{display:block;top:265px;left:0px;width:273px;height:40px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1747750847475"] .tn-atom:hover{animation-name:none;}}}#rec1042910511 .tn-elem[data-elem-id="1743760579709"]{color:#14213d;text-align:left;z-index:6;top:120px;left:0px;width:520px;flex-shrink:0;height:26px;margin:0 0 0 0;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom{color:#14213d;font-size:17px;font-family:'Inter',Arial,sans-serif;line-height:1.55;font-weight:400;border-radius:30px 30px 30px 30px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#14213d;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom:hover{color:#00c880;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom:hover .tn-atom__button-text{color:#00c880;}}@media screen and (max-width:1199px){#rec1042910511 .tn-elem[data-elem-id="1743760579709"]{display:block;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1042910511 .tn-elem[data-elem-id="1743760579709"]{display:block;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1042910511 .tn-elem[data-elem-id="1743760579709"]{display:block;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1042910511 .tn-elem[data-elem-id="1743760579709"]{display:block;top:221px;left:0px;width:273px;height:40px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743760579709"] .tn-atom:hover{animation-name:none;}}}#rec1042910511 .tn-elem[data-elem-id="1743671499018"]{color:#14213d;text-align:left;z-index:7;top:90px;left:0px;width:520px;flex-shrink:0;height:26px;margin:0 0 0 0;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom{color:#14213d;font-size:17px;font-family:'Inter',Arial,sans-serif;line-height:1.55;font-weight:400;border-radius:30px 30px 30px 30px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#14213d;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover{color:#00c880;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover .tn-atom__button-text{color:#00c880;}}@media screen and (max-width:1199px){#rec1042910511 .tn-elem[data-elem-id="1743671499018"]{display:block;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1042910511 .tn-elem[data-elem-id="1743671499018"]{display:block;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1042910511 .tn-elem[data-elem-id="1743671499018"]{display:block;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1042910511 .tn-elem[data-elem-id="1743671499018"]{display:block;top:167px;left:0px;width:273px;height:50px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover{animation-name:none;}}}#rec1042910511 .tn-elem[data-elem-id="1743671498566"]{color:#14213d;text-align:left;z-index:8;top:60px;left:0px;width:520px;flex-shrink:0;height:26px;margin:0 0 0 0;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom{color:#14213d;font-size:17px;font-family:'Inter',Arial,sans-serif;line-height:1.55;font-weight:400;border-radius:30px 30px 30px 30px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#14213d;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover{color:#00c880;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover .tn-atom__button-text{color:#00c880;}}@media screen and (max-width:1199px){#rec1042910511 .tn-elem[data-elem-id="1743671498566"]{display:block;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1042910511 .tn-elem[data-elem-id="1743671498566"]{display:block;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1042910511 .tn-elem[data-elem-id="1743671498566"]{display:block;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1042910511 .tn-elem[data-elem-id="1743671498566"]{display:block;top:123px;left:0px;width:270px;height:40px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover{animation-name:none;}}}#rec1042910511 .tn-elem[data-elem-id="1743671498059"]{color:#14213d;text-align:left;z-index:9;top:30px;left:0px;width:681px;flex-shrink:0;height:26px;margin:0 0 0 0;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom{color:#14213d;font-size:17px;font-family:'Inter',Arial,sans-serif;line-height:1.55;font-weight:400;border-radius:30px 30px 30px 30px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#14213d;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover{color:#00c880;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover .tn-atom__button-text{color:#00c880;}}@media screen and (max-width:1199px){#rec1042910511 .tn-elem[data-elem-id="1743671498059"]{display:block;left:0px;width:520px;height:52px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1042910511 .tn-elem[data-elem-id="1743671498059"]{display:block;left:0px;width:520px;height:52px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1042910511 .tn-elem[data-elem-id="1743671498059"]{display:block;left:0px;width:411px;height:52px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1042910511 .tn-elem[data-elem-id="1743671498059"]{display:block;top:44px;left:0px;width:270px;height:75px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover{animation-name:none;}}}#rec1042910511 .tn-elem[data-elem-id="1743671432468"]{color:#14213d;text-align:left;z-index:10;top:0px;left:0px;width:520px;flex-shrink:0;height:26px;margin:0 0 0 0;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom{color:#14213d;font-size:17px;font-family:'Inter',Arial,sans-serif;line-height:1.55;font-weight:400;border-radius:30px 30px 30px 30px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#14213d;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover{color:#00c880;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover .tn-atom__button-text{color:#00c880;}}@media screen and (max-width:1199px){#rec1042910511 .tn-elem[data-elem-id="1743671432468"]{display:block;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1042910511 .tn-elem[data-elem-id="1743671432468"]{display:block;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1042910511 .tn-elem[data-elem-id="1743671432468"]{display:block;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom{white-space:normal;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1042910511 .tn-elem[data-elem-id="1743671432468"]{display:block;top:0px;left:0px;width:370px;height:40px;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom::after{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover::after{opacity:0;}#rec1042910511 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover{animation-name:none;}}}#rec1042910511 .tn-elem[data-elem-id="1743670770549"]{color:#14213d;z-index:11;top:20px;left:20px;width:100%;flex-shrink:0;height:auto;margin:0 0 0 0;}#rec1042910511 .tn-elem[data-elem-id="1743670770549"] .tn-atom{vertical-align:middle;color:#14213d;font-size:24px;font-family:'Inter',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){#rec1042910511 .tn-elem[data-elem-id="1743670770549"]{display:table;left:20px;width:100%;height:auto;flex-shrink:0;}}@media screen and (max-width:959px){#rec1042910511 .tn-elem[data-elem-id="1743670770549"]{display:table;left:20px;width:100%;height:auto;flex-shrink:0;}}@media screen and (max-width:639px){#rec1042910511 .tn-elem[data-elem-id="1743670770549"]{display:table;left:20px;width:100%;height:auto;flex-shrink:0;}}@media screen and (max-width:479px){#rec1042910511 .tn-elem[data-elem-id="1743670770549"]{display:table;top:20px;left:20px;width:100%;height:auto;flex-shrink:0;}#rec1042910511 .tn-elem[data-elem-id="1743670770549"] .tn-atom{font-size:20px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1042910511" data-artboard-screens="360,480,640,960,1200" data-artboard-height="270" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-360="400"> <div class="t396__carrier" data-artboard-recid="1042910511"></div> <div class="t396__filter" data-artboard-recid="1042910511"></div> <div
class="t396__group tn-group tn-group__1042910511174367081259945760 t396__group-flex " data-fields="top,left,container" data-group-id="174367081259945760" data-group-type-value="physical" data-group-top-value="0" data-group-left-value="220" data-group-padding="20px 20px 20px 20px" data-group-flex="auto" data-group-flexdirection="column" data-group-flexalignitems="flex-start" data-group-widthmode="fixed" data-group-heightmode="hug" data-group-container-value="grid" data-group-height-value="269" data-group-width-value="759" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-top-res-360-value="0" data-group-left-res-360-value="0" data-group-height-res-360-value="400" data-group-width-res-360-value="360" data-group-widthmode-res-360="fixed" data-group-heightmode-res-360="fixed" data-group-left-res-480-value="0" data-group-height-res-480-value="295" data-group-width-res-480-value="469" data-group-widthmode-res-480="fixed" data-group-left-res-640-value="0" data-group-height-res-640-value="295" data-group-width-res-640-value="651" data-group-widthmode-res-640="fixed" data-group-left-res-960-value="170" data-group-height-res-960-value="295" data-group-width-res-960-value="620" data-group-widthmode-res-960="fixed"> <div
class="tn-molecule"
id="molecule-174367081259945760"> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10429105111743670770549' data-elem-id='1743670770549' data-elem-type='text' data-field-top-value="20" data-field-left-value="240" data-field-height-value="37" data-field-width-value="719" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fill" data-field-heightmode-value="fixed" data-field-fontsize-value="24" data-field-top-res-360-value="20" data-field-left-res-360-value="20" data-field-height-res-360-value="31" data-field-width-res-360-value="320" data-field-fontsize-res-360-value="20" data-field-left-res-480-value="20" data-field-height-res-480-value="37" data-field-width-res-480-value="429" data-field-left-res-640-value="20" data-field-height-res-640-value="37" data-field-width-res-640-value="611" data-field-left-res-960-value="190" data-field-height-res-960-value="37" data-field-width-res-960-value="580"> <div class='tn-atom'field='tn_text_1743670770549'><strong>Содержание статьи</strong></div> </div> <div
class="t396__group tn-group t396__elem-flex tn-group__1042910511174367150126371080 t396__group-flex " data-fields="top,left,container" data-group-id="174367150126371080" data-group-type-value="physical" data-group-top-value="73" data-group-left-value="240" data-group-padding="0 0 0 0" data-group-flex="auto" data-group-flexdirection="column" data-group-flexalignitems="flex-start" data-group-widthmode="fixed" data-group-heightmode="hug" data-group-container-value="grid" data-group-height-value="176" data-group-width-value="686" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-top-res-360-value="67" data-group-left-res-360-value="20" data-group-height-res-360-value="259" data-group-width-res-360-value="311" data-group-widthmode-res-360="fixed" data-group-heightmode-res-360="fixed" data-group-left-res-480-value="20" data-group-height-res-480-value="202" data-group-left-res-640-value="20" data-group-height-res-640-value="202" data-group-left-res-960-value="190" data-group-height-res-960-value="202"> <div
class="tn-molecule"
id="molecule-174367150126371080"> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10429105111743671432468' data-elem-id='1743671432468' data-elem-type='button' data-field-top-value="73" data-field-left-value="240" data-field-height-value="26" 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="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="17" data-field-top-res-360-value="67" data-field-left-res-360-value="20" data-field-height-res-360-value="40" data-field-width-res-360-value="370" data-field-widthmode-res-360-value="fixed" data-field-heightmode-res-360-value="fixed" data-field-fontsize-res-360-value="16" data-field-left-res-480-value="20" data-field-height-res-480-value="26" data-field-width-res-480-value="520" data-field-left-res-640-value="20" data-field-height-res-640-value="26" data-field-width-res-640-value="520" data-field-left-res-960-value="190" data-field-height-res-960-value="26" data-field-width-res-960-value="520"> <a class='tn-atom' href="#a1"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">1. Зачем нужен playbook</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10429105111743671498059' data-elem-id='1743671498059' data-elem-type='button' data-field-top-value="103" data-field-left-value="240" data-field-height-value="26" data-field-width-value="681" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="17" data-field-top-res-360-value="111" data-field-left-res-360-value="20" data-field-height-res-360-value="75" data-field-width-res-360-value="270" data-field-widthmode-res-360-value="fixed" data-field-heightmode-res-360-value="fixed" data-field-fontsize-res-360-value="16" data-field-left-res-480-value="20" data-field-height-res-480-value="52" data-field-width-res-480-value="411" data-field-widthmode-res-480-value="fixed" data-field-left-res-640-value="20" data-field-height-res-640-value="52" data-field-width-res-640-value="520" data-field-left-res-960-value="190" data-field-height-res-960-value="52" data-field-width-res-960-value="520"> <a class='tn-atom' href="#a2"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">2. Какой сценарий наиболее подходит для использования Ansible</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10429105111743671498566' data-elem-id='1743671498566' data-elem-type='button' data-field-top-value="133" data-field-left-value="240" data-field-height-value="26" 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="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="17" data-field-top-res-360-value="190" data-field-left-res-360-value="20" data-field-height-res-360-value="40" data-field-width-res-360-value="270" data-field-widthmode-res-360-value="fixed" data-field-heightmode-res-360-value="fixed" data-field-fontsize-res-360-value="16" data-field-left-res-480-value="20" data-field-height-res-480-value="26" data-field-width-res-480-value="520" data-field-left-res-640-value="20" data-field-height-res-640-value="26" data-field-width-res-640-value="520" data-field-top-res-960-value="159" data-field-left-res-960-value="190" data-field-height-res-960-value="26" data-field-width-res-960-value="520"> <a class='tn-atom' href="#a3"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">3. Как запустить playbook Ansible</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10429105111743671499018' data-elem-id='1743671499018' data-elem-type='button' data-field-top-value="163" data-field-left-value="240" data-field-height-value="26" 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="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="17" data-field-top-res-360-value="234" data-field-left-res-360-value="20" data-field-height-res-360-value="50" data-field-width-res-360-value="273" data-field-heightmode-res-360-value="fixed" data-field-fontsize-res-360-value="16" data-field-left-res-480-value="20" data-field-height-res-480-value="26" data-field-width-res-480-value="520" data-field-left-res-640-value="20" data-field-height-res-640-value="26" data-field-width-res-640-value="520" data-field-top-res-960-value="189" data-field-left-res-960-value="190" data-field-height-res-960-value="26" data-field-width-res-960-value="520"> <a class='tn-atom' href="#a4"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">4. Использование переменных в плейбуках</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10429105111743760579709' data-elem-id='1743760579709' data-elem-type='button' data-field-top-value="193" data-field-left-value="240" data-field-height-value="26" 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="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="17" data-field-top-res-360-value="288" data-field-left-res-360-value="20" data-field-height-res-360-value="40" data-field-width-res-360-value="273" data-field-heightmode-res-360-value="fixed" data-field-fontsize-res-360-value="16" data-field-left-res-480-value="20" data-field-height-res-480-value="26" data-field-width-res-480-value="520" data-field-left-res-640-value="20" data-field-height-res-640-value="26" data-field-width-res-640-value="520" data-field-top-res-960-value="219" data-field-left-res-960-value="190" data-field-height-res-960-value="26" data-field-width-res-960-value="520"> <a class='tn-atom' href="#a5"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">5. Работа с репозиториями</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10429105111747750847475' data-elem-id='1747750847475' data-elem-type='button' data-field-top-value="223" data-field-left-value="240" data-field-height-value="26" 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="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="17" data-field-top-res-360-value="332" data-field-left-res-360-value="20" data-field-height-res-360-value="40" data-field-width-res-360-value="273" data-field-heightmode-res-360-value="fixed" data-field-fontsize-res-360-value="16" data-field-left-res-480-value="20" data-field-height-res-480-value="26" data-field-width-res-480-value="520" data-field-left-res-640-value="20" data-field-height-res-640-value="26" data-field-width-res-640-value="520" data-field-top-res-960-value="249" data-field-left-res-960-value="190" data-field-height-res-960-value="26" data-field-width-res-960-value="520"> <a class='tn-atom' href="#a6"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">6. Заключение</span> </div> <span class="tn-atom__button-border"></span> </a> </div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1042910511');});});</script> <!-- /T396 --> </div> <div id="rec1042910516" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><strong>Ansible (Ансибл)</strong> — это инструмент автоматизации, его любят за простоту, читаемость и мощные возможности. Он позволяет администрировать серверы, разворачивать приложения, управлять инфраструктурой, не прибегая к громоздким скриптам или сложным конфигурациям. <strong>В центре его логики — playbook:</strong> набор задач, описанных в YAML, который выполняется по шагам на удалённых машинах.</div> </div> </div> </div> <style> #rec1042910516 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910516 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910521" class="r t-rec" style=" " data-record-type="215"> <a name="a1" style="font-size:0;"></a> </div> <div id="rec1042910526" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " data-animationappear="off" data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t050__title t-title t-title_xxl" field="title">Зачем нужен playbook</h2> </div> </div> </div> <style> #rec1042910526 .t050__uptitle{text-transform:uppercase;}#rec1042910526 .t050__title{color:#161518;}@media screen and (min-width:900px){#rec1042910526 .t050__title{font-size:38px;}}@media screen and (min-width:480px) and (max-width:900px){#rec1042910526 .t050__title{font-size:28px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910526 .t050__title{font-size:28px;}}</style> </div> <div id="rec1042910531" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><strong>Плейбук</strong> — это сценарий, в котором описано, что именно должен сделать Ансибл: установить пакеты, создать пользователей, скопировать файлы, перезапустить сервис. Всё это выглядит как обычный список задач. Никакой магии — только логика и порядок. Благодаря этому playbook быстро читается, его легко редактировать, а изменения можно отслеживать в Git.<br /><br /><strong>Вот пример самого простого playbook</strong>, который устанавливает nginx:<br /><br /><span style="color: rgb(74, 153, 116);">- hosts: web</span><br /><span style="color: rgb(74, 153, 116);"> become: yes</span><br /><span style="color: rgb(74, 153, 116);"> tasks:</span><br /><span style="color: rgb(74, 153, 116);"> - name: Установить nginx</span><br /><span style="color: rgb(74, 153, 116);"> apt:</span><br /><span style="color: rgb(74, 153, 116);"> name: nginx</span><br /><span style="color: rgb(74, 153, 116);"> state: present</span><br /><br />Всё, что выше — это полноценный сценарий. Подразумевается, что у вас есть инвентори-файл, где указано, кто такие web. Ansible подключится по SSH и выполнит задачу: установит nginx.</div> </div> </div> </div> <style> #rec1042910531 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910531 .t-text{font-size:16px;}}</style> </div> <div id="rec1075986026" class="r t-rec t-rec_pt_75 t-rec_pb_75" style="padding-top:75px;padding-bottom:75px; " data-record-type="3"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6163-3432-4239-b532-646666623938/_Ansible-Playbook__1.png"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6163-3432-4239-b532-646666623938/-/empty/_Ansible-Playbook__1.png" data-original="https://static.tildacdn.com/tild6163-3432-4239-b532-646666623938/_Ansible-Playbook__1.png"
imgfield="img"
alt=""> </div> </div> </div> <div id="rec1042910536" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Кто использует Ansible-playbook на практике</h3> </div> </div> </div> <style> #rec1042910536 .t050__uptitle{text-transform:uppercase;}#rec1042910536 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042910536 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910536 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042910541" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><ul><li data-list="bullet"><strong>DevOps-инженеры</strong> — для автоматизации CI/CD, настройки кластеров и управления облачной инфраструктурой.</li><li data-list="bullet"><strong>Системные администраторы</strong> — чтобы быстро разворачивать серверы, управлять конфигурациями, обновлять ПО.</li><li data-list="bullet"><strong>Разработчики</strong> — особенно в небольших командах, где инфраструктурой занимаются «всем миром».</li><li data-list="bullet"><strong>Инфраструктурные команды</strong> — для поддержки конфигурационного дрейфа и единых стандартов.</li></ul><br />Сценарии, которые раньше писались вручную в Bash, теперь заменяются плейбуками. Это нагляднее и быстрее.</div> </div> </div> </div> <style> #rec1042910541 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910541 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910546" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Простой сценарий: установка и запуск сервиса</h3> </div> </div> </div> <style> #rec1042910546 .t050__uptitle{text-transform:uppercase;}#rec1042910546 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042910546 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910546 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042910551" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Рассмотрим другой базовый пример — установка Apache и запуск его службы. Такой плейбук может пригодиться при автоматизации развёртывания веб-сервера:<br /><br /><span style="color: rgb(74, 153, 116);">- hosts: web</span><br /><span style="color: rgb(74, 153, 116);"> become: yes</span><br /><span style="color: rgb(74, 153, 116);"> tasks:</span><br /><span style="color: rgb(74, 153, 116);"> - name: Установить Apache</span><br /><span style="color: rgb(74, 153, 116);"> apt:</span><br /><span style="color: rgb(74, 153, 116);"> name: apache2</span><br /><span style="color: rgb(74, 153, 116);"> state: latest</span><br /><span style="color: rgb(74, 153, 116);"> - name: Убедиться, что Apache запущен</span><br /><span style="color: rgb(74, 153, 116);"> service:</span><br /><span style="color: rgb(74, 153, 116);"> name: apache2</span><br /><span style="color: rgb(74, 153, 116);"> state: started</span><br /><span style="color: rgb(74, 153, 116);"> enabled: yes</span><br /><br />Такой код решает сразу две задачи: установка нужного пакета и проверка, что служба запущена и будет подниматься при старте системы.</div> </div> </div> </div> <style> #rec1042910551 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910551 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910556" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Структура плейбуков и модульный подход</h3> </div> </div> </div> <style> #rec1042910556 .t050__uptitle{text-transform:uppercase;}#rec1042910556 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042910556 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910556 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042910561" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Playbook строится вокруг идей <strong>идемпотентности и повторяемости.</strong> Каждая задача выполняется только при необходимости. Если nginx уже установлен — Ансибл это «поймёт» и пропустит шаг. Это особенно важно для стабильности и предсказуемости автоматизации.<br />Можно объединять несколько задач в один блок, использовать переменные, шаблоны, условия и циклы. Для повторно используемой логики лучше выделять роли (roles), но о них позже.<br /><br /><strong>Вот как может выглядеть плейбук с использованием переменных:</strong><br /><br /><span style="color: rgb(74, 153, 116);">- hosts: all</span><br /><span style="color: rgb(74, 153, 116);"> become: yes</span><br /><span style="color: rgb(74, 153, 116);"> vars:</span><br /><span style="color: rgb(74, 153, 116);"> web_package: nginx</span><br /><span style="color: rgb(74, 153, 116);"> tasks:</span><br /><span style="color: rgb(74, 153, 116);"> - name: Установить веб-сервер</span><br /><span style="color: rgb(74, 153, 116);"> apt:</span><br /><span style="color: rgb(74, 153, 116);"> name: «{{ web_package }}»</span><br /><span style="color: rgb(74, 153, 116);"> state: present</span><br /><br />Такая структура позволяет быстро адаптировать сценарий под разные окружения. Например, можно заменить nginx на <span style="color: rgb(74, 153, 116);">apache2</span>, не меняя саму логику задач.</div> </div> </div> </div> <style> #rec1042910561 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910561 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910566" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Реальные примеры: настройка пользователей и SSH</h3> </div> </div> </div> <style> #rec1042910566 .t050__uptitle{text-transform:uppercase;}#rec1042910566 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042910566 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910566 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042910571" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Ansible легко справляется с задачами, которые в обычной жизни надо выполнять вручную или с помощью Bash-скриптов. Например, можно добавить нового пользователя с SSH-ключом и sudo-доступом:<br /><br /><span style="color: rgb(74, 153, 116);">- hosts: servers</span><br /><span style="color: rgb(74, 153, 116);"> become: yes</span><br /><span style="color: rgb(74, 153, 116);"> tasks:</span><br /><span style="color: rgb(74, 153, 116);"> - name: Добавить пользователя devops</span><br /><span style="color: rgb(74, 153, 116);"> user:</span><br /><span style="color: rgb(74, 153, 116);"> name: devops</span><br /><span style="color: rgb(74, 153, 116);"> shell: /bin/bash</span><br /><span style="color: rgb(74, 153, 116);"> groups: sudo</span><br /><span style="color: rgb(74, 153, 116);"> append: yes</span><br /><span style="color: rgb(74, 153, 116);"> - name: Установить SSH ключ</span><br /><span style="color: rgb(74, 153, 116);"> authorized_key:</span><br /><span style="color: rgb(74, 153, 116);"> user: devops</span><br /><span style="color: rgb(74, 153, 116);"> key: «{{ lookup('file', 'id_rsa.pub') }}»</span><br /><br />Такие плейбуки полезны, когда нужно подготовить несколько машин — вручную это заняло бы в разы больше времени, а главное, ошибок стало бы больше.</div> </div> </div> </div> <style> #rec1042910571 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910571 .t-text{font-size:16px;}}</style> </div> <div id="rec1042954101" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Автоматизация деплоя приложений</h3> </div> </div> </div> <style> #rec1042954101 .t050__uptitle{text-transform:uppercase;}#rec1042954101 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042954101 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042954101 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042955186" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Один из самых частых кейсов — развёртывание веб-приложения. Это может включать установку зависимостей, клонирование репозитория, запуск команд сборки или миграций:<br /><br /><span style="color: rgb(74, 153, 116);">- hosts: app</span><br /><span style="color: rgb(74, 153, 116);"> become: yes</span><br /><span style="color: rgb(74, 153, 116);"> vars:</span><br /><span style="color: rgb(74, 153, 116);"> repo_url: «https://github.com/example/project.git»</span><br /><span style="color: rgb(74, 153, 116);"> dest: "/var/www/project"</span><br /><span style="color: rgb(74, 153, 116);"> tasks:</span><br /><span style="color: rgb(74, 153, 116);"> - name: Клонировать репозиторий</span><br /><span style="color: rgb(74, 153, 116);"> git:</span><br /><span style="color: rgb(74, 153, 116);"> repo: «{{ repo_url }}»</span><br /><span style="color: rgb(74, 153, 116);"> dest: «{{ dest }}»</span><br /><span style="color: rgb(74, 153, 116);"> version: main</span><br /><span style="color: rgb(74, 153, 116);"> - name: Установить зависимости</span><br /><span style="color: rgb(74, 153, 116);"> command: npm install</span><br /><span style="color: rgb(74, 153, 116);"> args:</span><br /><span style="color: rgb(74, 153, 116);"> chdir: «{{ dest }}»</span><br /><span style="color: rgb(74, 153, 116);"> - name: Запустить сборку</span><br /><span style="color: rgb(74, 153, 116);"> command: npm run build</span><br /><span style="color: rgb(74, 153, 116);"> args:</span><br /><span style="color: rgb(74, 153, 116);"> chdir: «{{ dest }}»</span><br /><br />Этот плейбук уже ближе к «боевым» задачам — в нём участвуют переменные, внешние команды и шаги, характерные для CI/CD пайплайнов.</div> </div> </div> </div> <style> #rec1042955186 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042955186 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910576" class="r t-rec t-rec_pt_30" style="padding-top:30px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1042910576 .t396__artboard {height:330px;background-color:#ffffff;}#rec1042910576 .t396__filter {height:330px;}#rec1042910576 .t396__carrier{height:330px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1042910576 .t396__artboard,#rec1042910576 .t396__filter,#rec1042910576 .t396__carrier {}#rec1042910576 .t396__filter {}#rec1042910576 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1042910576 .t396__artboard,#rec1042910576 .t396__filter,#rec1042910576 .t396__carrier {height:380px;}#rec1042910576 .t396__filter {}#rec1042910576 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1042910576 .t396__artboard,#rec1042910576 .t396__filter,#rec1042910576 .t396__carrier {height:380px;}#rec1042910576 .t396__filter {}#rec1042910576 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec1042910576 .t396__artboard,#rec1042910576 .t396__filter,#rec1042910576 .t396__carrier {height:300px;}#rec1042910576 .t396__filter {}#rec1042910576 .t396__carrier {background-attachment:scroll;}}#rec1042910576 .tn-elem[data-elem-id="1745214258584"]{z-index:3;top:0px;;left:calc(50% - 600px + 220px);;width:760px;height:330px;}#rec1042910576 .tn-elem[data-elem-id="1745214258584"] .tn-atom{border-radius:20px 20px 20px 20px;background-color:#eef3ff;background-position:center center;--t396-borderwidth:2px;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){#rec1042910576 .tn-elem[data-elem-id="1745214258584"]{display:table;left:calc(50% - 480px + 99px);;}}@media screen and (max-width:959px){#rec1042910576 .tn-elem[data-elem-id="1745214258584"]{display:table;left:calc(50% - 320px + 9px);;width:631px;height:380px;}}@media screen and (max-width:639px){#rec1042910576 .tn-elem[data-elem-id="1745214258584"]{display:table;width:463px;height:380px;}}@media screen and (max-width:479px){#rec1042910576 .tn-elem[data-elem-id="1745214258584"]{display:table;width:302px;height:300px;}#rec1042910576 .tn-elem[data-elem-id="1745214258584"] .tn-atom{background-size:cover;opacity:1;}}#rec1042910576 .tn-elem[data-elem-id="1745214258590"]{z-index:4;top:103px;;left:calc(50% - 600px + 729px);;width:192px;height:auto;}#rec1042910576 .tn-elem[data-elem-id="1745214258590"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec1042910576 .tn-elem[data-elem-id="1745214258590"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec1042910576 .tn-elem[data-elem-id="1745214258590"]{display:table;left:calc(50% - 480px + 559px);;height:auto;}}@media screen and (max-width:959px){#rec1042910576 .tn-elem[data-elem-id="1745214258590"]{display:table;top:132px;;left:calc(50% - 320px + 437px);;width:209px;height:auto;}}@media screen and (max-width:639px){#rec1042910576 .tn-elem[data-elem-id="1745214258590"]{display:table;top:163px;;left:calc(50% - 240px + 520px);;width:209px;height:auto;}}@media screen and (max-width:479px){#rec1042910576 .tn-elem[data-elem-id="1745214258590"]{display:table;top:182px;;left:calc(50% - 160px + 230px);;width:100px;height:auto;}}#rec1042910576 .tn-elem[data-elem-id="1745214258589"]{color:#170f63;z-index:5;top:140px;;left:calc(50% - 600px + 260px);;width:405px;height:92px;}#rec1042910576 .tn-elem[data-elem-id="1745214258589"] .tn-atom{vertical-align:top;color:#170f63;font-size:18px;font-family:'Inter',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){#rec1042910576 .tn-elem[data-elem-id="1745214258589"]{display:table;left:calc(50% - 480px + 139px);;height:auto;}}@media screen and (max-width:959px){#rec1042910576 .tn-elem[data-elem-id="1745214258589"]{display:table;top:158px;;left:calc(50% - 320px + 49px);;width:407px;height:auto;}}@media screen and (max-width:639px){#rec1042910576 .tn-elem[data-elem-id="1745214258589"]{display:table;top:186px;;height:auto;}}@media screen and (max-width:479px){#rec1042910576 .tn-elem[data-elem-id="1745214258589"]{display:table;top:132px;;left:calc(50% - 160px + 33px);;width:266px;height:auto;}#rec1042910576 .tn-elem[data-elem-id="1745214258589"] .tn-atom{font-size:14px;background-size:cover;}}#rec1042910576 .tn-elem[data-elem-id="1745214258587"]{color:#170f63;z-index:6;top:30px;;left:calc(50% - 600px + 260px);;width:660px;height:98px;}#rec1042910576 .tn-elem[data-elem-id="1745214258587"] .tn-atom{vertical-align:top;color:#170f63;font-size:38px;font-family:'Inter',Arial,sans-serif;line-height:1.3;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){#rec1042910576 .tn-elem[data-elem-id="1745214258587"]{display:table;left:calc(50% - 480px + 139px);;height:auto;}}@media screen and (max-width:959px){#rec1042910576 .tn-elem[data-elem-id="1745214258587"]{display:table;left:calc(50% - 320px + 49px);;width:569px;height:auto;}}@media screen and (max-width:639px){#rec1042910576 .tn-elem[data-elem-id="1745214258587"]{display:table;width:401px;height:auto;}#rec1042910576 .tn-elem[data-elem-id="1745214258587"] .tn-atom{font-size:35px;background-size:cover;}}@media screen and (max-width:479px){#rec1042910576 .tn-elem[data-elem-id="1745214258587"]{display:table;top:27px;;left:calc(50% - 160px + 31px);;width:268px;height:auto;text-align:left;}#rec1042910576 .tn-elem[data-elem-id="1745214258587"] .tn-atom{font-size:24px;letter-spacing:0px;background-size:cover;}}#rec1042910576 .tn-elem[data-elem-id="1745214258595"]{color:#ffffff;text-align:center;z-index:7;top:253px;;left:calc(50% - 600px + 260px);;width:300px;height:50px;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom{color:#ffffff;font-size:18px;font-family:'Inter',Arial,sans-serif;line-height:1.55;font-weight:400;border-radius:15px 15px 15px 15px;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:#5c76ff;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom::after{display:none;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover::after{opacity:0;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1042910576 .tn-elem[data-elem-id="1745214258595"]{display:block;left:calc(50% - 480px + 139px);;width:px;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom::after{display:none;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover::after{opacity:0;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1042910576 .tn-elem[data-elem-id="1745214258595"]{display:block;top:286px;;left:calc(50% - 320px + 49px);;width:px;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom::after{display:none;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover::after{opacity:0;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1042910576 .tn-elem[data-elem-id="1745214258595"]{display:block;top:300px;;width:px;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom::after{display:none;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover::after{opacity:0;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1042910576 .tn-elem[data-elem-id="1745214258595"]{display:block;top:238px;;left:calc(50% - 160px + 30px);;width:230px;height:45px;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom{white-space:normal;font-size:14px;background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);background-color:var(--t396-bgcolor-color,transparent);}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom::after{display:none;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover::after{opacity:0;}#rec1042910576 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover{animation-name:none;}}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1042910576" data-artboard-screens="320,480,640,960,1200" data-artboard-height="330" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="300" data-artboard-upscale-res-320="window" data-artboard-height-res-480="380" data-artboard-height-res-640="380"> <div class="t396__carrier" data-artboard-recid="1042910576"></div> <div class="t396__filter" data-artboard-recid="1042910576"></div> <div class='t396__elem tn-elem tn-elem__10429105761745214258584' data-elem-id='1745214258584' data-elem-type='shape' data-field-top-value="0" data-field-left-value="220" data-field-height-value="330" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-height-res-320-value="300" data-field-width-res-320-value="302" data-field-height-res-480-value="380" data-field-width-res-480-value="463" data-field-left-res-640-value="9" data-field-height-res-640-value="380" data-field-width-res-640-value="631" data-field-left-res-960-value="99"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__10429105761745214258590' data-elem-id='1745214258590' data-elem-type='image' data-field-top-value="103" data-field-left-value="729" data-field-height-value="227" data-field-width-value="192" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="1040" data-field-fileheight-value="1232" data-field-heightmode-value="hug" data-field-top-res-320-value="182" data-field-left-res-320-value="230" data-field-height-res-320-value="118" data-field-width-res-320-value="100" data-field-top-res-480-value="163" data-field-left-res-480-value="520" data-field-height-res-480-value="248" data-field-width-res-480-value="209" data-field-container-res-480-value="grid" data-field-top-res-640-value="132" data-field-left-res-640-value="437" data-field-height-res-640-value="248" data-field-width-res-640-value="209" data-field-left-res-960-value="559" data-field-height-res-960-value="227"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3633-3737-4461-b561-373039363636/Frame_1321315329.png'
src='https://thb.tildacdn.com/tild3633-3737-4461-b561-373039363636/-/resize/20x/Frame_1321315329.png'
alt='' imgfield='tn_img_1745214258590'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__10429105761745214258589' data-elem-id='1745214258589' data-elem-type='text' data-field-top-value="140" data-field-left-value="260" data-field-height-value="92" data-field-width-value="405" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="fixedsize" data-field-fontsize-value="18" data-field-top-res-320-value="132" data-field-left-res-320-value="33" data-field-width-res-320-value="266" data-field-fontsize-res-320-value="14" data-field-top-res-480-value="186" data-field-top-res-640-value="158" data-field-left-res-640-value="49" data-field-width-res-640-value="407" data-field-left-res-960-value="139"> <div class='tn-atom'field='tn_text_1745214258589'>Приглашаем в наше телеграм-сообщество, где делимся лучшими статьями с Хабра по рекомендациям и практикам работы с Ansible.</div> </div> <div class='t396__elem tn-elem tn-elem__10429105761745214258587' data-elem-id='1745214258587' data-elem-type='text' data-field-top-value="30" data-field-left-value="260" data-field-height-value="98" data-field-width-value="660" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="fixedsize" data-field-fontsize-value="38" data-field-top-res-320-value="27" data-field-left-res-320-value="31" data-field-height-res-320-value="93" data-field-width-res-320-value="268" data-field-fontsize-res-320-value="24" data-field-height-res-480-value="147" data-field-width-res-480-value="401" data-field-fontsize-res-480-value="35" data-field-left-res-640-value="49" data-field-height-res-640-value="147" data-field-width-res-640-value="569" data-field-left-res-960-value="139"> <div class='tn-atom'field='tn_text_1745214258587'><strong>Все полезные материалы по Ansible в одном месте</strong></div> </div> <div class='t396__elem tn-elem tn-elem__10429105761745214258595' data-elem-id='1745214258595' data-elem-type='button' data-field-top-value="253" data-field-left-value="260" data-field-height-value="50" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="18" data-field-top-res-320-value="238" data-field-left-res-320-value="30" data-field-height-res-320-value="45" data-field-width-res-320-value="230" data-field-container-res-320-value="grid" data-field-heightmode-res-320-value="fixed" data-field-fontsize-res-320-value="14" data-field-top-res-480-value="300" data-field-top-res-640-value="286" data-field-left-res-640-value="49" data-field-left-res-960-value="139"> <a class='tn-atom' href="https://t.me/ansible_slurm_bot?start=seo_ansible_article1" 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> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1042910576');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1042910576');});});</script> <!-- /T396 --> </div> <div id="rec1042910591" class="r t-rec" style=" " data-record-type="215"> <a name="a2" style="font-size:0;"></a> </div> <div id="rec1042910596" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " data-animationappear="off" data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t050__title t-title t-title_xxl" field="title">Какой сценарий наиболее подходит для использования Ansible</h2> </div> </div> </div> <style> #rec1042910596 .t050__uptitle{text-transform:uppercase;}#rec1042910596 .t050__title{color:#161518;}@media screen and (min-width:900px){#rec1042910596 .t050__title{font-size:38px;}}@media screen and (min-width:480px) and (max-width:900px){#rec1042910596 .t050__title{font-size:28px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910596 .t050__title{font-size:28px;}}</style> </div> <div id="rec1042910601" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Ансибл — это про стабильность, масштаб и повторяемость. <strong>Он особенно полезен, когда:</strong><br /><br /><ul><li data-list="bullet">у вас много однотипных серверов;</li><li data-list="bullet">вы хотите избежать ручной настройки;</li><li data-list="bullet">конфигурации должны быть одинаковыми в dev/stage/prod;</li><li data-list="bullet">нужно быстро восстановить окружение «с нуля»;</li><li data-list="bullet">важна прозрачность и возможность код-ревью для инфраструктурных изменений.</li></ul><br />Простой пример — обновление пакетов на десятках серверов. Без Ансибл вы бы заходили по очереди через SSH. С плейбуком — одна команда и всё готово.<br /><br /><strong>Вот как выглядит типичный запуск:</strong><br /><br /><span style="color: rgb(74, 153, 116);">ansible-playbook -i inventory.ini site.yml</span><br /><br />Где inventory.ini — список хостов, а site.yml — основной playbook. Важно помнить, что Ансибл <strong>не требует установки агентов</strong> на управляемых машинах — только SSH-доступ и Python.</div> </div> </div> </div> <style> #rec1042910601 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910601 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910606" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Резюме: почему стоит начать именно с плейбуков</h3> </div> </div> </div> <style> #rec1042910606 .t050__uptitle{text-transform:uppercase;}#rec1042910606 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042910606 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910606 .t050__title{font-size:20px;}}</style> </div> <div id="rec1075986866" class="r t-rec t-rec_pt_75 t-rec_pb_75" style="padding-top:75px;padding-bottom:75px; " data-record-type="3"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6531-3633-4836-b836-626134613539/_Ansible-Playbook__2.png"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6531-3633-4836-b836-626134613539/-/empty/_Ansible-Playbook__2.png" data-original="https://static.tildacdn.com/tild6531-3633-4836-b836-626134613539/_Ansible-Playbook__2.png"
imgfield="img"
alt=""> </div> </div> </div> <div id="rec1042910611" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><ul><li data-list="bullet">Плейбук читается как обычный список задач — доступен даже новичкам.</li><li data-list="bullet">Он позволяет управлять не только Linux, но и Windows, сетевым оборудованием, Docker, Kubernetes.</li><li data-list="bullet">Логику можно версионировать, документировать, запускать в CI/CD.</li></ul><br />Если вы новичок и не знаете, с чего начать — начните с простого hello world сценария. А если уже знакомы — попробуйте описать свои текущие задачи через playbook и посмотрите, сколько времени вы сэкономите.<br /><br />💡 <strong>На курсе <a href="https://slurm.io/ansible?utm_source=blog&utm_medium=organic&utm_campaign=article_examples_ansible" target="_blank" rel="noreferrer noopener">«Ansible: Infrastructure as Code»</a> вы научитесь создавать и использовать плейбуки и роли в Ansible, освоите автоматизацию управления IT-инфраструктурой. Получите бесплатный доступ к материалам и оцените курс!</strong></div> </div> </div> </div> <style> #rec1042910611 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910611 .t-text{font-size:16px;}}</style> </div> <div id="rec1043303531" class="r t-rec" style=" " data-record-type="215"> <a name="a3" style="font-size:0;"></a> </div> <div id="rec1042968446" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " data-animationappear="off" data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t050__title t-title t-title_xxl" field="title">Как запустить playbook Ansible</h2> </div> </div> </div> <style> #rec1042968446 .t050__uptitle{text-transform:uppercase;}#rec1042968446 .t050__title{color:#161518;}@media screen and (min-width:900px){#rec1042968446 .t050__title{font-size:38px;}}@media screen and (min-width:480px) and (max-width:900px){#rec1042968446 .t050__title{font-size:28px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042968446 .t050__title{font-size:28px;}}</style> </div> <div id="rec1042910621" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Запуск прост. Здесь не нужно настраивать сервер-агент, ничего компилировать или разворачивать окружения вручную. Достаточно установить Ансибл, создать инвентори и playbook, после чего — запустить одну команду в терминале.</div> </div> </div> </div> <style> #rec1042910621 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910621 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910616" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Установка Ansible</h3> </div> </div> </div> <style> #rec1042910616 .t050__uptitle{text-transform:uppercase;}#rec1042910616 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042910616 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910616 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042968731" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Наиболее быстрый способ установить Ansible на Linux-систему — через пакетный менеджер:<br /><br /><span style="color: rgb(74, 153, 116);">sudo apt update</span><br /><span style="color: rgb(74, 153, 116);">sudo apt install ansible -y</span><br /><br />Для пользователей macOS:<br /><br /><span style="color: rgb(74, 153, 116);">brew install ansible</span><br /><br />После установки проверьте версию:<br /><br /><span style="color: rgb(74, 153, 116);">ansible --version</span><br /><br />Если вы работаете в Windows, рекомендуемый путь — использовать WSL (Windows Subsystem for Linux) или виртуальную машину с Ubuntu.</div> </div> </div> </div> <style> #rec1042968731 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042968731 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910626" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Настройка inventory-файла</h3> </div> </div> </div> <style> #rec1042910626 .t050__uptitle{text-transform:uppercase;}#rec1042910626 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042910626 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910626 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042910631" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><strong>Inventory </strong>— это файл, где описано, какие хосты мы хотим конфигурировать. Самый простой формат — INI. Пример:<br /><br /><span style="color: rgb(74, 153, 116);">[web]</span><br /><span style="color: rgb(74, 153, 116);">192.168.1.101</span><br /><span style="color: rgb(74, 153, 116);">192.168.1.102</span><br /><br /><span style="color: rgb(74, 153, 116);">[db]</span><br /><span style="color: rgb(74, 153, 116);">192.168.1.201</span><br /><br />Также можно использовать YAML (формат inventory в стиле Ansible 2.0+) или динамический инвентори — например, на основе облачного API (AWS, Yandex.Cloud и т.д.).<br /><br /><strong>Важно</strong>: чтобы подключение по SSH прошло без пароля, настройте доступ через ключи или используйте --ask-pass.</div> </div> </div> </div> <style> #rec1042910631 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910631 .t-text{font-size:16px;}}</style> </div> <div id="rec1042976626" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Простой плейбук для теста</h3> </div> </div> </div> <style> #rec1042976626 .t050__uptitle{text-transform:uppercase;}#rec1042976626 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042976626 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042976626 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042977121" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Создадим тестовый сценарий, который просто проверит доступность хостов. Создайте файл ping.yml:<br /><br /><span style="color: rgb(74, 153, 116);">- hosts: all</span><br /><span style="color: rgb(74, 153, 116);"> tasks:</span><br /><span style="color: rgb(74, 153, 116);"> - name: Проверить доступность</span><br /><span style="color: rgb(74, 153, 116);"> ping:</span><br /><br />Чтобы его запустить:<br /><br /><span style="color: rgb(74, 153, 116);">ansible-playbook -i inventory.ini ping.yml</span><br /><br />Если всё настроено правильно — увидите зелёные галочки «ok». Это значит, что соединение с каждым хостом успешно, и playbook выполнился корректно.</div> </div> </div> </div> <style> #rec1042977121 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042977121 .t-text{font-size:16px;}}</style> </div> <div id="rec1042984471" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Интерпретация вывода Ansible</h3> </div> </div> </div> <style> #rec1042984471 .t050__uptitle{text-transform:uppercase;}#rec1042984471 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042984471 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042984471 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042910646" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Когда вы запускаете плейбук, Ансибл поочерёдно выполняет задачи для каждого хоста и выводит статус:<br /><br /><ul><li data-list="bullet"><strong>ok </strong>— задача уже выполнена, изменений не требуется;</li><li data-list="bullet"><strong>changed </strong>— задача что-то изменила;</li><li data-list="bullet"><strong>failed </strong>— возникла ошибка;</li><li data-list="bullet"><strong>skipping </strong>— задача была пропущена (например, из-за условия).</li></ul><br /><strong>Пример вывода:</strong><br /><br /><span style="color: rgb(74, 153, 116);">TASK [Установить nginx] *************************************************</span><br /><span style="color: rgb(74, 153, 116);">changed: [192.168.1.101]</span><br /><span style="color: rgb(74, 153, 116);">TASK [Убедиться, что nginx запущен] **************************************</span><br /><span style="color: rgb(74, 153, 116);">ok: [192.168.1.101]</span><br /><br />Вы можете использовать флаг -v (verbose), чтобы получить больше подробностей, или -vvv для полного вывода, включая SSH-сообщения.</div> </div> </div> </div> <style> #rec1042910646 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910646 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910651" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Проверка результата</h3> </div> </div> </div> <style> #rec1042910651 .t050__uptitle{text-transform:uppercase;}#rec1042910651 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042910651 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910651 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042910656" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Ансибл по умолчанию не «навязывает» проверку — он просто сообщает статус. Но вы можете явно описывать проверки, например:<br /><br /><span style="color: rgb(74, 153, 116);">- name: Проверить, что порт 80 открыт</span><br /><span style="color: rgb(74, 153, 116);"> shell: ss -tuln | grep ':80 '</span><br /><span style="color: rgb(74, 153, 116);"> register: port_check</span><br /><span style="color: rgb(74, 153, 116);"> failed_when: port_check.rc != 0</span><br /><br />Или:<br /><br /><span style="color: rgb(74, 153, 116);">- name: Проверить ответ от сервера</span><br /><span style="color: rgb(74, 153, 116);"> uri:</span><br /><span style="color: rgb(74, 153, 116);"> url: http://localhost</span><br /><span style="color: rgb(74, 153, 116);"> return_content: yes</span><br /><br />Такие задачи могут быть частью smoke-тестов — сценариев, которые быстро проверяют, что всё работает после деплоя.</div> </div> </div> </div> <style> #rec1042910656 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910656 .t-text{font-size:16px;}}</style> </div> <div id="rec1043329736" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#f7f9ff; " data-record-type="209" data-bg-color="#f7f9ff"> <!-- T185 --> <div class="t185"> <div class="t-container t-container_flex"> <div class="t-col t-col_flex t-col_6 t-prefix_2"> <div class="t185__text t-text t-text_lg" field="text"><strong>Получите ключевые знания и навыки по Ansible! </strong><br />Дарим демодоступ к обучению на 3 дня, чтобы вы познакомились с материалами и спикерами курса.</div> </div> <div class="t185__butwrapper t-col t-col_2 "> <a
class="t-btn t-btnflex t-btnflex_type_button t-btnflex_md t185__btn"
href="https://slurm.io/ansible?utm_source=blog&utm_medium=organic&utm_campaign=article_examples_ansible"
target="_blank"><span class="t-btnflex__text">Перейти к курсу</span> <style>#rec1043329736 .t-btnflex.t-btnflex_type_button {color:#ffffff;background-color:#5c76ff;--border-width:0px;border-style:none !important;border-radius:15px;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;}@media (hover:hover) {#rec1043329736 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover {background-color:#170f63 !important;}#rec1043329736 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible {background-color:#170f63 !important;}}</style></a> </div> </div> </div> <style> #rec1043329736 .t185__text{font-size:18px;color:#170f63;}</style> </div> <div id="rec1042910661" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Передача переменных при запуске</h3> </div> </div> </div> <style> #rec1042910661 .t050__uptitle{text-transform:uppercase;}#rec1042910661 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042910661 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910661 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042910666" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Иногда удобно передавать параметры прямо из командной строки, особенно если вы не хотите хардкодить значения в YAML-файлах. Для этого используют флаг --extra-vars (или -e):<br /><br /><span style="color: rgb(74, 153, 116);">ansible-playbook -i inventory.ini site.yml -e "env=prod version=1.3.2"</span><br /><br />В самом плейбуке можно обращаться к ним как к обычным переменным:<br /><br /><span style="color: rgb(74, 153, 116);">- hosts: all</span><br /><span style="color: rgb(74, 153, 116);"> tasks:</span><br /><span style="color: rgb(74, 153, 116);"> - name: Вывести переменные</span><br /><span style="color: rgb(74, 153, 116);"> debug:</span><br /><span style="color: rgb(74, 153, 116);"> msg: "Окружение: {{ env }}, версия: {{ version }}"</span><br /><br />Такой подход позволяет использовать один и тот же сценарий для разных окружений без дублирования кода.</div> </div> </div> </div> <style> #rec1042910666 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910666 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910671" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Как избежать типичных ошибок</h3> </div> </div> </div> <style> #rec1042910671 .t050__uptitle{text-transform:uppercase;}#rec1042910671 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042910671 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910671 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042910676" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Вот частые проблемы, с которыми сталкиваются при запуске плейбуков:<br /><br /><strong>Permission denied по SSH</strong><br />Убедитесь, что у вас есть доступ по ключу или используйте <span style="color: rgb(74, 153, 116);">--ask-pass</span>.<br /><br /><strong>Python не найден на целевом сервере</strong><br />Ansible требует установленный Python 2.7+ или 3.x на управляемых хостах. Если его нет — установите вручную или используйте <span style="color: rgb(74, 153, 116);">raw</span>.<br /><br /><strong>Ошибка в синтаксисе YAML</strong><br />YAML чувствителен к отступам. Не используйте табы, только пробелы. Проверяйте формат <span style="color: rgb(74, 153, 116);">yamllint</span> или валидатором.<br /><br /><strong>Не найден модуль или роль</strong><br />Проверьте, что нужный модуль действительно есть в версии Ансибл. Некоторые модули требуют установки плагинов или collections (<span style="color: rgb(74, 153, 116);">ansible-galaxy</span>).<br /><br /><strong>Зависания без вывода</strong><br />Чаще всего — неправильный SSH-доступ или firewall. Попробуйте <span style="color: rgb(74, 153, 116);">ansible all -m ping -i inventory.ini -vvvv</span> и посмотрите, где застревает.<br /><br /><strong>Советы для стабильной работы</strong><br /><br /><strong>Всегда начинайте с пинга:</strong> команда <span style="color: rgb(74, 153, 116);">ansible all -m ping -i inventory.ini</span> — это ваш друг. Она проверит базовую связность и доступность целевых хостов.<br /><br /><strong>Выводите переменные через debug</strong> — особенно на этапе отладки, чтобы понять, что именно «видит» playbook.<br /><br /><strong>Разбивайте сложные сценарии на роли </strong>— об этом мы поговорим позже, но чем проще структура — тем легче сопровождение.<br /><br /><strong>Используйте Git</strong> — храните свои playbook-и и inventory в репозитории, чтобы отслеживать изменения и откатывать при необходимости.<br /><br /><strong>Документируйте задачи</strong> — <span style="color: rgb(74, 153, 116);">name</span>: в каждой задаче — не просто подпись, это то, что будет в логах. Пишите понятно и конкретно.</div> </div> </div> </div> <style> #rec1042910676 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910676 .t-text{font-size:16px;}}</style> </div> <div id="rec1043035821" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Мини-резюме</h3> </div> </div> </div> <style> #rec1043035821 .t050__uptitle{text-transform:uppercase;}#rec1043035821 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1043035821 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043035821 .t050__title{font-size:20px;}}</style> </div> <div id="rec1043036221" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><strong>Запустить ansible-playbook — проще, чем кажется:</strong><br /><br /><ol><li data-list="ordered">Установили Ansible.</li><li data-list="ordered">Написали плейбук и inventory.</li><li data-list="ordered">Запустили одну команду.</li><li data-list="ordered">Получили предсказуемый, повторяемый результат.</li></ol><br />📌 <strong>Главное — пробовать</strong>. Сценарии можно усложнять по мере необходимости. Даже самый базовый playbook уже даёт выигрыш в скорости и надёжности по сравнению с ручной настройкой.<br /><br />💡 <strong>Хотите не просто запускать плейбуки, а понимать их изнутри, писать роли и строить автоматизацию под себя? Пройдите курс <a href="https://slurm.io/ansible?utm_source=blog&utm_medium=organic&utm_campaign=article_examples_ansible" target="_blank" rel="noreferrer noopener">«Ansible: Infrastructure as Code»</a> — получите доступ к примерам, практикам и разбору типовых ошибок. Первый модуль доступен бесплатно.</strong></div> </div> </div> </div> <style> #rec1043036221 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043036221 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910686" class="r t-rec" style=" " data-record-type="215"> <a name="a4" style="font-size:0;"></a> </div> <div id="rec1042910691" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " data-animationappear="off" data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t050__title t-title t-title_xxl" field="title">Использование переменных в плейбуках</h2> </div> </div> </div> <style> #rec1042910691 .t050__uptitle{text-transform:uppercase;}#rec1042910691 .t050__title{color:#161518;}@media screen and (min-width:900px){#rec1042910691 .t050__title{font-size:38px;}}@media screen and (min-width:480px) and (max-width:900px){#rec1042910691 .t050__title{font-size:28px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910691 .t050__title{font-size:28px;}}</style> </div> <div id="rec1042910696" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Одна из сильных сторон Ansible — гибкость за счёт переменных. Благодаря им вы можете адаптировать один и тот же playbook под разные окружения, задачи и роли без дублирования кода.</div> </div> </div> </div> <style> #rec1042910696 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910696 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910701" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Что такое переменные в Ansible</h3> </div> </div> </div> <style> #rec1042910701 .t050__uptitle{text-transform:uppercase;}#rec1042910701 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042910701 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910701 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042910706" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Переменные в Ансибл — это именованные значения, которые можно использовать в задачах, шаблонах, условиях и любых параметрах. Это позволяет не захардкодить IP-адрес или имя пользователя, а подставлять актуальные значения в момент выполнения.<br /><br />Простой пример:<br /><br /><span style="color: rgb(74, 153, 116);">- hosts: all</span><br /><span style="color: rgb(74, 153, 116);"> vars:</span><br /><span style="color: rgb(74, 153, 116);"> user_name: devops</span><br /><span style="color: rgb(74, 153, 116);"> tasks:</span><br /><span style="color: rgb(74, 153, 116);"> - name: Создать пользователя</span><br /><span style="color: rgb(74, 153, 116);"> user:</span><br /><span style="color: rgb(74, 153, 116);"> name: "{{ user_name }}"</span></div> </div> </div> </div> <style> #rec1042910706 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910706 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910711" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Где можно определить переменные</h3> </div> </div> </div> <style> #rec1042910711 .t050__uptitle{text-transform:uppercase;}#rec1042910711 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042910711 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910711 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042910716" 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="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Ансибл поддерживает множество уровней, где можно задать переменные:<br /><br /><ul><li data-list="bullet"><strong>Внутри playbook</strong> (<span style="color: rgb(74, 153, 116);">vars, vars_files, vars_prompt</span>)</li><li data-list="bullet"><strong>В inventory-файле</strong> (например, <span style="color: rgb(74, 153, 116);">inventory.ini</span>)</li><li data-list="bullet"><strong>В переменных группы или хоста</strong> (<span style="color: rgb(74, 153, 116);">group_vars/, host_vars/</span>)</li><li data-list="bullet"><strong>В командной строке</strong> (<span style="color: rgb(74, 153, 116);">-e</span>)</li><li data-list="bullet"><strong>В роли</strong> <span style="color: rgb(74, 153, 116);">(defaults/, vars/</span>)</li><li data-list="bullet"><strong>Через</strong> <strong>facts</strong> (автоматически собираемые данные)</li><li data-list="bullet"><strong>Из внешних источников</strong> (<span style="color: rgb(74, 153, 116);">lookup, set_fact, API</span>)</li></ul><br />Пример переменной в инвентори:<br /><br /><span style="color: rgb(74, 153, 116);">[web]</span><br /><span style="color: rgb(74, 153, 116);">192.168.1.101 ansible_user=ubuntu ansible_ssh_private_key_file=~/.ssh/id_rsa env=stage</span><br /><br />Внутри playbook можно обратиться к {{ <span style="color: rgb(74, 153, 116);">env </span>}}, и он подставит stage.</div> </div> </div> </div> <style> #rec1042910716 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910716 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910721" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Как работает приоритет переменных</h3> </div> </div> </div> <style> #rec1042910721 .t050__uptitle{text-transform:uppercase;}#rec1042910721 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042910721 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910721 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042910726" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Когда переменная объявлена в нескольких местах, Ansible использует ту, которая ближе к выполнению. Упрощённая иерархия (от наименьшего к наибольшему приоритету):<br /><br /><ol><li data-list="ordered" style="color: rgb(74, 153, 116);"><span style="color: rgb(74, 153, 116);">defaults в роли</span></li><li data-list="ordered">переменные из <span style="color: rgb(74, 153, 116);">inventory</span></li><li data-list="ordered">переменные из <span style="color: rgb(74, 153, 116);">group_vars и host_vars</span></li><li data-list="ordered" style="color: rgb(74, 153, 116);"><span style="color: rgb(74, 153, 116);">vars внутри playbook</span></li><li data-list="ordered" style="color: rgb(74, 153, 116);"><span style="color: rgb(74, 153, 116);">set_fact</span></li><li data-list="ordered" style="color: rgb(74, 153, 116);"><span style="color: rgb(74, 153, 116);">--extra-vars (командная строка)</span></li></ol><br />Если вы задали env=prod в group_vars, но передали -e env=dev — победит dev. Это позволяет гибко переопределять значения «на лету».</div> </div> </div> </div> <style> #rec1042910726 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910726 .t-text{font-size:16px;}}</style> </div> <div id="rec1043070466" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Работа с шаблонами</h3> </div> </div> </div> <style> #rec1043070466 .t050__uptitle{text-transform:uppercase;}#rec1043070466 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1043070466 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043070466 .t050__title{font-size:20px;}}</style> </div> <div id="rec1043071201" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Шаблоны в Ansible пишутся на Jinja2. Они позволяют вставлять переменные прямо в текстовые файлы. Это особенно полезно при генерации конфигураций.<br />Пример шаблона <span style="color: rgb(74, 153, 116);">nginx.conf.j2</span>:<br /><br /><span style="color: rgb(74, 153, 116);">server {</span><br /><span style="color: rgb(74, 153, 116);"> listen 80;</span><br /><span style="color: rgb(74, 153, 116);"> server_name {{ domain }};</span><br /><span style="color: rgb(74, 153, 116);"> root /var/www/{{ site_dir }};</span><br /><span style="color: rgb(74, 153, 116);">}</span><br /><br />Playbook для рендера:<br /><br /><span style="color: rgb(74, 153, 116);">- hosts: web</span><br /><span style="color: rgb(74, 153, 116);"> vars:</span><br /><span style="color: rgb(74, 153, 116);"> domain: example.com</span><br /><span style="color: rgb(74, 153, 116);"> site_dir: html</span><br /><span style="color: rgb(74, 153, 116);"> tasks:</span><br /><span style="color: rgb(74, 153, 116);"> - name: Сгенерировать конфиг nginx</span><br /><span style="color: rgb(74, 153, 116);"> template:</span><br /><span style="color: rgb(74, 153, 116);"> src: nginx.conf.j2</span><br /><span style="color: rgb(74, 153, 116);"> dest: /etc/nginx/sites-available/default</span><br /><br />Такой подход упрощает развертывание и настройку, позволяя использовать один шаблон для разных проектов.</div> </div> </div> </div> <style> #rec1043071201 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043071201 .t-text{font-size:16px;}}</style> </div> <div id="rec1043072086" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Вложенные переменные и словари</h3> </div> </div> </div> <style> #rec1043072086 .t050__uptitle{text-transform:uppercase;}#rec1043072086 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1043072086 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043072086 .t050__title{font-size:20px;}}</style> </div> <div id="rec1043071936" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><strong>Ansible переменные могут быть не только простыми, но и сложными:</strong> словари, списки, структуры. Это удобно для работы с конфигурацией, где нужно задать несколько связанных параметров.<br /><br />Пример словаря:<br /><br /><span style="color: rgb(74, 153, 116);">- hosts: app</span><br /><span style="color: rgb(74, 153, 116);"> vars:</span><br /><span style="color: rgb(74, 153, 116);"> app_config:</span><br /><span style="color: rgb(74, 153, 116);"> port: 8080</span><br /><span style="color: rgb(74, 153, 116);"> env: production</span><br /><span style="color: rgb(74, 153, 116);"> debug: false</span><br /><span style="color: rgb(74, 153, 116);"> tasks:</span><br /><span style="color: rgb(74, 153, 116);"> - name: Вывести конфигурацию</span><br /><span style="color: rgb(74, 153, 116);"> debug:</span><br /><span style="color: rgb(74, 153, 116);"> msg: "Порт: {{ app_config.port }}, Debug: {{ app_config.debug }}"</span><br /><br />Списки тоже поддерживаются:<br /><br /><span style="color: rgb(74, 153, 116);">- hosts: db</span><br /><span style="color: rgb(74, 153, 116);"> vars:</span><br /><span style="color: rgb(74, 153, 116);"> packages:</span><br /><span style="color: rgb(74, 153, 116);"> - postgresql</span><br /><span style="color: rgb(74, 153, 116);"> - postgresql-contrib</span><br /><span style="color: rgb(74, 153, 116);"> tasks:</span><br /><span style="color: rgb(74, 153, 116);"> - name: Установить пакеты</span><br /><span style="color: rgb(74, 153, 116);"> apt:</span><br /><span style="color: rgb(74, 153, 116);"> name: "{{ packages }}"</span><br /><span style="color: rgb(74, 153, 116);"> state: present</span></div> </div> </div> </div> <style> #rec1043071936 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043071936 .t-text{font-size:16px;}}</style> </div> <div id="rec1075987026" class="r t-rec t-rec_pt_75 t-rec_pb_75" style="padding-top:75px;padding-bottom:75px; " data-record-type="3"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3031-6665-4239-b964-653965373631/_Ansible-Playbook__3.png"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3031-6665-4239-b964-653965373631/-/empty/_Ansible-Playbook__3.png" data-original="https://static.tildacdn.com/tild3031-6665-4239-b964-653965373631/_Ansible-Playbook__3.png"
imgfield="img"
alt=""> </div> </div> </div> <div id="rec1043072581" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Условия и переменные</h3> </div> </div> </div> <style> #rec1043072581 .t050__uptitle{text-transform:uppercase;}#rec1043072581 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1043072581 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043072581 .t050__title{font-size:20px;}}</style> </div> <div id="rec1043072491" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Иногда задачи нужно выполнять только при определённых значениях. Здесь помогают директивы when:<br /><br /><span style="color: rgb(74, 153, 116);">- name: Установить debug-режим</span><br /><span style="color: rgb(74, 153, 116);"> debug:</span><br /><span style="color: rgb(74, 153, 116);"> msg: "DEBUG ВКЛЮЧЁН"</span><br /><span style="color: rgb(74, 153, 116);"> when: app_config.debug == true</span><br /><br />Также можно использовать переменные в выражениях, условиях, фильтрах (default, lower, replace, split, и др.):<br /><br /><span style="color: rgb(74, 153, 116);">- name: Показать домен в нижнем регистре</span><br /><span style="color: rgb(74, 153, 116);"> debug:</span><br /><span style="color: rgb(74, 153, 116);"> msg: "{{ domain | lower }}"</span></div> </div> </div> </div> <style> #rec1043072491 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043072491 .t-text{font-size:16px;}}</style> </div> <div id="rec1043072786" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Динамические переменные и set_fact</h3> </div> </div> </div> <style> #rec1043072786 .t050__uptitle{text-transform:uppercase;}#rec1043072786 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1043072786 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043072786 .t050__title{font-size:20px;}}</style> </div> <div id="rec1043072676" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Иногда переменные нужно вычислять прямо во время выполнения. Для этого есть модуль set_fact — он позволяет создать переменную «на лету»:<br /><br /><span style="color: rgb(74, 153, 116);">- name: Получить имя хоста без домена</span><br /><span style="color: rgb(74, 153, 116);"> set_fact:</span><br /><span style="color: rgb(74, 153, 116);"> short_hostname: "{{ inventory_hostname.split('.')[0] }}"</span><br /><br /><span style="color: rgb(74, 153, 116);">- name: Вывести имя</span><br /><span style="color: rgb(74, 153, 116);"> debug:</span><br /><span style="color: rgb(74, 153, 116);"> msg: "Имя хоста: {{ short_hostname }}"</span><br /><br />Это особенно удобно, когда нужно сохранить результат предыдущей команды или сформировать значение из нескольких частей.</div> </div> </div> </div> <style> #rec1043072676 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043072676 .t-text{font-size:16px;}}</style> </div> <div id="rec1043073081" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Частые ошибки при работе с переменными</h3> </div> </div> </div> <style> #rec1043073081 .t050__uptitle{text-transform:uppercase;}#rec1043073081 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1043073081 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043073081 .t050__title{font-size:20px;}}</style> </div> <div id="rec1043192556" class="r t-rec t-rec_pt_30 t-rec_pb_15" style="padding-top:30px;padding-bottom:15px; " data-record-type="510"> <!-- t510 --> <div class="t510"> <ul role="list" class="t510__container t-container"> <li class="t-col t-col_8 t-prefix_2 t-item t-list__item"
style="margin-top:20px;"> <div class="t-cell t-valign_top"> <div class="t510__circle t-heading t-valign_top" style=" color:#1f5bff;; border: 2px solid #1f5bff; font-size:18px; "></div> </div> <div class="t510__textwrapper t-cell t-valign_top" style="padding-left:20px;"> <div class="t-name t-name_md t510__bottommargin" field="li_title__4019315036660"><strong>Пропущенные фигурные скобки</strong></div> <div class="t-descr t-descr_sm" field="li_descr__4019315036660">➤ <span style="color: rgb(74, 153, 116);">msg: «Привет, {{ имя }}» </span>— всегда заключайте имя переменной в двойные фигурные скобки.</div> </div> </li> <li class="t-col t-col_8 t-prefix_2 t-item t-list__item"
style="margin-top:20px;"> <div class="t-cell t-valign_top"> <div class="t510__circle t-heading t-valign_top" style=" color:#1f5bff;; border: 2px solid #1f5bff; font-size:18px; "></div> </div> <div class="t510__textwrapper t-cell t-valign_top" style="padding-left:20px;"> <div class="t-name t-name_md t510__bottommargin" field="li_title__4019315036661"><strong>Конфликт имён переменных</strong></div> <div class="t-descr t-descr_sm" field="li_descr__4019315036661">➤ Используйте префиксы или структуры <span style="color: rgb(74, 153, 116);">(web_user, db_user</span>) вместо общих имён.</div> </div> </li> <li class="t-col t-col_8 t-prefix_2 t-item t-list__item"
style="margin-top:20px;"> <div class="t-cell t-valign_top"> <div class="t510__circle t-heading t-valign_top" style=" color:#1f5bff;; border: 2px solid #1f5bff; font-size:18px; "></div> </div> <div class="t510__textwrapper t-cell t-valign_top" style="padding-left:20px;"> <div class="t-name t-name_md t510__bottommargin" field="li_title__4019315036662"><strong>Переопределение переменных в нескольких местах</strong></div> <div class="t-descr t-descr_sm" field="li_descr__4019315036662">➤ Следите за иерархией и помните: переменные из -e всегда выигрывают.</div> </div> </li> <li class="t-col t-col_8 t-prefix_2 t-item t-list__item"
style="margin-top:20px;"> <div class="t-cell t-valign_top"> <div class="t510__circle t-heading t-valign_top" style=" color:#1f5bff;; border: 2px solid #1f5bff; font-size:18px; "></div> </div> <div class="t510__textwrapper t-cell t-valign_top" style="padding-left:20px;"> <div class="t-name t-name_md t510__bottommargin" field="li_title__4019315036663"><strong>Типизация</strong></div> <div class="t-descr t-descr_sm" field="li_descr__4019315036663">➤ Ansible неявно приводит типы, но для сравнения лучше явно задавать<span style="color: rgb(74, 153, 116);"> true/false</span>, а не «<span style="color: rgb(74, 153, 116);">yes</span>».</div> </div> </li> <li class="t-col t-col_8 t-prefix_2 t-item t-list__item"
style="margin-top:20px;"> <div class="t-cell t-valign_top"> <div class="t510__circle t-heading t-valign_top" style=" color:#1f5bff;; border: 2px solid #1f5bff; font-size:18px; "></div> </div> <div class="t510__textwrapper t-cell t-valign_top" style="padding-left:20px;"> <div class="t-name t-name_md t510__bottommargin" field="li_title__4019315036664"><strong>Ошибка шаблона</strong></div> <div class="t-descr t-descr_sm" field="li_descr__4019315036664">➤ Проверяйте Jinja-выражения перед запуском, особенно если они строятся динамически.</div> </div> </li> </ul> </div> <style> #rec1043192556 .t510__textwrapper .t-name{font-size:18px;font-family:'Inter';}#rec1043192556 .t510__textwrapper .t-descr{font-size:16px;}</style> </div> <div id="rec1043188366" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Вывод: переменные — это гибкость</h3> </div> </div> </div> <style> #rec1043188366 .t050__uptitle{text-transform:uppercase;}#rec1043188366 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1043188366 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043188366 .t050__title{font-size:20px;}}</style> </div> <div id="rec1043188456" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><ul><li data-list="bullet">С ними один и тот же playbook адаптируется под разные окружения.</li><li data-list="bullet">Их можно собирать из внешних файлов, динамически вычислять или переопределять при запуске.</li><li data-list="bullet">Они делают код масштабируемым и удобным для поддержки.</li></ul><br /><strong>💡 Хотите писать читаемые, мощные и переиспользуемые сценарии? Освойте переменные, шаблоны и роли на практике — в курсе <a href="https://slurm.io/ansible?utm_source=blog&utm_medium=organic&utm_campaign=article_examples_ansible" target="_blank" rel="noreferrer noopener">«Ansible: Infrastructure as Code»</a>. Первые уроки доступны бесплатно.</strong></div> </div> </div> </div> <style> #rec1043188456 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043188456 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910731" class="r t-rec" style=" " data-record-type="215"> <a name="a5" style="font-size:0;"></a> </div> <div id="rec1042910736" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " data-animationappear="off" data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t050__title t-title t-title_xxl" field="title">Работа с репозиториями</h2> </div> </div> </div> <style> #rec1042910736 .t050__uptitle{text-transform:uppercase;}#rec1042910736 .t050__title{color:#161518;}@media screen and (min-width:900px){#rec1042910736 .t050__title{font-size:38px;}}@media screen and (min-width:480px) and (max-width:900px){#rec1042910736 .t050__title{font-size:28px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910736 .t050__title{font-size:28px;}}</style> </div> <div id="rec1042910741" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Работа с Ансибл-проектами не заканчивается написанием плейбуков. Важно не просто их запускать, но и грамотно хранить, версионировать и интегрировать в процессы команды. Поэтому большинство инженеров работают с Ansible через Git — как с полноценным проектом с инфраструктурой как кодом.</div> </div> </div> </div> <style> #rec1042910741 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910741 .t-text{font-size:16px;}}</style> </div> <div id="rec1043216616" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Где и как хранить Ansible-playbook</h3> </div> </div> </div> <style> #rec1043216616 .t050__uptitle{text-transform:uppercase;}#rec1043216616 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1043216616 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043216616 .t050__title{font-size:20px;}}</style> </div> <div id="rec1043216996" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Самый логичный и безопасный способ —<strong> хранить весь проект в Git-репозитории</strong>. Это позволяет:<br /><br /><ul><li data-list="bullet">отслеживать изменения в playbook и конфигурациях;</li><li data-list="bullet">откатываться на стабильные версии;</li><li data-list="bullet">работать в команде и делать code-review;</li><li data-list="bullet">подключать сценарии к CI/CD.</li></ul><br /><strong>Типовая структура проекта:</strong><br /><br /><span style="color: rgb(74, 153, 116);">ansible/</span><br /><span style="color: rgb(74, 153, 116);">├── inventory/</span><br /><span style="color: rgb(74, 153, 116);">│ ├── dev.ini</span><br /><span style="color: rgb(74, 153, 116);">│ └── prod.ini</span><br /><span style="color: rgb(74, 153, 116);">├── group_vars/</span><br /><span style="color: rgb(74, 153, 116);">│ └── all.yml</span><br /><span style="color: rgb(74, 153, 116);">├── host_vars/</span><br /><span style="color: rgb(74, 153, 116);">├── roles/</span><br /><span style="color: rgb(74, 153, 116);">│ └── webserver/</span><br /><span style="color: rgb(74, 153, 116);">│ ├── tasks/</span><br /><span style="color: rgb(74, 153, 116);">│ │ └── main.yml</span><br /><span style="color: rgb(74, 153, 116);">│ └── templates/</span><br /><span style="color: rgb(74, 153, 116);">├── playbooks/</span><br /><span style="color: rgb(74, 153, 116);">│ ├── deploy.yml</span><br /><span style="color: rgb(74, 153, 116);">│ └── update.yml</span><br /><span style="color: rgb(74, 153, 116);">└── ansible.cfg</span><br /><br /><strong>Такой подход помогает разделить код по функциям</strong>: инвентори, переменные, роли, шаблоны — всё отдельно. Это делает проект масштабируемым и удобным.</div> </div> </div> </div> <style> #rec1043216996 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043216996 .t-text{font-size:16px;}}</style> </div> <div id="rec1043219351" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Настройка репозитория</h3> </div> </div> </div> <style> #rec1043219351 .t050__uptitle{text-transform:uppercase;}#rec1043219351 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1043219351 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043219351 .t050__title{font-size:20px;}}</style> </div> <div id="rec1043218411" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Создайте репозиторий (например, на GitHub, GitLab или Bitbucket), и загрузите туда свою структуру:<br /><br /><span style="color: rgb(74, 153, 116);">git init</span><br /><span style="color: rgb(74, 153, 116);">git remote add origin git@github.com:user/ansible-project.git</span><br /><span style="color: rgb(74, 153, 116);">git add .</span><br /><span style="color: rgb(74, 153, 116);">git commit -m "init"</span><br /><span style="color: rgb(74, 153, 116);">git push -u origin master</span><br /><br />Важно: <strong>не храните файлы с секретами (пароли, токены, ключи)</strong> в открытом виде. Используйте .gitignore и шифрование через ansible-vault.</div> </div> </div> </div> <style> #rec1043218411 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043218411 .t-text{font-size:16px;}}</style> </div> <div id="rec1043219731" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Работа с приватными репозиториями</h3> </div> </div> </div> <style> #rec1043219731 .t050__uptitle{text-transform:uppercase;}#rec1043219731 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1043219731 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043219731 .t050__title{font-size:20px;}}</style> </div> <div id="rec1043218821" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Многие компании хранят конфигурации в приватных репозиториях. Ansible легко работает с ними, но потребуются SSH-ключи или access-токен.<br /><br />Пример задачи, которая клонирует приватный репозиторий через SSH:<br /><br /><span style="color: rgb(74, 153, 116);">- hosts: app</span><br /><span style="color: rgb(74, 153, 116);"> vars:</span><br /><span style="color: rgb(74, 153, 116);"> repo_url: git@github.com:yourorg/private-repo.git</span><br /><span style="color: rgb(74, 153, 116);"> tasks:</span><br /><span style="color: rgb(74, 153, 116);"> - name: Клонировать приватный репозиторий</span><br /><span style="color: rgb(74, 153, 116);"> git:</span><br /><span style="color: rgb(74, 153, 116);"> repo: "{{ repo_url }}"</span><br /><span style="color: rgb(74, 153, 116);"> dest: /opt/project</span><br /><span style="color: rgb(74, 153, 116);"> version: main</span><br /><span style="color: rgb(74, 153, 116);"> key_file: /home/ansible/.ssh/id_rsa</span><br /><br />Если ключ шифруется passphrase, потребуется использовать агент ssh-agent или предварительно его разблокировать.<br /><br />Альтернатива — авторизация через HTTPS и переменные окружения:<br /><br /><span style="color: rgb(74, 153, 116);">repo_url: "https://{{ git_user }}:{{ git_token }}@github.com/yourorg/private-repo.git"</span><br /><br />В таком случае git_user и git_token лучше передавать через --extra-vars или шифровать в ansible-vault.</div> </div> </div> </div> <style> #rec1043218821 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043218821 .t-text{font-size:16px;}}</style> </div> <div id="rec1043219866" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Как избежать утечек</h3> </div> </div> </div> <style> #rec1043219866 .t050__uptitle{text-transform:uppercase;}#rec1043219866 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1043219866 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043219866 .t050__title{font-size:20px;}}</style> </div> <div id="rec1043218861" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><ul><li data-list="bullet">Добавьте .gitignore и исключите <span style="color: rgb(74, 153, 116);">*.pem, *.key, vault_password.txt.</span></li><li data-list="bullet">Не коммитьте реальные IP, логины и пароли — используйте переменные.</li><li data-list="bullet">Зашифруйте всё чувствительное с помощью ansible-vault:</li></ul><br /><span style="color: rgb(74, 153, 116);">ansible-vault encrypt group_vars/prod.yml</span><br /><br />И используйте:<br /><br /><span style="color: rgb(74, 153, 116);">ansible-playbook site.yml --ask-vault-pass</span></div> </div> </div> </div> <style> #rec1043218861 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043218861 .t-text{font-size:16px;}}</style> </div> <div id="rec1043219916" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Автоматизация через Git и CI/CD</h3> </div> </div> </div> <style> #rec1043219916 .t050__uptitle{text-transform:uppercase;}#rec1043219916 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1043219916 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043219916 .t050__title{font-size:20px;}}</style> </div> <div id="rec1043218971" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Чтобы запустить ansible playbook при каждом пуше в репозиторий — подключите его к CI/CD. Это позволяет:<br /><br /><ul><li data-list="bullet">автоматически развёртывать конфигурации;</li><li data-list="bullet">синхронизировать изменения с инфраструктурой;</li><li data-list="bullet">тестировать playbook-и при коммите.</li></ul><br /><strong>Пример GitLab CI</strong><br /><br />В .gitlab-ci.yml можно описать задачу:<br /><br /><span style="color: rgb(74, 153, 116);">stages:</span><br /><span style="color: rgb(74, 153, 116);"> - deploy</span><br /><br /><span style="color: rgb(74, 153, 116);">deploy_prod:</span><br /><span style="color: rgb(74, 153, 116);"> stage: deploy</span><br /><span style="color: rgb(74, 153, 116);"> script:</span><br /><span style="color: rgb(74, 153, 116);"> - ansible-playbook -i inventory/prod.ini playbooks/deploy.yml --vault-password-file vault_pass.txt</span><br /><span style="color: rgb(74, 153, 116);"> only:</span><br /><span style="color: rgb(74, 153, 116);"> - main</span><br /><br /><strong>Пример GitHub Actions</strong><br /><br />Для GitHub создаётся .github/workflows/deploy.yml:<br /><br /><span style="color: rgb(74, 153, 116);">name: Deploy</span><br /><span style="color: rgb(74, 153, 116);">on:</span><br /><span style="color: rgb(74, 153, 116);"> push:</span><br /><span style="color: rgb(74, 153, 116);"> branches:</span><br /><span style="color: rgb(74, 153, 116);"> - main</span><br /><span style="color: rgb(74, 153, 116);">jobs:</span><br /><span style="color: rgb(74, 153, 116);"> deploy:</span><br /><span style="color: rgb(74, 153, 116);"> runs-on: ubuntu-latest</span><br /><span style="color: rgb(74, 153, 116);"> steps:</span><br /><span style="color: rgb(74, 153, 116);"> - name: Checkout code</span><br /><span style="color: rgb(74, 153, 116);"> uses: actions/checkout@v2</span><br /><span style="color: rgb(74, 153, 116);"> - name: Setup Python</span><br /><span style="color: rgb(74, 153, 116);"> uses: actions/setup-python@v2</span><br /><span style="color: rgb(74, 153, 116);"> - name: Install Ansible</span><br /><span style="color: rgb(74, 153, 116);"> run: pip install ansible</span><br /><span style="color: rgb(74, 153, 116);"> - name: Run playbook</span><br /><span style="color: rgb(74, 153, 116);"> run: ansible-playbook -i inventory/prod.ini playbooks/deploy.yml --vault-password-file vault_pass.txt</span><br /><br />Такой подход превращает Git в центральную точку управления. Любой коммит, прошедший review — это потенциально новый релиз или обновление.</div> </div> </div> </div> <style> #rec1043218971 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043218971 .t-text{font-size:16px;}}</style> </div> <div id="rec1043220116" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Best practices для организации Ansible-проектов в Git</h3> </div> </div> </div> <style> #rec1043220116 .t050__uptitle{text-transform:uppercase;}#rec1043220116 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1043220116 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043220116 .t050__title{font-size:20px;}}</style> </div> <div id="rec1043219011" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Чтобы ваш репозиторий не превратился в хаос, придерживайтесь следующих рекомендаций:<br /><br /><ol><li data-list="ordered"><strong>Разделяйте окружения</strong> — создайте отдельные inventory-файлы для dev, stage, prod.</li><li data-list="ordered"><strong>Изолируйте чувствительные данные</strong> — используйте ansible-vault или внешние секрет-хранилища.</li><li data-list="ordered"><strong>Пользуйтесь ролями</strong> — роли делают код повторно используемым и чище.</li><li data-list="ordered"><strong>Пишите README.md</strong> — даже для инфраструктуры. Объясните, как запускать playbook, где переменные, что за inventory.</li><li data-list="ordered"><strong>Автоматизируйте всё</strong> — интеграция с CI/CD убережёт от «запустил руками и забыл».</li></ol></div> </div> </div> </div> <style> #rec1043219011 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043219011 .t-text{font-size:16px;}}</style> </div> <div id="rec1043220281" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Вывод</h3> </div> </div> </div> <style> #rec1043220281 .t050__uptitle{text-transform:uppercase;}#rec1043220281 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1043220281 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043220281 .t050__title{font-size:20px;}}</style> </div> <div id="rec1043219036" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Хранение и запуск Ansible-playbook через Git делает ваш проект:<br /><ul><li data-list="bullet"><strong>прозрачным </strong>— все изменения видны и документированы;</li><li data-list="bullet"><strong>управляемым </strong>— легко откатиться, понять, кто и что изменил;</li><li data-list="bullet"><strong>автоматизированным </strong>— подключение CI/CD упрощает обновления и снижает риски.</li></ul></div> </div> </div> </div> <style> #rec1043219036 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043219036 .t-text{font-size:16px;}}</style> </div> <div id="rec1043262176" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " data-animationappear="off" data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t050__title t-title t-title_xxl" field="title">Заключение</h2> </div> </div> </div> <style> #rec1043262176 .t050__uptitle{text-transform:uppercase;}#rec1043262176 .t050__title{color:#161518;}@media screen and (min-width:900px){#rec1043262176 .t050__title{font-size:38px;}}@media screen and (min-width:480px) and (max-width:900px){#rec1043262176 .t050__title{font-size:28px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043262176 .t050__title{font-size:28px;}}</style> </div> <div id="rec1043219151" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><strong>Ансибл </strong>— не просто инструмент автоматизации. Это язык взаимодействия с инфраструктурой, который понятен как новичку, так и опытному инженеру. Сценарии на YAML читаются легче, чем shell-скрипты, а результат — надёжнее и масштабируемее.<br /><br /><strong>В этой статье мы разобрали:</strong><br /><br /><ul><li data-list="bullet"><strong>примеры плейбуков ansible</strong>, на чём они основаны и зачем нужны;</li><li data-list="bullet"><strong>как запускать плейбуки</strong>: от подготовки окружения до разбора вывода;</li><li data-list="bullet"><strong>как использовать</strong> переменные, условия и шаблоны, чтобы адаптировать один сценарий под разные окружения;</li><li data-list="bullet"><strong>как организовать хранение проектов</strong> через Git, подключать их к CI/CD и строить инфраструктуру как код.</li></ul><br />Теперь у вас есть фундамент. И главное — практическое понимание, как Ansible работает в реальных задачах: от настройки сервера до автоматизации деплоя.</div> </div> </div> </div> <style> #rec1043219151 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043219151 .t-text{font-size:16px;}}</style> </div> <div id="rec1043220361" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Что дальше?</h3> </div> </div> </div> <style> #rec1043220361 .t050__uptitle{text-transform:uppercase;}#rec1043220361 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1043220361 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043220361 .t050__title{font-size:20px;}}</style> </div> <div id="rec1043262246" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Ansible — это не про «поставил nginx и забыл». Он позволяет:<br /><ul><li data-list="bullet">выстраивать сложные конфигурации;</li><li data-list="bullet">описывать зависимости;</li><li data-list="bullet">строить надёжные пайплайны CI/CD;</li><li data-list="bullet">управлять сотнями машин одной командой;</li><li data-list="bullet">работать не только с Linux, но и с Windows, сетевыми устройствами, облаками.</li></ul>Каждый написанный playbook — это шаг к более чистому, понятному и масштабируемому управлению.<br /><br /><strong>Хотите перейти от теории к практике?</strong><br /><br /><strong>💡 Начните бесплатно на курсе <a href="https://slurm.io/ansible?utm_source=blog&utm_medium=organic&utm_campaign=article_examples_ansible" target="_blank" rel="noreferrer noopener">«Ansible: Infrastructure as Code»</a> и сразу получите доступ к репозиторию с готовыми плейбуками.</strong><br /><br /><em> Научитесь писать плейбуки, роли, подключать Git, vault, работать с CI/CD и строить автоматизацию, которая экономит часы рутинной работы.</em></div> </div> </div> </div> <style> #rec1043262246 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1043262246 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910746" 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 type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "BlogPosting",
"@id": "https://slurm.io/blog/ansible-playbook-primery-i-sovety",
"mainEntityOfPage": "https://slurm.io/blog/ansible-playbook-primery-i-sovety",
"headline": "Примеры Ansible-Playbook",
"name": " Ansible Playbook — примеры и советы. | Блог slurm.io",
"description": "Схема использования Ansible Playbook для простых и сложных задач. Рассказываем, как запустить плейбук, какой сценарий наиболее подходит для использования Ansible.",
"datePublished": "2025-05-08",
"dateModified": "2025-05-08",
"author": {
"@type": "Person",
"@id": "https://slurm.io/blog/ansible-playbook-primery-i-sovety",
"name": "Илья Иванов",
"url": "https://slurm.io/blog/ansible-playbook-primery-i-sovety",
"image": {
"@type": "ImageObject",
"@id": "https://optim.tildacdn.com/tild3734-3939-4137-a235-633361353035/-/resize/760x/-/format/webp/Docker_2_1.png.webp",
"url": "https://optim.tildacdn.com/tild3734-3939-4137-a235-633361353035/-/resize/760x/-/format/webp/Docker_2_1.png.webp",
"height": "114",
"width": "114"
}
},
"publisher": {
"@type": "Organization",
"@id": "https://slurm.io/",
"name": "Слёрм",
"logo": {
"@type": "ImageObject",
"@id": "https://static.tildacdn.com/tild6135-3939-4135-b731-656566303162/white.svg",
"url": "https://static.tildacdn.com/tild6135-3939-4135-b731-656566303162/white.svg",
"width": "105",
"height": "41"
}
},
"image": {
"@type": "ImageObject",
"@id": "https://optim.tildacdn.com/tild3734-3939-4137-a235-633361353035/-/resize/760x/-/format/webp/Docker_2_1.png.webp",
"url": "https://optim.tildacdn.com/tild3734-3939-4137-a235-633361353035/-/resize/760x/-/format/webp/Docker_2_1.png.webp",
"height": "640",
"width": "360"
},
"url": "https://slurm.io/blog/ansible-playbook-primery-i-sovety",
"isPartOf": {
"@type" : "Blog",
"@id": "https://slurm.io/blog",
"name": "Слёрм Blog",
"publisher": {
"@type": "Organization",
"@id": "https://slurm.io/",
"name": "Слёрм"
}
}
}
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1042910756" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title"><strong>Статью подготовили</strong></h3> </div> </div> </div> <style> #rec1042910756 .t050__uptitle{text-transform:uppercase;}#rec1042910756 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042910756 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910756 .t050__title{font-size:20px;}}</style> </div> <div id="rec1042910761" class="r t-rec t-rec_pt_15" style="padding-top:15px; " data-record-type="165"> <!-- T152 --> <div class="t152"> <div class="t-container_8"> <div class="t-row"> <div class="t152__col t-col t-col_2"> <img class="t152__img t-img"
src="https://thb.tildacdn.com/tild6532-6566-4237-a263-356230626239/-/empty/image.png" data-original="https://static.tildacdn.com/tild6532-6566-4237-a263-356230626239/image.png"
imgfield="img"
alt=""> </div> <div class="t152__col t-col t-col_6 t152__wrapper"> <div class="t152__textwrapper"> <div class="t152__autor-title t-name t-name_sm" field="title">Редакция Слёрма</div> </div> </div> </div> </div> </div> <style> #rec1042910761 .t152__autor-title{font-weight:400;}</style> </div> <div id="rec1042910771" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes">Понравилась статья? Будем рады вашему лайку и репосту — вдруг кому-то тоже пригодится:)</div></div> </div> </div> </div> <style> #rec1042910771 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1042910771 .t-text{font-size:16px;}}</style> </div> <div id="rec1042910776" class="r t-rec t-rec_pt_15 t-rec_pb_45" style="padding-top:15px;padding-bottom:45px; " data-record-type="797"> <!-- t797 --> <div class="t797"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2 t-align_center"> <div class="t797__wrapper t797__wrapper_padding" style="background-color:#e3e7ff;"> <div class="t794__title t-descr t-descr_md t-animate" data-animate-style="fadein" data-animate-group="yes" data-animate-order="1" field="title">Оцените статью</div> <div class="t797__answers t-vote" style="margin-top:-20px" data-vote-type="single" data-vote-id="1042910776" data-vote-visibility="onclick"> <button type="button" class="t-vote__btn-wrapper js-vote-item t-animate" style="margin:20px 10px 0px 10px;" data-answer-id="2268461755720" data-animate-style="zoomin" data-animate-chain="yes"> <div class="t-vote__btn-el js-vote-btn js-sendvote-btn"> <img
src="https://static.tildacdn.com/lib/emoji/twemoji/neutral_face_color.svg"
class="t797__img t797__img_width t-img"
imgfield="li_img__2268461755720"
alt=""
/> </div> <div class="t-vote__btn-res t-descr t-descr_xxs t-align_center " style="display:none;"> <span class="t-vote__btn-res__num js-vote-count">0</span> </div> </button> <button type="button" class="t-vote__btn-wrapper js-vote-item t-animate" style="margin:20px 10px 0px 10px;" data-answer-id="9268461755722" data-animate-style="zoomin" data-animate-chain="yes"> <div class="t-vote__btn-el js-vote-btn js-sendvote-btn"> <img
src="https://static.tildacdn.com/lib/emoji/twemoji/smiling_face_with_smiling_eyes_color.svg"
class="t797__img t797__img_width t-img"
imgfield="li_img__9268461755722"
alt=""
/> </div> <div class="t-vote__btn-res t-descr t-descr_xxs t-align_center " style="display:none;"> <span class="t-vote__btn-res__num js-vote-count">0</span> </div> </button> <button type="button" class="t-vote__btn-wrapper js-vote-item t-animate" style="margin:20px 10px 0px 10px;" data-answer-id="1268461755723" data-animate-style="zoomin" data-animate-chain="yes"> <div class="t-vote__btn-el js-vote-btn js-sendvote-btn"> <img
src="https://static.tildacdn.com/lib/emoji/twemoji/starstruck_color.svg"
class="t797__img t797__img_width t-img"
imgfield="li_img__1268461755723"
alt=""
/> </div> <div class="t-vote__btn-res t-descr t-descr_xxs t-align_center " style="display:none;"> <span class="t-vote__btn-res__num js-vote-count">0</span> </div> </button> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t797_init',function() {t797_init(1042910776);});});</script> <style> #rec1042910776 .t797__wrapper{border-radius:10px;}</style> </div> <div id="rec1042910781" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <!-- nominify begin --> <script src="https://yastatic.net/share2/share.js"></script> <div class="ya-share2" data-curtain data-size="l" data-services="vkontakte,odnoklassniki,telegram,whatsapp,linkedin"></div> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1042910796" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title"><strong>Читайте также:</strong></h3> </div> </div> </div> <style> #rec1042910796 .t050__uptitle{text-transform:uppercase;}#rec1042910796 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1042910796 .t050__title{font-size:28px;line-height:1.3;}}</style> </div> <div id="rec1042910806" class="r t-rec t-rec_pt_15 t-rec_pb_120" style="padding-top:15px;padding-bottom:120px; " data-animationappear="off" data-record-type="896"> <!-- t896 --> <!-- @classes t-descr t-descr_xxs t-descr_sm t-title t-title_xxs t-text t-text_md t-heading t-heading_lg t-name t-uptitle t-uptitle_sm t-uptitle_xs t-name_md --> <div class="t896"> <!-- grid container start --> <div class="js-feed t-feed t-feed_row" data-feed-grid-type="row" data-feed-recid="1042910806"> <div class="t-feed__container t-container"> <div class="js-feed-parts-select-container t-col t-col_8 t-prefix_2"></div> </div> <!-- preloader els --> <div class="js-feed-preloader t-feed__post-preloader_row t-feed__post-preloader__container_hidden t-container"> <div class="t-feed__post-preloader t-col t-col_8 t-prefix_2"> <div class="t-feed__post-preloader__wrapper"> <div class="t-feed__post-preloader__img"></div> <div class="t-feed__post-preloader__textwrapper"> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> </div> </div> </div> <div class="t-feed__post-preloader t-col t-col_8 t-prefix_2"> <div class="t-feed__post-preloader__wrapper"> <div class="t-feed__post-preloader__img"></div> <div class="t-feed__post-preloader__textwrapper"> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> </div> </div> </div> <div class="t-feed__post-preloader t-col t-col_8 t-prefix_2"> <div class="t-feed__post-preloader__wrapper"> <div class="t-feed__post-preloader__img"></div> <div class="t-feed__post-preloader__textwrapper"> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> </div> </div> </div> </div> <!-- preloader els end --> <ul role="list" class="js-feed-container t-feed__container t-container" data-feed-show-count="4" data-feed-show-slice="1"></ul> </div> <!-- grid container end --> </div> <style>#rec1042910806 .t-feed__parts-switch-btn{border:1px solid #000000;border-radius:40px;}#rec1042910806 .t-feed__parts-switch-btn span,#rec1042910806 .t-feed__parts-switch-btn a{color:#000000;padding:6px 18px 6px;border-radius:40px;}#rec1042910806 .t-feed__parts-switch-btn.t-active{background-color:#000000;}#rec1042910806 .t-feed__parts-switch-btn.t-active span,#rec1042910806 .t-feed__parts-switch-btn.t-active a{color:#ffffff !important;}#rec1042910806 .t-feed__post-popup__cover-wrapper .t-slds__arrow{background-color:rgba(255,255,255,1);}#rec1042910806 .t-feed__post-popup__cover-wrapper .t-slds__bullet_active .t-slds__bullet_body,#rec1042910806 .t-feed__post-popup__cover-wrapper .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> <style> #rec1042910806 .t-feed__parts-switch-btn{color:#000000;font-weight:400;}</style> <script>t_onReady(function() {var separator_optsObj={height:'',color:'',opacity:'',hideSeparator:false};var popup_optsObj={popupBgColor:'#ffffff',overlayBgColorRgba:'rgba(255,255,255,1)',closeText:'',iconColor:'#000000',popupStat:'',titleColor:'',textColor:'',subtitleColor:'',datePos:'aftertext',partsPos:'aftertext',imagePos:'aftertitle',inTwoColumns:false,zoom:false,styleRelevants:'',methodRelevants:'random',titleRelevants:'',showRelevants:'',shareStyle:'',shareBg:'',isShare:false,shareServices:'',shareFBToken:'',showDate:true,bgSize:'cover',titleFontFamily:'',descrFontFamily:'',subtitleFontFamily:''};var arrowtop_optsObj={isShow:false,style:'',color:'',bottom:'',left:'',right:''};var parts_optsObj={partsBgColor:'',partsBorderSize:'1px',partsBorderColor:'#000000',align:'center'};var gallery_optsObj={control:'',arrowSize:'',arrowBorderSize:'',arrowColor:'',arrowColorHover:'',arrowBg:'#ffffff',arrowBgHover:'',arrowBgOpacity:'',arrowBgOpacityHover:'',showBorder:'',dotsWidth:'',dotsBg:'',dotsActiveBg:'',dotsBorderSize:''};var colWithBg_optsObj={paddingSize:'',background:'',borderRadius:'',shadow:'',shadowSize:'',shadowOpacity:'',shadowHover:'',shadowSizeHover:'',shadowOpacityHover:'',shadowShiftyHover:''};var options={recid:'1042910806',feeduid:'784947206928',previewmode:'yes',align:'',amountOfPosts:'4',reverse:'desc',blocksInRow:'',blocksClass:'',blocksWidth:'',colClass:'8',prefixClass:'2',vindent:'',dateFormat:'4',timeFormat:'',imageRatio:'75',hasOriginalAspectRatio:false,imageHeight:'',imageWidth:'',dateFilter:'all',showPartAll:true,showImage:true,showShortDescr:true,showParts:true,showDate:true,hideFeedParts:true,parts_opts:parts_optsObj,btnsAlign:false,colWithBg:colWithBg_optsObj,separator:separator_optsObj,btnAllPostsText:'',popup_opts:popup_optsObj,arrowtop_opts:arrowtop_optsObj,gallery:gallery_optsObj,amountOfSymbols:'',btnText:'',isHorizOnMob:false,itemsAnim:'',datePosPs:'afterdescr',partsPosPs:'afterdescr',imagePosPs:'beforetitle',datePos:'beforetitle',partsPos:'beforetitle',imagePos:'beforetitle'};t_onFuncLoad('t_feed_init',function() {t_feed_init('1042910806',options);});});</script> </div> <div id="rec1042910816" 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>
#rec928256836 div{
left: 0 !important;
right: 0 !important;
float: none !important;
}
#rec928256836 .t-container_100.t014{
max-width: 1160px;
margin: 0 auto;
}
@media screen and (max-width: 1200px) {
#rec928256836 .t-container_100.t014{
max-width: 960px;
}
#rec928256836 .t-container_100.t014 .ya-share2__container{
margin: 0px 10px;
}
}
@media screen and (max-width: 960px) {
#rec928256836 .t-container_100.t014{
max-width: 640px;
}
#rec928256836 .t-container_100.t014 .ya-share2__container{
margin: 0px;
padding: 0px 20px;
}
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1042910821" class="r t-rec" style=" " data-animationappear="off" data-record-type="890"> <!-- t890 --> <div class="t890"> <button type="button"
class="t890__arrow
aria-label="Вернуться к началу страницы"
style="box-shadow:0px 0px 10px rgba(0,0,0,0.2);"> <svg role="presentation" width="50" height="50" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="50" height="50" rx="50" fill="#ffffff" fill-opacity="0.90" stroke="none" /> <path d="M14 28L25 18l10 10" stroke="#000000" stroke-width="1" fill="none"/> </svg> </button> </div> <style>#rec1042910821 .t890{left:20px;right:unset;bottom:70px;}</style> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t890_init',function() {t890_init('1042910821','');});});</script> <style>@media screen and (min-width:981px){#rec1042910821 .t890__arrow:hover svg path{stroke:#ffffff;stroke-width:1;}#rec1042910821 .t890__arrow:focus-visible svg path{stroke:#ffffff;stroke-width:1;}#rec1042910821 .t890__arrow:hover svg rect{fill:#1c59ff;fill-opacity:1;}#rec1042910821 .t890__arrow:focus-visible svg rect{fill:#1c59ff;fill-opacity:1;}}#rec1042910821 .t890__arrow{border-radius:53px;}</style> </div> <div id="rec1042910826" class="r t-rec" style=" " data-record-type="270"> <div class="t270"></div> <script>t_onReady(function() {var hash=window.location.hash;t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,-3);});setTimeout(function() {var curPath=window.location.pathname;var curFullPath=window.location.origin + curPath;var recs=document.querySelectorAll('.r');Array.prototype.forEach.call(recs,function(rec) {var selects='a[href^="#"]:not([href="#"]):not(.carousel-control):not(.t-carousel__control):not([href^="#price"]):not([href^="#submenu"]):not([href^="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([href^="#prodpopup"]):not([href^="#order"]):not([href^="#!"]):not([target="_blank"]),' +
'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();t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,-3);});});});});if(document.querySelectorAll('.js-store').length>0||document.querySelectorAll('.js-feed').length>0) {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,-3,1);});}},500);setTimeout(function() {var hash=window.location.hash;if(hash&&document.querySelectorAll('a[name="' + hash.slice(1) + '"], div[id="' + hash.slice(1) + '"]').length>0) {if(window.isMobile) {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,0);});} else {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,0);});}}},1000);window.addEventListener('popstate',function() {var hash=window.location.hash;if(hash&&document.querySelectorAll('a[name="' + hash.slice(1) + '"], div[id="' + hash.slice(1) + '"]').length>0) {if(window.isMobile) {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,0);});} else {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,0);});}}});});</script> </div> <!--footer--> <footer id="t-footer" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="705564" data-tilda-page-id="13176281" data-tilda-page-alias="footer" data-tilda-formskey="59b517bfad01153865a4875be1bdd366" 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="rec1684307921" 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>
$('.example-3 .tn-atom').on('click', function () {
var $temp = $('<input>');
$('body').append($temp);
$temp.val($(this).text()).select();
document.execCommand('copy');
$temp.remove();
$(this).text('Скопирован!');
});
</script> <style>
.example-3 { cursor: pointer; }
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec480081308" class="r t-rec uc-cookie-block" style=" " data-animationappear="off" data-record-type="121" data-alias-record-type="886"> <!-- T886 --> <div class="t886 t886_closed" data-storage-item="t886cookiename_705564" style=""> <div class="t886__wrapper" style="background-color:#ffffff; width:800px;"> <div class="t886__text t-text t-text_xs t-valign_middle" field="text">На сайте мы используем cookie. Без них несладко.</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>#rec480081308 .t-btnflex.t-btnflex_type_button {color:#ffffff;background-color:#000000;--border-width:0px;border-style:none !important;border-radius:5px;box-shadow:none !important;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) {#rec480081308 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover {color:#ffffff !important;background-color:#170f63 !important;}#rec480081308 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible {color:#ffffff !important;background-color:#170f63 !important;}}</style></div> </div> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t886_init',function() {t886_init('480081308');});});</script> <style>#rec480081308 .t886__text{text-align:left;}</style> <style> #rec480081308 .t886__text{font-size:14px;line-height:1;color:#000000;}</style> <style> #rec480081308 .t886__wrapper{border-radius:5px;}</style> </div> <div id="rec495453579" class="r t-rec uc-footer--type0" style=" " data-animationappear="off" data-record-type="121" data-alias-record-type="396"> <!-- T396 --> <style>#rec495453579 .t396__artboard {height:847px;background-color:#ffffff;}#rec495453579 .t396__filter {height:847px;}#rec495453579 .t396__carrier{height:847px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec495453579 .t396__artboard,#rec495453579 .t396__filter,#rec495453579 .t396__carrier {height:840px;}#rec495453579 .t396__filter {}#rec495453579 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec495453579 .t396__artboard,#rec495453579 .t396__filter,#rec495453579 .t396__carrier {height:1196px;}#rec495453579 .t396__filter {}#rec495453579 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec495453579 .t396__artboard,#rec495453579 .t396__filter,#rec495453579 .t396__carrier {height:1513px;}#rec495453579 .t396__filter {}#rec495453579 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec495453579 .t396__artboard,#rec495453579 .t396__filter,#rec495453579 .t396__carrier {height:1536px;}#rec495453579 .t396__filter {}#rec495453579 .t396__carrier {background-attachment:scroll;}}#rec495453579 .tn-elem[data-elem-id="1712236782477"]{z-index:3;top:74px;;left:calc(50% - 600px + 20px);;width:105px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1712236782477"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec495453579 .tn-elem[data-elem-id="1712236782477"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1712236782477"]{display:table;left:calc(50% - 480px + 36px);;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1712236782477"]{display:table;top:61px;;left:calc(50% - 320px + 24px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1712236782477"]{display:table;top:40pxpx;;left:calc(50% - 240px + 15px);;width:105px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1712236782477"]{display:table;top:36px;;left:calc(50% - 160px + 7px);;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1712235605947"]{z-index:3;top:74px;;left:calc(50% - 600px + 20px);;width:105px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1712235605947"] .tn-atom{border-radius:0px 0px 0px 0px;opacity:0;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec495453579 .tn-elem[data-elem-id="1712235605947"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1712235605947"]{display:table;left:calc(50% - 480px + 36px);;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1712235605947"]{display:table;top:61px;;left:calc(50% - 320px + 24px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1712235605947"]{display:table;top:40px;;left:calc(50% - 240px + 15px);;width:105px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1712235605947"]{display:table;top:36px;;left:calc(50% - 160px + 7px);;height:auto;}#rec495453579 .tn-elem[data-elem-id="1712235605947"] .tn-atom{background-size:cover;opacity:0;}}#rec495453579 .tn-elem[data-elem-id="1692506348245"]{z-index:3;top:58px;;left:calc(50% - 600px + 820px);;width:120px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1692506348245"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec495453579 .tn-elem[data-elem-id="1692506348245"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1692506348245"]{display:table;left:calc(50% - 480px + 640px);;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1692506348245"]{display:table;top:755px;;left:calc(50% - 320px + 24px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1692506348245"]{display:table;top:835px;;left:calc(50% - 240px + 20px);;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1692506348245"]{display:table;top:863px;;left:calc(50% - 160px + 10px);;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1692506631214"]{z-index:3;top:58px;;left:calc(50% - 600px + 820px);;width:120px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1692506631214"] .tn-atom{border-radius:0px 0px 0px 0px;opacity:0;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec495453579 .tn-elem[data-elem-id="1692506631214"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1692506631214"]{display:table;left:calc(50% - 480px + 640px);;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1692506631214"]{display:table;top:757px;;left:calc(50% - 320px + 24px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1692506631214"]{display:table;top:845px;;left:calc(50% - 240px + 20px);;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1692506631214"]{display:table;top:873px;;left:calc(50% - 160px + 10px);;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327289504"]{color:#8999a9;z-index:3;top:121px;;left:calc(50% - 600px + 20px);;width:360px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327289504"] .tn-atom{vertical-align:middle;color:#8999a9;font-size:18px;font-family:var(--t-text-font,Arial);line-height:1.33;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327289504"]{display:table;left:calc(50% - 480px + 32px);;width:288px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327289504"]{display:table;top:68px;;left:calc(50% - 320px + 153px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327289504"]{display:table;top:81px;;left:calc(50% - 240px + 20px);;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327289504"]{display:table;left:calc(50% - 160px + 10px);;width:300px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327289504"] .tn-atom{font-size:16px;line-height:1.5;background-size:cover;}}#rec495453579 .tn-elem[data-elem-id="1660327420094"]{color:#172b4d;z-index:3;top:185px;;left:calc(50% - 600px + 14px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327420094"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:24px;font-family:var(--t-text-font,Arial);line-height:1.08;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327420094"]{display:table;left:calc(50% - 480px + 27px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327420094"]{display:table;top:124px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327420094"]{display:table;left:calc(50% - 240px + 15px);;width:440px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327420094"]{display:table;left:calc(50% - 160px + 5px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327526179"]{color:#172b4d;z-index:3;top:223px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327526179"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:24px;font-family:var(--t-text-font,Arial);line-height:1.08;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327526179"]{display:table;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327526179"]{display:table;top:162px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327526179"]{display:table;left:calc(50% - 240px + 16px);;width:440px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327526179"]{display:table;left:calc(50% - 160px + 6px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328247771"]{color:#172b4d;z-index:3;top:547px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328247771"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328247771"]{display:table;top:557px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328247771"]{display:table;top:532px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328247771"]{display:table;top:622px;;left:calc(50% - 240px + 16px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328247771"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328247771"]{display:table;top:614px;;left:calc(50% - 160px + 6px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328067115"]{color:#172b4d;z-index:3;top:217px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067115"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328067115"]{display:table;top:219px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328067115"]{display:table;top:158px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328067115"]{display:table;top:258px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067115"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328067115"]{display:table;top:258px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328673693"]{color:#172b4d;z-index:3;top:229px;;left:calc(50% - 600px + 816px);;width:360px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328673693"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328673693"]{display:table;top:229px;;left:calc(50% - 480px + 636px);;width:288px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328673693"]{display:table;top:874px;;left:calc(50% - 320px + 20px);;width:256px;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328673693"]{display:table;top:1008px;;left:calc(50% - 240px + 20px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328673693"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328673693"]{display:table;top:1017px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327820270"]{color:#172b4d;z-index:3;top:305px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327820270"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327820270"]{display:table;top:315px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327820270"]{display:table;top:246px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327820270"]{display:table;top:258px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327820270"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327820270"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660728009618"]{color:#172b4d;z-index:3;top:273px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660728009618"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660728009618"]{display:table;top:281px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660728009618"]{display:table;top:212px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660728009618"]{display:table;top:220px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660728009618"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660728009618"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660728533851"]{color:#ff8888;z-index:3;top:274px;;left:calc(50% - 600px + 8px);;width:9px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660728533851"] .tn-atom{vertical-align:middle;color:#ff8888;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660728533851"]{display:table;top:283px;;left:calc(50% - 480px + 20px);;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660728533851"]{display:table;top:211px;;left:calc(50% - 320px + 10px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660728533851"]{display:table;top:222px;;left:calc(50% - 240px + 8px);;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660728533851"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660728533851"]{display:table;top:218px;;left:calc(50% - 160px + 0px);;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328247775"]{color:#172b4d;z-index:3;top:579px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328247775"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328247775"]{display:table;top:591px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328247775"]{display:table;top:566px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328247775"]{display:table;top:660px;;left:calc(50% - 240px + 16px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328247775"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328247775"]{display:table;top:652px;;left:calc(50% - 160px + 6px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328067118"]{color:#172b4d;z-index:3;top:185px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067118"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328067118"]{display:table;top:185px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328067118"]{display:table;top:124px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328067118"]{display:table;top:220px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067118"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328067118"]{display:table;top:220px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328247777"]{color:#172b4d;z-index:3;top:611px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328247777"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328247777"]{display:table;top:625px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328247777"]{display:table;top:600px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328247777"]{display:table;top:698px;;left:calc(50% - 240px + 16px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328247777"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328247777"]{display:table;top:690px;;left:calc(50% - 160px + 6px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328067120"]{color:#172b4d;z-index:3;top:249px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067120"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328067120"]{display:table;top:253px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328067120"]{display:table;top:192px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328067120"]{display:table;top:296px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067120"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328067120"]{display:table;top:296px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067120"] .tn-atom{line-height:1.2;background-size:cover;}}#rec495453579 .tn-elem[data-elem-id="1660327823456"]{color:#172b4d;z-index:3;top:337px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327823456"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327823456"]{display:table;top:349px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327823456"]{display:table;top:280px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327823456"]{display:table;top:296px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327823456"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327823456"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328067122"]{color:#172b4d;z-index:3;top:281px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067122"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328067122"]{display:table;top:287px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328067122"]{display:table;top:226px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328067122"]{display:table;top:334px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067122"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328067122"]{display:table;top:344px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1664355590156"]{color:#172b4d;z-index:3;top:313px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1664355590156"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1664355590156"]{display:table;top:321px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1664355590156"]{display:table;top:260px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1664355590156"]{display:table;top:372px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1664355590156"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1664355590156"]{display:table;top:382px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1738909171549"]{color:#172b4d;z-index:3;top:345px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1738909171549"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1738909171549"]{display:table;top:355px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1738909171549"]{display:table;top:294px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1738909171549"]{display:table;top:410px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1738909171549"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1738909171549"]{display:table;top:420px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328170303"]{color:#8999a9;z-index:3;top:503px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328170303"] .tn-atom{vertical-align:middle;color:#8999a9;font-size:18px;font-family:var(--t-text-font,Arial);line-height:1.33;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328170303"]{display:table;top:513px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328170303"]{display:table;top:488px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328170303"]{display:table;top:578px;;left:calc(50% - 240px + 16px);;width:440px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328170303"]{display:table;top:570px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328170303"] .tn-atom{font-size:16px;line-height:1.5;background-size:cover;}}#rec495453579 .tn-elem[data-elem-id="1660328581896"]{color:#8999a9;z-index:3;top:185px;;left:calc(50% - 600px + 820px);;width:360px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328581896"] .tn-atom{vertical-align:middle;color:#8999a9;font-size:18px;font-family:var(--t-text-font,Arial);line-height:1.33;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328581896"]{display:table;left:calc(50% - 480px + 640px);;width:288px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328581896"]{display:table;top:830px;;left:calc(50% - 320px + 24px);;width:288px;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328581896"]{display:table;top:964px;;left:calc(50% - 240px + 20px);;width:440px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328581896"]{display:table;top:973px;;left:calc(50% - 160px + 12px);;width:300px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328581896"] .tn-atom{font-size:16px;line-height:1.5;background-size:cover;}}#rec495453579 .tn-elem[data-elem-id="1660328396738"]{color:#8999a9;z-index:3;top:736px;;left:calc(50% - 600px + 20px);;width:360px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328396738"] .tn-atom{vertical-align:middle;color:#8999a9;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328396738"]{display:table;top:765px;;left:calc(50% - 480px + 32px);;width:288px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328396738"]{display:table;top:1125px;;left:calc(50% - 320px + 24px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328396738"]{display:table;top:1435px;;left:calc(50% - 240px + 23px);;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328396738"]{display:table;top:1428px;;left:calc(50% - 160px + 9px);;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327824923"]{color:#172b4d;z-index:3;top:401px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327824923"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327824923"]{display:table;top:417px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327824923"]{display:table;top:348px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327824923"]{display:table;top:372px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327824923"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327824923"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327826356"]{color:#172b4d;z-index:3;top:369px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327826356"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327826356"]{display:table;top:383px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327826356"]{display:table;top:314px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327826356"]{display:table;top:334px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327826356"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327826356"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327833780"]{color:#172b4d;z-index:3;top:433px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327833780"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327833780"]{display:table;top:451px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327833780"]{display:table;top:382px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327833780"]{display:table;top:410px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327833780"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327833780"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327835132"]{color:#172b4d;z-index:3;top:497px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327835132"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327835132"]{display:table;top:519px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327835132"]{display:table;top:450px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327835132"]{display:table;top:486px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327835132"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327835132"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1695983077804"]{color:#172b4d;z-index:3;top:586px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1695983077804"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1695983077804"]{display:table;top:619px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1695983077804"]{display:table;top:590px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1695983077804"]{display:table;top:1265px;;left:calc(50% - 240px + 19px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1695983077804"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1695983077804"]{display:table;top:1268px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328020471"]{color:#172b4d;z-index:3;top:618px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328020471"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328020471"]{display:table;top:653px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328020471"]{display:table;top:624px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328020471"]{display:table;top:1303px;;left:calc(50% - 240px + 19px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328020471"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328020471"]{display:table;top:1306px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327366231"]{color:#8999a9;z-index:3;top:121px;;left:calc(50% - 600px + 820px);;width:360px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327366231"] .tn-atom{vertical-align:middle;color:#8999a9;font-size:18px;font-family:var(--t-text-font,Arial);line-height:1.33;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327366231"]{display:table;left:calc(50% - 480px + 640px);;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327366231"] .tn-atom{background-size:cover;opacity:1;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327366231"]{display:table;top:784px;;left:calc(50% - 320px + 168px);;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327366231"] .tn-atom{background-size:cover;opacity:1;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327366231"]{display:table;top:908px;;left:calc(50% - 240px + 20px);;width:440px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327366231"]{display:table;top:925px;;left:calc(50% - 160px + 10px);;width:300px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327366231"] .tn-atom{font-size:16px;line-height:1.5;background-size:cover;}}#rec495453579 .tn-elem[data-elem-id="1660723679978"]{z-index:3;top:0px;;left:calc(50% - 600px + 787px);;width:1px;height:100%;}#rec495453579 .tn-elem[data-elem-id="1660723679978"] .tn-atom{border-radius:0px 0px 0px 0px;background-color:#d0d6dd;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){#rec495453579 .tn-elem[data-elem-id="1660723679978"]{display:table;left:calc(50% - 480px + 619px);;height:100%;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660723679978"]{display:table;}#rec495453579 .tn-elem[data-elem-id="1660723679978"] .tn-atom{background-size:cover;opacity:0;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660723679978"]{display:table;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660723679978"]{display:table;}}#rec495453579 .tn-elem[data-elem-id="1660625517826"]{z-index:3;top:0px;;left:calc(50% - 600px + 0px);;width:592px;height:1px;}#rec495453579 .tn-elem[data-elem-id="1660625517826"] .tn-atom{border-radius:0px 0px 0px 0px;opacity:0;background-color:#d0d6dd;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){#rec495453579 .tn-elem[data-elem-id="1660625517826"]{display:table;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660625517826"]{display:table;top:743px;;left:calc(50% - 320px + 24px);;}#rec495453579 .tn-elem[data-elem-id="1660625517826"] .tn-atom{background-size:cover;opacity:1;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660625517826"]{display:table;top:782px;;left:calc(50% - 240px + 20px);;width:440px;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660625517826"]{display:table;top:770px;;left:calc(50% - 160px + 10px);;width:300px;}}#rec495453579 .tn-elem[data-elem-id="1660625579543"]{z-index:3;top:0px;;left:calc(50% - 600px + 0px);;width:592px;height:1px;}#rec495453579 .tn-elem[data-elem-id="1660625579543"] .tn-atom{border-radius:0px 0px 0px 0px;opacity:0;background-color:#d0d6dd;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){#rec495453579 .tn-elem[data-elem-id="1660625579543"]{display:table;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660625579543"]{display:table;top:1060px;;left:calc(50% - 320px + 24px);;}#rec495453579 .tn-elem[data-elem-id="1660625579543"] .tn-atom{background-size:cover;opacity:1;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660625579543"]{display:table;top:1204px;;left:calc(50% - 240px + 20px);;width:440px;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660625579543"]{display:table;top:1215px;;left:calc(50% - 160px + 9px);;width:300px;}}#rec495453579 .tn-elem[data-elem-id="1660723501956"]{z-index:3;top:0px;;left:calc(50% - 50% + 0px);;width:100%;height:1px;}#rec495453579 .tn-elem[data-elem-id="1660723501956"] .tn-atom{border-radius:0px 0px 0px 0px;background-color:#d0d6dd;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){#rec495453579 .tn-elem[data-elem-id="1660723501956"]{display:table;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660723501956"]{display:table;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660723501956"]{display:table;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660723501956"]{display:table;}}#rec495453579 .tn-elem[data-elem-id="1660328018624"]{color:#172b4d;z-index:3;top:553px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328018624"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328018624"]{display:table;top:585px;;left:calc(50% - 480px + 28px);;width:278px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328018624"]{display:table;top:556px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328018624"]{display:table;top:1227px;;left:calc(50% - 240px + 19px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328018624"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328018624"]{display:table;top:1230px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1705327730563"]{z-index:3;top:calc(847px - 101px + 3px);;left:calc(50% - 3% + -3px);;width:6%;height:auto;}#rec495453579 .tn-elem[data-elem-id="1705327730563"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec495453579 .tn-elem[data-elem-id="1705327730563"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1705327730563"]{display:table;top:calc(847px - 101px + 4px);;left:calc(50% - 3% + 2px);;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1705327730563"]{display:table;top:calc(847px - 101px + -112px);;left:calc(50% - 3% + 173px);;width:94px;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1705327730563"]{display:table;top:calc(847px - 101px + 57px);;left:calc(50% - 3% + 147px);;width:100px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1705327730563"]{display:table;top:calc(847px - 101px + 25px);;left:calc(50% - 3% + 1px);;width:71%;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1706690444440"]{color:#172b4d;z-index:3;top:377px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1706690444440"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1706690444440"]{display:table;top:389px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1706690444440"]{display:table;top:328px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1706690444440"]{display:table;top:448px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1706690444440"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1706690444440"]{display:table;top:458px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1707905565159"]{color:#172b4d;z-index:3;top:441px;;left:calc(50% - 600px + 420px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1707905565159"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1707905565159"]{display:table;top:457px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1707905565159"]{display:table;top:396px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1707905565159"]{display:table;top:524px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1707905565159"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1707905565159"]{display:table;top:532px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1742980584483"]{color:#172b4d;z-index:3;top:409px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1742980584483"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1742980584483"]{display:table;top:423px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1742980584483"]{display:table;top:362px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1742980584483"]{display:table;top:486px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1742980584483"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1742980584483"]{display:table;top:496px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1708962345240"]{color:#172b4d;z-index:3;top:682px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1708962345240"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1708962345240"]{display:table;top:721px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1708962345240"]{display:table;top:692px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1708962345240"]{display:table;top:1379px;;left:calc(50% - 240px + 19px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1708962345240"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1708962345240"]{display:table;top:1382px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1742566995756"]{color:#172b4d;z-index:3;top:650px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1742566995756"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1742566995756"]{display:table;top:687px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1742566995756"]{display:table;top:658px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1742566995756"]{display:table;top:1341px;;left:calc(50% - 240px + 19px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1742566995756"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1742566995756"]{display:table;top:1344px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1723122768750"]{color:#172b4d;z-index:3;top:373px;;left:calc(50% - 600px + 886px);;width:360px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1723122768750"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1723122768750"]{display:table;top:409px;;left:calc(50% - 480px + 709px);;width:215px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1723122768750"]{display:table;top:973px;;left:calc(50% - 320px + 89px);;width:330px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1723122768750"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1723122768750"]{display:table;top:1128px;;left:calc(50% - 240px + 71px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1723122768750"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1723122768750"]{display:table;top:793px;;left:calc(50% - 160px + 57px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1768398747383000001"]{color:#172b4d;z-index:3;top:297px;;left:calc(50% - 600px + 816px);;width:360px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1768398747383000001"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1768398747383000001"]{display:table;top:317px;;left:calc(50% - 480px + 636px);;width:288px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1768398747383000001"]{display:table;top:874px;;left:calc(50% - 320px + 328px);;width:273px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1768398747383000001"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1768398747383000001"]{display:table;top:1068px;;left:calc(50% - 240px + 20px);;width:335px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1768398747383000001"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1768398747383000001"]{display:table;top:1099px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1726735717183"]{color:#172b4d;z-index:3;top:465px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1726735717183"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;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;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1726735717183"]{display:table;top:485px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1726735717183"]{display:table;top:416px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1726735717183"]{display:table;top:448px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1726735717183"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1726735717183"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1768399150632"]{z-index:3;top:369px;;left:calc(50% - 600px + 820px);;width:55px;height:55px;}#rec495453579 .tn-elem[data-elem-id="1768399150632"] .tn-atom{border-radius:10px 10px 10px 10px;background-color:#172b4d;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){#rec495453579 .tn-elem[data-elem-id="1768399150632"]{display:table;top:417px;;left:calc(50% - 480px + 640px);;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1768399150632"]{display:table;top:968px;;left:calc(50% - 320px + 24px);;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1768399150632"]{display:table;top:1129px;;left:calc(50% - 240px + 21px);;width:41px;height:41px;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1768399150632"]{display:table;top:794px;;left:calc(50% - 160px + 10px);;}}#rec495453579 .tn-elem[data-elem-id="1768399141699"]{z-index:3;top:378px;;left:calc(50% - 600px + 829px);;width:38px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1768399141699"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec495453579 .tn-elem[data-elem-id="1768399141699"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1768399141699"]{display:table;top:426px;;left:calc(50% - 480px + 649px);;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1768399141699"]{display:table;top:977px;;left:calc(50% - 320px + 33px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1768399141699"]{display:table;top:1136px;;left:calc(50% - 240px + 28px);;width:28px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1768399141699"]{display:table;top:801px;;left:calc(50% - 160px + 17px);;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="495453579" data-artboard-screens="320,480,640,960,1200" data-artboard-height="847" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="1536" data-artboard-height-res-480="1513" data-artboard-height-res-640="1196" data-artboard-height-res-960="840"> <div class="t396__carrier" data-artboard-recid="495453579"></div> <div class="t396__filter" data-artboard-recid="495453579"></div> <div class='t396__elem tn-elem uc-logo--on-white tn-elem__4954535791712236782477' data-elem-id='1712236782477' data-elem-type='image' data-field-top-value="74" data-field-left-value="20" data-field-height-value="42" data-field-width-value="105" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="259" data-field-fileheight-value="103" data-field-heightmode-value="hug" data-field-top-res-320-value="36" data-field-left-res-320-value="7" data-field-height-res-320-value="42" data-field-top-res-480-value="40px" data-field-left-res-480-value="15" data-field-height-res-480-value="42" data-field-width-res-480-value="105" data-field-container-res-480-value="grid" data-field-top-res-640-value="61" data-field-left-res-640-value="24" data-field-height-res-640-value="42" data-field-left-res-960-value="36" data-field-height-res-960-value="42"> <a class='tn-atom' href="https://slurm.io/"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3630-3434-4637-b730-343538653735/slurm_logo_new_1_1.svg'
src='https://static.tildacdn.com/tild3630-3434-4637-b730-343538653735/slurm_logo_new_1_1.svg'
alt='' imgfield='tn_img_1712236782477'
/> </a> </div> <div class='t396__elem tn-elem uc-logo--on-dark tn-elem__4954535791712235605947' data-elem-id='1712235605947' data-elem-type='image' data-field-top-value="74" data-field-left-value="20" data-field-height-value="42" data-field-width-value="105" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="1188" data-field-fileheight-value="471" data-field-heightmode-value="hug" data-field-top-res-320-value="36" data-field-left-res-320-value="7" data-field-height-res-320-value="42" data-field-top-res-480-value="40" data-field-left-res-480-value="15" data-field-height-res-480-value="42" data-field-width-res-480-value="105" data-field-container-res-480-value="grid" data-field-top-res-640-value="61" data-field-left-res-640-value="24" data-field-height-res-640-value="42" data-field-left-res-960-value="36" data-field-height-res-960-value="42"> <a class='tn-atom' href="https://slurm.io/"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6135-3939-4135-b731-656566303162/white.svg'
src='https://static.tildacdn.com/tild6135-3939-4135-b731-656566303162/white.svg'
alt='' imgfield='tn_img_1712235605947'
/> </a> </div> <div class='t396__elem tn-elem uc-logo--on-white tn-elem__4954535791692506348245' data-elem-id='1692506348245' data-elem-type='image' data-field-top-value="58" data-field-left-value="820" data-field-height-value="57" data-field-width-value="120" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="87" data-field-fileheight-value="41" data-field-heightmode-value="hug" data-field-top-res-320-value="863" data-field-left-res-320-value="10" data-field-height-res-320-value="57" data-field-top-res-480-value="835" data-field-left-res-480-value="20" data-field-height-res-480-value="57" data-field-top-res-640-value="755" data-field-left-res-640-value="24" data-field-height-res-640-value="57" data-field-left-res-960-value="640" data-field-height-res-960-value="57"> <a class='tn-atom js-click-zero-stat' href="https://southbridge.io/?utm_source=slurm&utm_medium=footer" rel="nofollow" data-tilda-event-name="/tilda/click/rec495453579/button1692506348245"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6266-3163-4334-b735-323663336439/sb-logo-dark.svg'
src='https://static.tildacdn.com/tild6266-3163-4334-b735-323663336439/sb-logo-dark.svg'
alt='' imgfield='tn_img_1692506348245'
/> </a> </div> <div class='t396__elem tn-elem uc-logo--on-dark tn-elem__4954535791692506631214' data-elem-id='1692506631214' data-elem-type='image' data-field-top-value="58" data-field-left-value="820" data-field-height-value="56" data-field-width-value="120" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="86" data-field-fileheight-value="40" data-field-heightmode-value="hug" data-field-top-res-320-value="873" data-field-left-res-320-value="10" data-field-height-res-320-value="56" data-field-top-res-480-value="845" data-field-left-res-480-value="20" data-field-height-res-480-value="56" data-field-top-res-640-value="757" data-field-left-res-640-value="24" data-field-height-res-640-value="56" data-field-left-res-960-value="640" data-field-height-res-960-value="56"> <a class='tn-atom js-click-zero-stat' href="https://southbridge.io/?utm_source=slurm&utm_medium=footer" rel="nofollow" data-tilda-event-name="/tilda/click/rec495453579/button1692506631214"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3438-6232-4636-b961-366339386263/sb-logo-light.svg'
src='https://static.tildacdn.com/tild3438-6232-4636-b961-366339386263/sb-logo-light.svg'
alt='' imgfield='tn_img_1692506631214'
/> </a> </div> <div class='t396__elem tn-elem tn-elem__4954535791660327289504' data-elem-id='1660327289504' data-elem-type='text' data-field-top-value="121" data-field-left-value="20" data-field-height-value="24" 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-textfit-value="autoheight" data-field-fontsize-value="18" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="81" data-field-left-res-480-value="20" data-field-top-res-640-value="68" data-field-left-res-640-value="153" data-field-left-res-960-value="32" data-field-width-res-960-value="288"> <div class='tn-atom'field='tn_text_1660327289504'>Обучение ИТ-профессионалов</div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327420094' data-elem-id='1660327420094' data-elem-type='text' data-field-top-value="185" data-field-left-value="14" data-field-height-value="26" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="24" data-field-left-res-320-value="5" data-field-width-res-320-value="300" data-field-left-res-480-value="15" data-field-width-res-480-value="440" data-field-top-res-640-value="124" data-field-left-res-640-value="20" data-field-left-res-960-value="27" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="tel:+74952480580"rel="nofollow"style="color: inherit">+7 (495) 248-05-80</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327526179' data-elem-id='1660327526179' data-elem-type='text' data-field-top-value="223" data-field-left-value="16" data-field-height-value="26" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="24" data-field-left-res-320-value="6" data-field-width-res-320-value="300" data-field-left-res-480-value="16" data-field-width-res-480-value="440" data-field-top-res-640-value="162" data-field-left-res-640-value="20" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="mailto:ask@slurm.io"rel="nofollow"style="color: inherit">ask@slurm.io</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328247771' data-elem-id='1660328247771' data-elem-type='text' data-field-top-value="547" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="614" data-field-left-res-320-value="6" data-field-width-res-320-value="300" data-field-top-res-480-value="622" data-field-left-res-480-value="16" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="532" data-field-left-res-640-value="326" data-field-top-res-960-value="557" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/corporate"style="color: inherit">Корпоративное обучение</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328067115' data-elem-id='1660328067115' data-elem-type='text' data-field-top-value="217" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="258" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="258" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="158" data-field-left-res-640-value="326" data-field-top-res-960-value="219" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/calendar"style="color: inherit">Календарь</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu--partner tn-elem__4954535791660328673693' data-elem-id='1660328673693' data-elem-type='text' data-field-top-value="229" data-field-left-value="816" data-field-height-value="48" 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-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1017" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1008" data-field-left-res-480-value="20" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="874" data-field-left-res-640-value="20" data-field-width-res-640-value="256" data-field-top-res-960-value="229" data-field-left-res-960-value="636" data-field-width-res-960-value="288"> <div class='tn-atom'><a href="https://southbridge.io/?utm_source=slurm&utm_medium=footer"rel="nofollow"style="color: inherit"><span style="font-weight: 700;">Southbridge.</span> DevOps-аутсорсер, поддержка высоконагруженных проектов.</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327820270' data-elem-id='1660327820270' data-elem-type='text' data-field-top-value="305" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="258" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="246" data-field-left-res-640-value="20" data-field-top-res-960-value="315" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://habr.com/ru/companies/slurm/articles/"rel="nofollow"style="color: inherit">Хабр</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu--podcast tn-elem__4954535791660728009618' data-elem-id='1660728009618' data-elem-type='text' data-field-top-value="273" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="220" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="212" data-field-left-res-640-value="20" data-field-top-res-960-value="281" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://slurm.mave.digital/"rel="nofollow"style="color: inherit">Подкаст</a></div> </div> <div class='t396__elem tn-elem tn-elem__4954535791660728533851' data-elem-id='1660728533851' data-elem-type='text' data-field-top-value="274" data-field-left-value="8" data-field-height-value="24" data-field-width-value="9" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="218" data-field-left-res-320-value="0" data-field-top-res-480-value="222" data-field-left-res-480-value="8" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="211" data-field-left-res-640-value="10" data-field-top-res-960-value="283" data-field-left-res-960-value="20"> <div class='tn-atom'field='tn_text_1660728533851'>•</div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328247775' data-elem-id='1660328247775' data-elem-type='text' data-field-top-value="579" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="652" data-field-left-res-320-value="6" data-field-width-res-320-value="300" data-field-top-res-480-value="660" data-field-left-res-480-value="16" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="566" data-field-left-res-640-value="326" data-field-top-res-960-value="591" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/universal-tickets"style="color: inherit">Универсальные доступы</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328067118' data-elem-id='1660328067118' data-elem-type='text' data-field-top-value="185" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="220" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="220" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="124" data-field-left-res-640-value="326" data-field-top-res-960-value="185" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/catalog"style="color: inherit">Все курсы</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328247777' data-elem-id='1660328247777' data-elem-type='text' data-field-top-value="611" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="690" data-field-left-res-320-value="6" data-field-width-res-320-value="300" data-field-top-res-480-value="698" data-field-left-res-480-value="16" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="600" data-field-left-res-640-value="326" data-field-top-res-960-value="625" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/faq-for-oformitel"style="color: inherit">Оплата курса от компании</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328067120' data-elem-id='1660328067120' data-elem-type='text' data-field-top-value="249" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="296" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="296" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="192" data-field-left-res-640-value="326" data-field-top-res-960-value="253" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/free"style="color: inherit">Бесплатные материалы</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327823456' data-elem-id='1660327823456' data-elem-type='text' data-field-top-value="337" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="296" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="280" data-field-left-res-640-value="20" data-field-top-res-960-value="349" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://t.me/slurmnews"style="color: inherit">Telegram</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328067122' data-elem-id='1660328067122' data-elem-type='text' data-field-top-value="281" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="344" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="334" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="226" data-field-left-res-640-value="326" data-field-top-res-960-value="287" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/speaker"style="color: inherit">Спикеры</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791664355590156' data-elem-id='1664355590156' data-elem-type='text' data-field-top-value="313" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="382" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="372" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="260" data-field-left-res-640-value="326" data-field-top-res-960-value="321" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/for-speakers"style="color: inherit">Для спикеров</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791738909171549' data-elem-id='1738909171549' data-elem-type='text' data-field-top-value="345" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="420" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="410" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="294" data-field-left-res-640-value="326" data-field-top-res-960-value="355" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://slurm.io/careers"style="color: inherit">Работа в Слёрме</a></div> </div> <div class='t396__elem tn-elem tn-elem__4954535791660328170303' data-elem-id='1660328170303' data-elem-type='text' data-field-top-value="503" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="18" data-field-top-res-320-value="570" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="578" data-field-left-res-480-value="16" data-field-width-res-480-value="440" data-field-top-res-640-value="488" data-field-left-res-640-value="326" data-field-top-res-960-value="513" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'field='tn_text_1660328170303'>Корпоративным клиентам</div> </div> <div class='t396__elem tn-elem tn-elem__4954535791660328581896' data-elem-id='1660328581896' data-elem-type='text' data-field-top-value="185" data-field-left-value="820" data-field-height-value="24" 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-textfit-value="autoheight" data-field-fontsize-value="18" data-field-top-res-320-value="973" data-field-left-res-320-value="12" data-field-width-res-320-value="300" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="964" data-field-left-res-480-value="20" data-field-width-res-480-value="440" data-field-top-res-640-value="830" data-field-left-res-640-value="24" data-field-width-res-640-value="288" data-field-left-res-960-value="640" data-field-width-res-960-value="288"> <div class='tn-atom'field='tn_text_1660328581896'>Партнёры</div> </div> <div class='t396__elem tn-elem tn-elem__4954535791660328396738' data-elem-id='1660328396738' data-elem-type='text' data-field-top-value="736" data-field-left-value="20" data-field-height-value="24" 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-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1428" data-field-left-res-320-value="9" data-field-top-res-480-value="1435" data-field-left-res-480-value="23" data-field-top-res-640-value="1125" data-field-left-res-640-value="24" data-field-top-res-960-value="765" data-field-left-res-960-value="32" data-field-width-res-960-value="288"> <div class='tn-atom'field='tn_text_1660328396738'>© 2018—2025 ООО «Слёрм»</div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327824923' data-elem-id='1660327824923' data-elem-type='text' data-field-top-value="401" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="372" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="348" data-field-left-res-640-value="20" data-field-top-res-960-value="417" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://vk.com/slurm_io"rel="nofollow"style="color: inherit">VK</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327826356' data-elem-id='1660327826356' data-elem-type='text' data-field-top-value="369" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="334" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="314" data-field-left-res-640-value="20" data-field-top-res-960-value="383" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://www.youtube.com/c/slurm_io"rel="nofollow"style="color: inherit">YouTube</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327833780' data-elem-id='1660327833780' data-elem-type='text' data-field-top-value="433" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="410" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="382" data-field-left-res-640-value="20" data-field-top-res-960-value="451" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://dzen.ru/slurm"rel="nofollow"style="color: inherit">Дзен</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327835132' data-elem-id='1660327835132' data-elem-type='text' data-field-top-value="497" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="486" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="450" data-field-left-res-640-value="20" data-field-top-res-960-value="519" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://www.linkedin.com/company/slurm"rel="nofollow"style="color: inherit">LinkedIn</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791695983077804' data-elem-id='1695983077804' data-elem-type='text' data-field-top-value="586" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1268" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1265" data-field-left-res-480-value="19" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="590" data-field-left-res-640-value="20" data-field-top-res-960-value="619" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/privacy"style="color: inherit">Политика конфиденциальности</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328020471' data-elem-id='1660328020471' data-elem-type='text' data-field-top-value="618" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1306" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1303" data-field-left-res-480-value="19" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="624" data-field-left-res-640-value="20" data-field-top-res-960-value="653" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/oferta-slurm"style="color: inherit">Публичная оферта</a></div> </div> <div class='t396__elem tn-elem tn-elem__4954535791660327366231' data-elem-id='1660327366231' data-elem-type='text' data-field-top-value="121" data-field-left-value="820" data-field-height-value="24" 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-textfit-value="autoheight" data-field-fontsize-value="18" data-field-top-res-320-value="925" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="908" data-field-left-res-480-value="20" data-field-width-res-480-value="440" data-field-top-res-640-value="784" data-field-left-res-640-value="168" data-field-left-res-960-value="640"> <div class='tn-atom'field='tn_text_1660327366231'>Генеральный партнёр Слёрм</div> </div> <div class='t396__elem tn-elem uc-footer-line tn-elem__4954535791660723679978' data-elem-id='1660723679978' data-elem-type='shape' data-field-top-value="0" data-field-left-value="787" data-field-height-value="100" 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="%" data-field-widthunits-value="px" data-field-left-res-960-value="619" data-field-height-res-960-value="100"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem uc-footer-line tn-elem__4954535791660625517826' data-elem-id='1660625517826' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="1" data-field-width-value="592" 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="770" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="782" data-field-left-res-480-value="20" data-field-width-res-480-value="440" data-field-top-res-640-value="743" data-field-left-res-640-value="24"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem uc-footer-line tn-elem__4954535791660625579543' data-elem-id='1660625579543' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="1" data-field-width-value="592" 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="1215" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1204" data-field-left-res-480-value="20" data-field-width-res-480-value="440" data-field-top-res-640-value="1060" data-field-left-res-640-value="24"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem uc-footer-line--top tn-elem__4954535791660723501956' data-elem-id='1660723501956' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="1" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="%"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328018624' data-elem-id='1660328018624' data-elem-type='text' data-field-top-value="553" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1230" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1227" data-field-left-res-480-value="19" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="556" data-field-left-res-640-value="20" data-field-top-res-960-value="585" data-field-left-res-960-value="28" data-field-width-res-960-value="278"> <div class='tn-atom'><a href="https://api.edu.slurm.io/uploads/license_dpo.pdf"target="_blank"style="color: inherit">Лицензия №ДЛ-1368 от 22.08.2019</a></div> </div> <div class='t396__elem tn-elem tn-elem__4954535791705327730563' data-elem-id='1705327730563' data-elem-type='image' data-field-top-value="3" data-field-left-value="-3" data-field-height-value="101" data-field-width-value="6" data-field-axisy-value="bottom" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="%" data-field-filewidth-value="600" data-field-fileheight-value="840" data-field-heightmode-value="hug" data-field-top-res-320-value="25" data-field-left-res-320-value="1" data-field-height-res-320-value="99" data-field-width-res-320-value="71" data-field-top-res-480-value="57" data-field-left-res-480-value="147" data-field-height-res-480-value="140" data-field-width-res-480-value="100" data-field-widthunits-res-480-value="px" data-field-top-res-640-value="-112" data-field-left-res-640-value="173" data-field-height-res-640-value="132" data-field-width-res-640-value="94" data-field-widthunits-res-640-value="px" data-field-top-res-960-value="4" data-field-left-res-960-value="2" data-field-height-res-960-value="81"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6562-3736-4663-b362-303664366334/idle-anim3_green_lin.gif'
src='https://thb.tildacdn.com/tild6562-3736-4663-b362-303664366334/-/resize/20x/idle-anim3_green_lin.gif'
alt='' imgfield='tn_img_1705327730563'
/> </div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791706690444440' data-elem-id='1706690444440' data-elem-type='text' data-field-top-value="377" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="458" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="448" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="328" data-field-left-res-640-value="326" data-field-top-res-960-value="389" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/reviews"style="color: inherit">Отзывы</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791707905565159' data-elem-id='1707905565159' data-elem-type='text' data-field-top-value="441" data-field-left-value="420" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="532" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="524" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="396" data-field-left-res-640-value="326" data-field-top-res-960-value="457" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/blog"style="color: inherit"><strong>Блог</strong></a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791742980584483' data-elem-id='1742980584483' data-elem-type='text' data-field-top-value="409" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="496" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="486" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="362" data-field-left-res-640-value="326" data-field-top-res-960-value="423" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/about_us"style="color: inherit">О нас</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791708962345240' data-elem-id='1708962345240' data-elem-type='text' data-field-top-value="682" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1382" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1379" data-field-left-res-480-value="19" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="692" data-field-left-res-640-value="20" data-field-top-res-960-value="721" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://slurm.io/info"style="color: inherit">Юридическая информация</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791742566995756' data-elem-id='1742566995756' data-elem-type='text' data-field-top-value="650" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1344" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1341" data-field-left-res-480-value="19" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="658" data-field-left-res-640-value="20" data-field-top-res-960-value="687" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://slurm.io/newsletter"style="color: inherit">Согласие на рассылку</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu--partner tn-elem__4954535791723122768750' data-elem-id='1723122768750' data-elem-type='text' data-field-top-value="373" data-field-left-value="886" data-field-height-value="48" 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-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="793" data-field-left-res-320-value="57" data-field-width-res-320-value="300" data-field-top-res-480-value="1128" data-field-left-res-480-value="71" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="973" data-field-left-res-640-value="89" data-field-height-res-640-value="48" data-field-width-res-640-value="330" data-field-container-res-640-value="grid" data-field-heightunits-res-640-value="px" data-field-textfit-res-640-value="autoheight" data-field-top-res-960-value="409" data-field-left-res-960-value="709" data-field-width-res-960-value="215"> <div class='tn-atom'field='tn_text_1723122768750'><strong style="font-weight: 700;">СДЕЛАНО В РОССИИ</strong><br>Входим в реестр Российского ПО</div> </div> <div class='t396__elem tn-elem uc-footer-menu--partner tn-elem__4954535791768398747383000001' data-elem-id='1768398747383000001' data-elem-type='text' data-field-top-value="297" data-field-left-value="816" data-field-height-value="48" 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-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1099" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1068" data-field-left-res-480-value="20" data-field-width-res-480-value="335" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="874" data-field-left-res-640-value="328" data-field-height-res-640-value="48" data-field-width-res-640-value="273" data-field-container-res-640-value="grid" data-field-heightunits-res-640-value="px" data-field-textfit-res-640-value="autoheight" data-field-top-res-960-value="317" data-field-left-res-960-value="636" data-field-width-res-960-value="288"> <div class='tn-atom'><a href="https://core247.io/"rel="nofollow"style="color: inherit"><strong style="font-weight: 700;">CORE 24/7.</strong> Официальный представитель Слёрма в Казахстане.</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791726735717183' data-elem-id='1726735717183' data-elem-type='text' data-field-top-value="465" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="448" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="416" data-field-left-res-640-value="20" data-field-top-res-960-value="485" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://rutube.ru/channel/39652890/"rel="nofollow"style="color: inherit">Rutube</a></div> </div> <div class='t396__elem tn-elem tn-elem__4954535791768399150632' data-elem-id='1768399150632' data-elem-type='shape' data-field-top-value="369" data-field-left-value="820" data-field-height-value="55" data-field-width-value="55" 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="794" data-field-left-res-320-value="10" data-field-top-res-480-value="1129" data-field-left-res-480-value="21" data-field-height-res-480-value="41" data-field-width-res-480-value="41" data-field-top-res-640-value="968" data-field-left-res-640-value="24" data-field-top-res-960-value="417" data-field-left-res-960-value="640"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__4954535791768399141699' data-elem-id='1768399141699' data-elem-type='image' data-field-top-value="378" data-field-left-value="829" data-field-height-value="38" data-field-width-value="38" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="512" data-field-fileheight-value="512" data-field-heightmode-value="hug" data-field-top-res-320-value="801" data-field-left-res-320-value="17" data-field-height-res-320-value="28" data-field-top-res-480-value="1136" data-field-left-res-480-value="28" data-field-height-res-480-value="28" data-field-width-res-480-value="28" data-field-top-res-640-value="977" data-field-left-res-640-value="33" data-field-height-res-640-value="38" data-field-top-res-960-value="426" data-field-left-res-960-value="649" data-field-height-res-960-value="38"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6664-3637-4833-b338-393633633963/coat-of-arms_3.svg'
src='https://static.tildacdn.com/tild6664-3637-4833-b338-393633633963/coat-of-arms_3.svg'
alt='' imgfield='tn_img_1768399141699'
/> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('495453579');});});</script> <!-- /T396 --> </div> <div id="rec825799301" 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>
/*Добавляем скругления углов у карточек стандартных блоков*/
.t-popup__container{ /*Сюда вставляем класс блока из таблицы выше*/
border-radius: 16px !important; /*Радиус скругления у блока*/
overflow: hidden; /*Используется для некоторых блоков, к которым не применяется скругление*/
/*Если нужно скруглить углы, каждый по отдельности, то используйте вместо одного значения четыре,
написав их через пробел, например 20px 30px 10px 50px*/
}
</style> <style>
/*Размытие фона*/
.t-popup.t-popup_show {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
</style> <!-- nominify end --> </div> </div> </div> </div> </footer> <!--/footer--> </div> <!--/allrecords--> <!-- Stat --> <!-- Yandex.Metrika counter 49219348 --> <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='49219348';ym(window.mainMetrikaId,"init",{clickmap:true,trackLinks:true,accurateTrackBounce:true,webvisor:true,params:{__ym:{"ymCms":{"cms":"tilda","cmsVersion":"1.0"}}},ecommerce:"dataLayer"});},2000);</script> <noscript><div><img src="https://mc.yandex.ru/watch/49219348" 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,'3ca9b9471ab76a4a58118835b5fb250d','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:"3557140",type:"pageView",start:(new Date()).getTime()});window.mainMailruId='3557140';(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=3557140;js=na" style="border:0;position:absolute;left:-9999px;width:1px;height:1px" alt="Top.Mail.Ru" /></noscript> <!-- //Rating Mail.ru counter --> </body> </html>