Rivalry2

Как запустить контейнер Docker - подробная шпаргалка. | Блог slurm.io
2026-02-19 17:18 Diff
https://slurm.io/blog/kak-zapustit-kontejner-docker
Теперь у вас есть чёткое понимание, как работать с Docker: от запуска базовых контейнеров до создания собственных образов. Мы разобрали:
как запускать образы из Docker Hub;
как создавать контейнеры и управлять их параметрами;
как писать Dockerfile и собирать образы;
как использовать команду docker run с разными опциями.
Эти знания пригодятся не только при разработке, но и при тестировании, деплое, создании инфраструктуры и автоматизации процессов.
Контейнеризация помогает:
быстрее запускать проекты;
избавиться от проблем с окружением;
масштабировать сервисы по мере роста нагрузки.
📌 Docker уже давно является стандартом для DevOps, backend-разработки и системного администрирования. Умение работать с ним — важный навык в современном IT.
🔥 Хотите двигаться дальше? Освойте Docker с нуля за 3 недели на курсе Docker для админов и разработчиков. Вас ждут:
пошаговые практики с примерами из реальных проектов;
работа с томами, сетью, Docker Compose;
оптимизация образов и автоматизация процесса сборки;
сертификат и портфолио для работодателя.
Контейнеры — это удобный инструмент, с которого начинается путь к современной и гибкой инфраструктуре. Попробуйте сами — и вы быстро увидите, насколько это упрощает работу.
Удачи с Docker!
<!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>Как запустить контейнер Docker - подробная шпаргалка. | Блог slurm.io</title> <meta name="description" content="✅ Что такое контейнеры в Docker и как их запустить. Что делает утилита docker run: основные опции и синтаксис. Как создать Docker Image." /> <meta property="og:url" content="https://slurm.io/blog/kak-zapustit-kontejner-docker" /> <meta property="og:title" content="Как запустить контейнер Docker - подробная шпаргалка. | Блог slurm.io" /> <meta property="og:description" content="✅ Что такое контейнеры в Docker и как их запустить. Что делает утилита docker run: основные опции и синтаксис. Как создать Docker Image." /> <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/kak-zapustit-kontejner-docker"> <!--/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-page68132255.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-page68132255.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/hammer.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-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="68132255" data-tilda-page-alias="blog/kak-zapustit-kontejner-docker" 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="rec1000695666" 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/kak-zapustit-kontejner-docker">Как запустить контейнер Docker</a></div> </li> </ul> </div> </div> </div> </div> <style>#rec1000695666 .t758__link-item_active{color:#5c76ff !important;}</style> <style>#rec1000695666 .t758__breadcrumb-divider{color:#858585;}#rec1000695666 .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;}#rec1000695666 .t758 .t-menu__link-item:hover{color:#9e9e9e !important;}#rec1000695666 .t758 .t-menu__link-item:focus-visible{color:#9e9e9e !important;}</style> <style>#rec1000695666 .t758__link-item__wrapper{min-height:21.6px;}#rec1000695666 .t-menu__link-item{min-height:21.6px;line-height:21.6px;}#rec1000695666 .t758__breadcrumb-divider{height:21.6px;line-height:21.6px;}#rec1000695666 .t758__list-item__icon{margin-top:1.3px;}</style> <style> #rec1000695666 .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){#rec1000695666 .t758__link-item__wrapper .t-menu__link-item{font-size:16px;}}</style> <style> #rec1000695666 .t758__breadcrumb-divider{font-size:18px;font-weight:300;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695666 .t758__breadcrumb-divider{font-size:16px;}}</style> </div> <div id="rec1000695671" 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/kak-zapustit-kontejner-docker",
     "name": "Как запустить контейнер Docker"
   }
  }
 ]
}
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000695676" 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 ">DevOps&nbsp;•&nbsp;Инженерам&nbsp;•&nbsp;16 апреля&nbsp;2025&nbsp;•&nbsp;10 мин&nbsp;чтения</div> </div> </div> </div> <style> #rec1000695676 .t-text{font-size:16px;color:#8999a9;}</style> </div> <div id="rec1000695681" 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">Как запустить контейнер Docker</h1> </div> </div> </div> <style> #rec1000695681 .t050__uptitle{text-transform:uppercase;}#rec1000695681 .t050__title{color:#161518;}@media screen and (min-width:900px){#rec1000695681 .t050__title{font-size:46px;}}#rec1000695681 .t050__descr{font-size:18px;}</style> </div> <div id="rec1000695686" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " 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/tild3734-3939-4137-a235-633361353035/Docker_2_1.png"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3734-3939-4137-a235-633361353035/-/empty/Docker_2_1.png" data-original="https://static.tildacdn.com/tild3734-3939-4137-a235-633361353035/Docker_2_1.png"
imgfield="img"
alt=""> </div> </div> <style> #rec1000695686 .t107 .t-img{border-radius:15px;}@media (max-width:480px){#rec1000695686 .t107 .t-img{border-radius:0px;}}</style> </div> <div id="rec1000695691" class="r t-rec t-rec_pt_30" style="padding-top:30px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1000695691 .t396__artboard {height:210px;}#rec1000695691 .t396__filter {height:210px;}#rec1000695691 .t396__carrier{height:210px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1000695691 .t396__artboard,#rec1000695691 .t396__filter,#rec1000695691 .t396__carrier {}#rec1000695691 .t396__filter {}#rec1000695691 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1000695691 .t396__artboard,#rec1000695691 .t396__filter,#rec1000695691 .t396__carrier {}#rec1000695691 .t396__filter {}#rec1000695691 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1000695691 .t396__artboard,#rec1000695691 .t396__filter,#rec1000695691 .t396__carrier {}#rec1000695691 .t396__filter {}#rec1000695691 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec1000695691 .t396__artboard,#rec1000695691 .t396__filter,#rec1000695691 .t396__carrier {height:300px;}#rec1000695691 .t396__filter {}#rec1000695691 .t396__carrier {background-attachment:scroll;}}#rec1000695691 .tn-group[data-group-id="174367081259945760"]{z-index:3;position:absolute;top:0px;left:calc(50% - 600px + 220px);width:759px;height:209px;}#rec1000695691 .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) {#rec1000695691 .tn-group[data-group-id="174367081259945760"] {left:calc(50% - 480px + 170px);width:620px;height:209px;}#rec1000695691 .tn-group[data-group-id="174367081259945760"] #molecule-174367081259945760 {display:flex;}}@media screen and (max-width:959px) {#rec1000695691 .tn-group[data-group-id="174367081259945760"] {width:481px;height:209px;}#rec1000695691 .tn-group[data-group-id="174367081259945760"] #molecule-174367081259945760 {display:flex;}}@media screen and (max-width:639px) {#rec1000695691 .tn-group[data-group-id="174367081259945760"] {left:calc(50% - 240px + 10px);width:459px;height:209px;}#rec1000695691 .tn-group[data-group-id="174367081259945760"] #molecule-174367081259945760 {display:flex;}}@media screen and (max-width:479px) {#rec1000695691 .tn-group[data-group-id="174367081259945760"] {left:calc(50% - 180px + 0px);width:360px;height:305px;}#rec1000695691 .tn-group[data-group-id="174367081259945760"] #molecule-174367081259945760 {display:flex;}}#rec1000695691 .tn-group[data-group-id="174367150126371080"]{z-index:4;position:absolute;top:73px;left:20px;width:520px;height:auto;flex-shrink:0;margin:0 0 0 0;}#rec1000695691 .tn-group[data-group-id="174367150126371080"] #molecule-174367150126371080 {width:100%;height:100%;position:relative;display:flex;flex-direction:column;row-gap:4px;align-items:center;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) {#rec1000695691 .tn-group[data-group-id="174367150126371080"] {left:20px;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1000695691 .tn-group[data-group-id="174367150126371080"] #molecule-174367150126371080 {display:flex;}}@media screen and (max-width:959px) {#rec1000695691 .tn-group[data-group-id="174367150126371080"] {height:auto;flex-shrink:0;order:;align-self:auto;}#rec1000695691 .tn-group[data-group-id="174367150126371080"] #molecule-174367150126371080 {display:flex;}}@media screen and (max-width:639px) {#rec1000695691 .tn-group[data-group-id="174367150126371080"] {left:20px;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1000695691 .tn-group[data-group-id="174367150126371080"] #molecule-174367150126371080 {display:flex;}}@media screen and (max-width:479px) {#rec1000695691 .tn-group[data-group-id="174367150126371080"] {left:20px;width:311px;height:259px;flex-shrink:0;order:;align-self:auto;}#rec1000695691 .tn-group[data-group-id="174367150126371080"] #molecule-174367150126371080 {display:flex;align-items:flex-start;}}#rec1000695691 .tn-elem[data-elem-id="1743671499018"]{color:#14213d;text-align:left;z-index:6;top:90px;left:0px;width:520px;flex-shrink:0;height:26px;margin:0 0 0 0;}#rec1000695691 .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;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#14213d;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover{color:#00c880;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover .tn-atom__button-text{color:#00c880;}}@media screen and (max-width:1199px){#rec1000695691 .tn-elem[data-elem-id="1743671499018"]{left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom{white-space:normal;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1000695691 .tn-elem[data-elem-id="1743671499018"]{width:520px;height:26px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom{white-space:normal;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1000695691 .tn-elem[data-elem-id="1743671499018"]{left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom{white-space:normal;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1000695691 .tn-elem[data-elem-id="1743671499018"]{top:172px;left:0px;width:273px;height:40px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671499018"] .tn-atom:hover{animation-name:none;}}}#rec1000695691 .tn-elem[data-elem-id="1743671498566"]{color:#14213d;text-align:left;z-index:7;top:60px;left:0px;width:520px;flex-shrink:0;height:26px;margin:0 0 0 0;}#rec1000695691 .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;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#14213d;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover{color:#00c880;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover .tn-atom__button-text{color:#00c880;}}@media screen and (max-width:1199px){#rec1000695691 .tn-elem[data-elem-id="1743671498566"]{left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom{white-space:normal;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1000695691 .tn-elem[data-elem-id="1743671498566"]{width:520px;height:26px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom{white-space:normal;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1000695691 .tn-elem[data-elem-id="1743671498566"]{left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom{white-space:normal;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1000695691 .tn-elem[data-elem-id="1743671498566"]{top:108px;left:0px;width:270px;height:60px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498566"] .tn-atom:hover{animation-name:none;}}}#rec1000695691 .tn-elem[data-elem-id="1743671498059"]{color:#14213d;text-align:left;z-index:8;top:30px;left:0px;width:520px;flex-shrink:0;height:26px;margin:0 0 0 0;}#rec1000695691 .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;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#14213d;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover{color:#00c880;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover .tn-atom__button-text{color:#00c880;}}@media screen and (max-width:1199px){#rec1000695691 .tn-elem[data-elem-id="1743671498059"]{left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom{white-space:normal;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1000695691 .tn-elem[data-elem-id="1743671498059"]{width:520px;height:26px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom{white-space:normal;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1000695691 .tn-elem[data-elem-id="1743671498059"]{left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom{white-space:normal;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1000695691 .tn-elem[data-elem-id="1743671498059"]{top:44px;left:0px;width:270px;height:60px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671498059"] .tn-atom:hover{animation-name:none;}}}#rec1000695691 .tn-elem[data-elem-id="1743671432468"]{color:#14213d;text-align:left;z-index:9;top:0px;left:0px;width:520px;flex-shrink:0;height:26px;margin:0 0 0 0;}#rec1000695691 .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;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#14213d;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover{color:#00c880;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover .tn-atom__button-text{color:#00c880;}}@media screen and (max-width:1199px){#rec1000695691 .tn-elem[data-elem-id="1743671432468"]{left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom{white-space:normal;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1000695691 .tn-elem[data-elem-id="1743671432468"]{width:520px;height:26px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom{white-space:normal;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1000695691 .tn-elem[data-elem-id="1743671432468"]{left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom{white-space:normal;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1000695691 .tn-elem[data-elem-id="1743671432468"]{top:0px;left:0px;width:370px;height:40px;flex-shrink:0;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom::after{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover::after{opacity:0;}#rec1000695691 .tn-elem[data-elem-id="1743671432468"] .tn-atom:hover{animation-name:none;}}}#rec1000695691 .tn-elem[data-elem-id="1743670770549"]{color:#14213d;z-index:10;top:20px;left:20px;width:100%;flex-shrink:0;height:auto;margin:0 0 0 0;}#rec1000695691 .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){#rec1000695691 .tn-elem[data-elem-id="1743670770549"]{left:20px;width:100%;height:auto;flex-shrink:0;}}@media screen and (max-width:959px){#rec1000695691 .tn-elem[data-elem-id="1743670770549"]{width:100%;height:auto;flex-shrink:0;}}@media screen and (max-width:639px){#rec1000695691 .tn-elem[data-elem-id="1743670770549"]{left:20px;width:100%;height:auto;flex-shrink:0;}}@media screen and (max-width:479px){#rec1000695691 .tn-elem[data-elem-id="1743670770549"]{left:20px;width:100%;height:auto;flex-shrink:0;}#rec1000695691 .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="1000695691" data-artboard-screens="360,480,640,960,1200" data-artboard-height="210" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-360="300"> <div class="t396__carrier" data-artboard-recid="1000695691"></div> <div class="t396__filter" data-artboard-recid="1000695691"></div> <div
class="t396__group tn-group tn-group__1000695691174367081259945760 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="209" data-group-width-value="759" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-left-res-360-value="0" data-group-height-res-360-value="305" 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="10" data-group-height-res-480-value="209" data-group-width-res-480-value="459" data-group-widthmode-res-480="fixed" data-group-height-res-640-value="209" data-group-width-res-640-value="481" data-group-widthmode-res-640="fixed" data-group-left-res-960-value="170" data-group-height-res-960-value="209" 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__10006956911743670770549' 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-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="30" data-field-height-res-480-value="37" data-field-width-res-480-value="419" data-field-height-res-640-value="37" data-field-width-res-640-value="441" 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__1000695691174367150126371080 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="center" data-group-widthmode="fixed" data-group-heightmode="hug" data-group-container-value="grid" data-group-height-value="116" data-group-width-value="520" 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="30" data-group-height-res-480-value="116" data-group-height-res-640-value="116" data-group-left-res-960-value="190" data-group-height-res-960-value="116"> <div
class="tn-molecule"
id="molecule-174367150126371080"> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10006956911743671432468' 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="30" data-field-height-res-480-value="26" data-field-width-res-480-value="520" 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="#sre"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">1. Создание контейнера</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10006956911743671498059' 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="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="111" data-field-left-res-360-value="20" data-field-height-res-360-value="60" 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="30" data-field-height-res-480-value="26" data-field-width-res-480-value="520" 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="#sreduties"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">2. Утилита docker run</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10006956911743671498566' 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="175" data-field-left-res-360-value="20" data-field-height-res-360-value="60" 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="30" data-field-height-res-480-value="26" data-field-width-res-480-value="520" 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="#differences"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">3. Как создать и запустить образ Docker Image</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10006956911743671499018' 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="239" 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="30" data-field-height-res-480-value="26" data-field-width-res-480-value="520" 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="#how"> <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> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1000695691');});});</script> <!-- /T396 --> </div> <div id="rec1000695696" 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> — это крайне удобный метод запуска приложений в изолированной среде. Их работа абсолютно идентична в условиях любой системы, что позволяет избежать проблем с зависимостями. Разберёмся, как поднять контейнер с нуля: от выбора образа до запуска Docker.</div> </div> </div> </div> <style> #rec1000695696 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695696 .t-text{font-size:16px;}}</style> </div> <div id="rec1000695711" 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="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> #rec1000695711 .t050__uptitle{text-transform:uppercase;}#rec1000695711 .t050__title{color:#161518;font-weight:700;}@media screen and (min-width:480px){#rec1000695711 .t050__title{font-size:28px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695711 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000708231" 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 ">Docker опирается на три ключевых элемента:<br /><br /><ul><li data-list="bullet"><strong>Image </strong>— это готовый шаблон с программой и всем необходимым.</li><li data-list="bullet"><strong>Контейнер </strong>— инициированный экземпляр образа.</li><li data-list="bullet"><strong>Команда </strong><strong style="color: rgb(74, 153, 116);">docker run</strong> — основной способ запуска.</li></ul><br /><strong>Начнём с самого базового примера:</strong><br /><br /><span style="color: rgb(74, 153, 116);">docker run hello-world</span><br /><br />Что делает <strong style="color: rgb(74, 153, 116);">docker run</strong> — команда вытащит образ из Docker Hub (в том случае, если он отсутствует) и осуществит пуск контейнера. В терминале появится подтверждение, что всё работает корректно.</div> </div> </div> </div> <style> #rec1000708231 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000708231 .t-text{font-size:16px;}}</style> </div> <div id="rec1000708381" 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="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> #rec1000708381 .t050__uptitle{text-transform:uppercase;}#rec1000708381 .t050__title{color:#161518;font-weight:700;}@media screen and (min-width:480px){#rec1000708381 .t050__title{font-size:28px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000708381 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000708976" 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 ">Для запуска приложения с настройками выполните:</div> </div> </div> </div> <style> #rec1000708976 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000708976 .t-text{font-size:16px;}}</style> </div> <div id="rec1000730131" 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 --> <div id="rec985168761" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 style="color: rgb(74, 153, 116);"> <noindex>docker run -d -p 8080:80 nginx</noindex> </div> </div> </div> </div> </div> </div> <style> 
  #rec985168761 
  .t-text
  {
    font-size:18px;font-family:'Inter';
    }
    @media screen and (max-width:480px),(orientation:landscape) and (max-height:480px)
  {
    #rec985168761 .t-text{font-size:16px;}
    }
  </style> </div> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000719241" 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"> <span style="color: rgb(74, 153, 116);">-d</span> — запускает контейнер Docker в фоновом режиме,это значит, что ваш терминал будет свободен для выполнения других команд.</li><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">-p 8080:80</span> — открывает порт 80 контейнера на 8080 порту хоста.</li><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">nginx</span> — имя образа с веб-сервером.</li></ul></div> </div> </div> </div> <style> #rec1000719241 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000719241 .t-text{font-size:16px;}}</style> </div> <div id="rec1000708441" 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="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> #rec1000708441 .t050__uptitle{text-transform:uppercase;}#rec1000708441 .t050__title{color:#161518;font-weight:700;}@media screen and (min-width:480px){#rec1000708441 .t050__title{font-size:28px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000708441 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000708536" 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);">docker pull ubuntu</span><br /><span style="color: rgb(74, 153, 116);">docker run -it ubuntu</span><br /><br />Сначала загружается базовый образ Ubuntu. Затем — запускается контейнер с подключением терминала (<span style="color: rgb(74, 153, 116);">-it</span>). Получаете доступ к окружению, как будто это полноценная система.<br /><br />📌 Такие команды полезны для тестирования, настройки окружения и локальной разработки.<br /><br /></div> </div> </div> </div> <style> #rec1000708536 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000708536 .t-text{font-size:16px;}}</style> </div> <div id="rec1006939506" class="r t-rec t-rec_pt_30" style="padding-top:30px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1006939506 .t396__artboard {height:300px;background-color:#ffffff;}#rec1006939506 .t396__filter {height:300px;}#rec1006939506 .t396__carrier{height:300px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1006939506 .t396__artboard,#rec1006939506 .t396__filter,#rec1006939506 .t396__carrier {}#rec1006939506 .t396__filter {}#rec1006939506 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1006939506 .t396__artboard,#rec1006939506 .t396__filter,#rec1006939506 .t396__carrier {height:340px;}#rec1006939506 .t396__filter {}#rec1006939506 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1006939506 .t396__artboard,#rec1006939506 .t396__filter,#rec1006939506 .t396__carrier {height:340px;}#rec1006939506 .t396__filter {}#rec1006939506 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec1006939506 .t396__artboard,#rec1006939506 .t396__filter,#rec1006939506 .t396__carrier {height:250px;}#rec1006939506 .t396__filter {}#rec1006939506 .t396__carrier {background-attachment:scroll;}}#rec1006939506 .tn-elem[data-elem-id="1745214258584"]{z-index:3;top:0px;;left:calc(50% - 600px + 220px);;width:760px;height:293px;}#rec1006939506 .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){#rec1006939506 .tn-elem[data-elem-id="1745214258584"]{left:calc(50% - 480px + 99px);;}}@media screen and (max-width:959px){#rec1006939506 .tn-elem[data-elem-id="1745214258584"]{left:calc(50% - 320px + 9px);;width:631px;height:341px;}}@media screen and (max-width:639px){#rec1006939506 .tn-elem[data-elem-id="1745214258584"]{width:463px;height:339px;}}@media screen and (max-width:479px){#rec1006939506 .tn-elem[data-elem-id="1745214258584"]{width:302px;height:249px;}#rec1006939506 .tn-elem[data-elem-id="1745214258584"] .tn-atom{background-size:cover;opacity:1;}}#rec1006939506 .tn-elem[data-elem-id="1745214258590"]{z-index:4;top:67px;;left:calc(50% - 600px + 680px);;width:192px;height:auto;}#rec1006939506 .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;}#rec1006939506 .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){#rec1006939506 .tn-elem[data-elem-id="1745214258590"]{left:calc(50% - 480px + 559px);;height:auto;}}@media screen and (max-width:959px){#rec1006939506 .tn-elem[data-elem-id="1745214258590"]{top:93px;;left:calc(50% - 320px + 437px);;width:209px;height:auto;}}@media screen and (max-width:639px){#rec1006939506 .tn-elem[data-elem-id="1745214258590"]{top:163px;;left:calc(50% - 240px + 520px);;width:209px;height:auto;}}@media screen and (max-width:479px){#rec1006939506 .tn-elem[data-elem-id="1745214258590"]{top:131px;;left:calc(50% - 160px + 230px);;width:100px;height:auto;}}#rec1006939506 .tn-elem[data-elem-id="1745214258589"]{color:#170f63;z-index:5;top:115px;;left:calc(50% - 600px + 260px);;width:405px;height:67px;}#rec1006939506 .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){#rec1006939506 .tn-elem[data-elem-id="1745214258589"]{left:calc(50% - 480px + 139px);;height:auto;}}@media screen and (max-width:959px){#rec1006939506 .tn-elem[data-elem-id="1745214258589"]{top:158px;;left:calc(50% - 320px + 49px);;width:407px;height:auto;}}@media screen and (max-width:479px){#rec1006939506 .tn-elem[data-elem-id="1745214258589"]{top:102px;;left:calc(50% - 160px + 33px);;width:266px;height:auto;}#rec1006939506 .tn-elem[data-elem-id="1745214258589"] .tn-atom{font-size:14px;background-size:cover;}}#rec1006939506 .tn-elem[data-elem-id="1745214258587"]{color:#170f63;z-index:6;top:30px;;left:calc(50% - 600px + 260px);;width:682px;height:98px;}#rec1006939506 .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){#rec1006939506 .tn-elem[data-elem-id="1745214258587"]{left:calc(50% - 480px + 139px);;height:auto;}}@media screen and (max-width:959px){#rec1006939506 .tn-elem[data-elem-id="1745214258587"]{left:calc(50% - 320px + 49px);;width:456px;height:auto;}}@media screen and (max-width:479px){#rec1006939506 .tn-elem[data-elem-id="1745214258587"]{top:27px;;left:calc(50% - 160px + 31px);;width:268px;height:auto;text-align:left;}#rec1006939506 .tn-elem[data-elem-id="1745214258587"] .tn-atom{font-size:24px;letter-spacing:0px;background-size:cover;}}#rec1006939506 .tn-elem[data-elem-id="1745214258595"]{color:#ffffff;text-align:center;z-index:7;top:209px;;left:calc(50% - 600px + 260px);;width:300px;height:50px;}#rec1006939506 .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;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom::after{display:none;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover::after{opacity:0;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1006939506 .tn-elem[data-elem-id="1745214258595"]{left:calc(50% - 480px + 139px);;width:px;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom::after{display:none;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover::after{opacity:0;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1006939506 .tn-elem[data-elem-id="1745214258595"]{top:250px;;left:calc(50% - 320px + 49px);;width:px;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom::after{display:none;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover::after{opacity:0;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1006939506 .tn-elem[data-elem-id="1745214258595"]{top:246px;;width:px;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom::after{display:none;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover::after{opacity:0;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1006939506 .tn-elem[data-elem-id="1745214258595"]{top:177px;;left:calc(50% - 160px + 30px);;width:230px;height:45px;}#rec1006939506 .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);}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom::after{display:none;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover::after{opacity:0;}#rec1006939506 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover{animation-name:none;}}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1006939506" data-artboard-screens="320,480,640,960,1200" data-artboard-height="300" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="250" data-artboard-upscale-res-320="window" data-artboard-height-res-480="340" data-artboard-height-res-640="340"> <div class="t396__carrier" data-artboard-recid="1006939506"></div> <div class="t396__filter" data-artboard-recid="1006939506"></div> <div class='t396__elem tn-elem tn-elem__10069395061745214258584' data-elem-id='1745214258584' data-elem-type='shape' data-field-top-value="0" data-field-left-value="220" data-field-height-value="293" 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="249" data-field-width-res-320-value="302" data-field-height-res-480-value="339" data-field-width-res-480-value="463" data-field-left-res-640-value="9" data-field-height-res-640-value="341" 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__10069395061745214258590' data-elem-id='1745214258590' data-elem-type='image' data-field-top-value="67" data-field-left-value="680" 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="131" data-field-left-res-320-value="230" data-field-height-res-320-value="145" 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="93" 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__10069395061745214258589' data-elem-id='1745214258589' data-elem-type='text' data-field-top-value="115" data-field-left-value="260" data-field-height-value="67" 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="102" 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-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'>Получите бесплатно материалы "Как запустить контейнер Docker из GitLab"</div> </div> <div class='t396__elem tn-elem tn-elem__10069395061745214258587' 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="682" data-field-axisy-value="top" 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="92" data-field-width-res-320-value="268" data-field-fontsize-res-320-value="24" data-field-left-res-640-value="49" data-field-height-res-640-value="98" data-field-width-res-640-value="456" data-field-left-res-960-value="139"> <div class='tn-atom'field='tn_text_1745214258587'><strong>Дарим гайд по контейнеру Docker! </strong></div> </div> <div class='t396__elem tn-elem tn-elem__10069395061745214258595' data-elem-id='1745214258595' data-elem-type='button' data-field-top-value="209" 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="177" 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="246" data-field-top-res-640-value="250" data-field-left-res-640-value="49" data-field-left-res-960-value="139"> <a class='tn-atom' href="https://t.me/learning_slurm_bot?start=docker_ceo_article" 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('1006939506');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1006939506');});});</script> <!-- /T396 --> </div> <div id="rec1000695701" class="r t-rec" style=" " data-record-type="215"> <a name="sre" style="font-size:0;"></a> </div> <div id="rec1000695706" 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> #rec1000695706 .t050__uptitle{text-transform:uppercase;}#rec1000695706 .t050__title{color:#161518;}@media screen and (min-width:900px){#rec1000695706 .t050__title{font-size:38px;}}@media screen and (min-width:480px) and (max-width:900px){#rec1000695706 .t050__title{font-size:28px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695706 .t050__title{font-size:28px;}}</style> </div> <div id="rec1000695716" 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 ">Пора перейти от базовых примеров к реальной работе. Контейнер можно собрать на основе готового образа или создать свой. После этого его легко запустить единственной командой.</div> </div> </div> </div> <style> #rec1000695716 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695716 .t-text{font-size:16px;}}</style> </div> <div id="rec1000707976" 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="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> #rec1000707976 .t050__uptitle{text-transform:uppercase;}#rec1000707976 .t050__title{color:#161518;font-weight:700;}@media screen and (min-width:480px){#rec1000707976 .t050__title{font-size:28px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000707976 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000737221" 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 ">Допустим, нужно развернуть Ubuntu-систему. Всё начинается с загрузки:<br /><br /><span style="color: rgb(74, 153, 116);">docker pull ubuntu</span><br /><br />Теперь можно создать рабочее пространство:<br /><br /><span style="color: rgb(74, 153, 116);">docker run -it ubuntu</span><br /><br />Флаг -it включает режим интеракции с терминалом. Вы окажетесь внутри контейнера и получите возможность работать с ним как с обычной системой.<br />Если нужен простой запуск контейнера без входа внутрь:<br /><br /><span style="color: rgb(74, 153, 116);">docker run -d ubuntu sleep infinity</span><br /><br />Такой вариант удобен для фоновых задач — контейнер не завершится, пока работает команда <span style="color: rgb(74, 153, 116);">sleep.</span></div> </div> </div> </div> <style> #rec1000737221 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000737221 .t-text{font-size:16px;}}</style> </div> <div id="rec1000695731" 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="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> #rec1000695731 .t050__uptitle{text-transform:uppercase;}#rec1000695731 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000695731 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695731 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000695736" 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">Создаем <span style="color: rgb(74, 153, 116);">Dockerfile</span> — это набор инструкций, описывающих сборку.</li><li data-list="ordered">Собираем образ.</li><li data-list="ordered">Запускаем контейнер.</li></ol><br />Пример <span style="color: rgb(74, 153, 116);">Dockerfile </span>для приложения на Python:</div> </div> </div> </div> <style> #rec1000695736 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695736 .t-text{font-size:16px;}}</style> </div> <div id="rec1000695721" 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="3"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3730-6563-4338-b332-393665356565/Docker_1_1.png"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3730-6563-4338-b332-393665356565/-/empty/Docker_1_1.png" data-original="https://static.tildacdn.com/tild3730-6563-4338-b332-393665356565/Docker_1_1.png"
imgfield="img"
alt=""> </div> </div> <style> #rec1000695721 .t107 .t-img{border-radius:15px;}@media (max-width:480px){#rec1000695721 .t107 .t-img{border-radius:0px;}}</style> </div> <div id="rec1000747626" 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 --> <div id="rec985168761" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 style="color: rgb(74, 153, 116);"> <noindex>FROM python:3.11<br>
                    WORKDIR /app<br>
                    COPY . .<br>
                    RUN pip install -r requirements.txt<br>
                    CMD ["python", "app.py"]</noindex> </div> </div> </div> </div> </div> </div> <style> 
  #rec985168761 
  .t-text
  {
    font-size:18px;font-family:'Inter';
    }
    @media screen and (max-width:480px),(orientation:landscape) and (max-height:480px)
  {
    #rec985168761 .t-text{font-size:16px;}
    }
  </style> </div> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000743836" 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 />Собираем образ:</div> </div> </div> </div> <style> #rec1000743836 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000743836 .t-text{font-size:16px;}}</style> </div> <div id="rec1000749421" 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 --> <div id="rec985168761" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 style="color: rgb(74, 153, 116);"> <noindex>docker build -t my-python-app .</noindex> </div> </div> </div> </div> </div> </div> <style> 
  #rec985168761 
  .t-text
  {
    font-size:18px;font-family:'Inter';
    }
    @media screen and (max-width:480px),(orientation:landscape) and (max-height:480px)
  {
    #rec985168761 .t-text{font-size:16px;}
    }
  </style> </div> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000743921" 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 ">Выполняем запуск:</div> </div> </div> </div> <style> #rec1000743921 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000743921 .t-text{font-size:16px;}}</style> </div> <div id="rec1000750881" 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 --> <div id="rec985168761" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 style="color: rgb(74, 153, 116);"> <noindex>docker run -d -p 5000:5000 my-python-app</noindex> </div> </div> </div> </div> </div> </div> <style> 
  #rec985168761 
  .t-text
  {
    font-size:18px;font-family:'Inter';
    }
    @media screen and (max-width:480px),(orientation:landscape) and (max-height:480px)
  {
    #rec985168761 .t-text{font-size:16px;}
    }
  </style> </div> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000750621" 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 ">Программа выполняется изолированно – теперь можно открыть его через браузер по адресу <span style="color: rgb(74, 153, 116);">localhost:5000.</span><br /><br />⚡️ <strong>На курсе<a href="https://slurm.io/docker?utm_source=blog&amp;utm_medium=organic&amp;utm_campaign=article_docker_run"> Docker для админов и разработчиков</a></strong> вы разберётесь во всём с нуля. Уже на первой неделе вы научитесь запускать контейнеры и после обучения будете уверенно работать с томами, сетью, а также docker-compose.</div> </div> </div> </div> <style> #rec1000750621 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000750621 .t-text{font-size:16px;}}</style> </div> <div id="rec1000695756" class="r t-rec" style=" " data-record-type="215"> <a name="sreduties" style="font-size:0;"></a> </div> <div id="rec1000695761" 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"> <h2 class="t050__title t-title t-title_xxl" field="title">Утилита <span style="color: rgb(74, 153, 116);">docker run</span></h2> </div> </div> </div> <style> #rec1000695761 .t050__uptitle{text-transform:uppercase;}#rec1000695761 .t050__title{color:#161518;}@media screen and (min-width:900px){#rec1000695761 .t050__title{font-size:38px;}}@media screen and (min-width:480px) and (max-width:900px){#rec1000695761 .t050__title{font-size:28px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695761 .t050__title{font-size:28px;}}</style> </div> <div id="rec1000695766" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 "><span style="color: rgb(74, 153, 116);">docker run</span> — отправная точка в работе с Docker. Она не просто запускает контейнер, но и создаёт его из образа, подключает сеть, пробрасывает порты, выполняет монтирование томов и передачу переменных сред.<br /><br /></div> </div> </div> </div> <style> #rec1000695766 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695766 .t-text{font-size:16px;}}</style> </div> <div id="rec1000695771" 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"><strong>Общий синтаксис</strong></h3> </div> </div> </div> <style> #rec1000695771 .t050__uptitle{text-transform:uppercase;}#rec1000695771 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000695771 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695771 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000695776" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 "><span style="color: rgb(74, 153, 116);">docker run [опции] &lt;образ&gt; [команда]</span><br /><br />Простой пример:<br /><br /><span style="color: rgb(74, 153, 116);">docker run ubuntu echo "Hello from container"</span><br /><br />Здесь из образа <span style="color: rgb(74, 153, 116);">ubuntu</span> создается контейнер, выполняется команда echo, затем выполнение завершается.</div> </div> </div> </div> <style> #rec1000695776 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695776 .t-text{font-size:16px;}}</style> </div> <div id="rec1000695786" 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> #rec1000695786 .t050__uptitle{text-transform:uppercase;}#rec1000695786 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000695786 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695786 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000695791" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 "><ul><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">-d</span> — фоновый режим.</li><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">-it</span> — подключение терминала.</li><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">--name</span> — задаёт имя контейнера.</li><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">-p</span> — пробрасывает порты.</li><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">-v</span> — монтирует тома.</li><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">--rm</span> — автоматическое удаление контейнера после завершения.</li></ul>Пример для запуска веб-сервера:<br /><br /><span style="color: rgb(74, 153, 116);">docker run -d -p 8080:80 --name webserver nginx</span><br /><br />Контейнер <span style="color: rgb(74, 153, 116);">webserver </span>запускается из образа <span style="color: rgb(74, 153, 116);">nginx</span>, открывая порт контейнера 80 на 8080 порту хоста.</div> </div> </div> </div> <style> #rec1000695791 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695791 .t-text{font-size:16px;}}</style> </div> <div id="rec1000763726" 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> #rec1000763726 .t050__uptitle{text-transform:uppercase;}#rec1000763726 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000763726 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000763726 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000763676" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 ">Если нужно сохранить данные между перезапусками:<br /><br /><span style="color: rgb(74, 153, 116);">docker run -v /home/user/data:/app/data my-app</span><br /><br />Каталог data на хосте теперь доступен внутри контейнера как <span style="color: rgb(74, 153, 116);">/app/data</span>.</div> </div> </div> </div> <style> #rec1000763676 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000763676 .t-text{font-size:16px;}}</style> </div> <div id="rec1000763831" 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> #rec1000763831 .t050__uptitle{text-transform:uppercase;}#rec1000763831 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000763831 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000763831 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000763791" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 ">Если нужно передать настройки используйте флаг <span style="color: rgb(74, 153, 116);">-e</span>:<br /><br /><span style="color: rgb(74, 153, 116);">docker run -e ENV=prod my-app</span><br /><br />Это особенно полезно если вы работаете с конфигурацией через переменные среды.<br /><br /></div> </div> </div> </div> <style> #rec1000763791 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000763791 .t-text{font-size:16px;}}</style> </div> <div id="rec1000764781" 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> #rec1000764781 .t050__uptitle{text-transform:uppercase;}#rec1000764781 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000764781 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000764781 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000764876" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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> </div> </div> </div> <style> #rec1000764876 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000764876 .t-text{font-size:16px;}}</style> </div> <div id="rec1000767611" 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 --> <div id="rec985168761" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 style="color: rgb(74, 153, 116);"> <noindex>docker run -it my-image-name</noindex> </div> </div> </div> </div> </div> </div> <style> 
  #rec985168761 
  .t-text
  {
    font-size:18px;font-family:'Inter';
    }
    @media screen and (max-width:480px),(orientation:landscape) and (max-height:480px)
  {
    #rec985168761 .t-text{font-size:16px;}
    }
  </style> </div> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000768231" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 ">Если в интерактивном режиме вы имеете дело с Node.js-проектом:</div> </div> </div> </div> <style> #rec1000768231 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000768231 .t-text{font-size:16px;}}</style> </div> <div id="rec1000768391" 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 --> <div id="rec985168761" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 style="color: rgb(74, 153, 116);"> <noindex>docker run -it -v ${PWD}:/usr/src/app -w /usr/src/app node bash</noindex> </div> </div> </div> </div> </div> </div> <style> 
  #rec985168761 
  .t-text
  {
    font-size:18px;font-family:'Inter';
    }
    @media screen and (max-width:480px),(orientation:landscape) and (max-height:480px)
  {
    #rec985168761 .t-text{font-size:16px;}
    }
  </style> </div> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000768546" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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> </div> </div> </div> <style> #rec1000768546 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000768546 .t-text{font-size:16px;}}</style> </div> <div id="rec1000766616" 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> #rec1000766616 .t050__uptitle{text-transform:uppercase;}#rec1000766616 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000766616 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000766616 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000766581" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 "><ul><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">--network=host</span> — подключение к сети хоста.</li><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">--env-file</span> — загрузка переменных окружения из .env файла.</li><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">--restart=always</span> — автоматический перезапуск при сбоях.</li><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">--cpus, --memory</span> — ограничение ресурсов.</li></ul><br />🚀 Чем чаще вы будете использовать <span style="color: rgb(74, 153, 116);">docker run</span>, тем лучше поймете устройство контейнеров, и как их можно оптимизировать под свои задачи.<br /><br />👨💻 На<a href="https://slurm.io/docker?utm_source=blog&amp;utm_medium=organic&amp;utm_campaign=article_docker_run"> Docker для админов и разработчиков</a> вы подробно разберете флаги run, научитесь применять их вместе с томами, сетями, переменными среды. Сможете запускать сложные сервисы всего одной командой. </div> </div> </div> </div> <style> #rec1000766581 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000766581 .t-text{font-size:16px;}}</style> </div> <div id="rec1000695801" class="r t-rec" style=" " data-record-type="215"> <a name="differences" style="font-size:0;"></a> </div> <div id="rec1000695811" 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"> <h2 class="t050__title t-title t-title_xxl" field="title">Как создать и запустить образ Docker Image</h2> </div> </div> </div> <style> #rec1000695811 .t050__uptitle{text-transform:uppercase;}#rec1000695811 .t050__title{color:#161518;}@media screen and (min-width:900px){#rec1000695811 .t050__title{font-size:38px;}}@media screen and (min-width:480px) and (max-width:900px){#rec1000695811 .t050__title{font-size:28px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695811 .t050__title{font-size:28px;}}</style> </div> <div id="rec1000695816" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 "><strong>Образ </strong>— основа контейнера. Внутри него находится всё необходимое для того, чтобы приложение работало: код, настройки, зависимости. Собрав образ один раз, можно запускать его где угодно — на любом сервере или машине.</div> </div> </div> </div> <style> #rec1000695816 .t-text{font-size:18px;color:#161518;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695816 .t-text{font-size:16px;}}</style> </div> <div id="rec1000695821" 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">Что такое Dockerfile</h3> </div> </div> </div> <style> #rec1000695821 .t050__uptitle{text-transform:uppercase;}#rec1000695821 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000695821 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695821 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000774311" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 ">Для того, чтобы осуществить сборку образа потребуется <span style="color: rgb(74, 153, 116);">Dockerfile</span>. Это пошаговая инструкция: какой образ взять как базовый, куда скопировать файлы, что установить и как выполнить запуск приложения.<br /><br />Пример <span style="color: rgb(74, 153, 116);">Dockerfile </span>для проекта на Python:</div> </div> </div> </div> <style> #rec1000774311 .t-text{font-size:18px;color:#161518;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000774311 .t-text{font-size:16px;}}</style> </div> <div id="rec1000775676" 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 --> <div id="rec985168761" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 style="color: rgb(74, 153, 116);"> <noindex>FROM python:3.11 <br>
                    WORKDIR /app<br>
                    COPY . .<br>
                    RUN pip install -r requirements.txt<br>
                    CMD ["python", "app.py"]</noindex> </div> </div> </div> </div> </div> </div> <style> 
  #rec985168761 
  .t-text
  {
    font-size:18px;font-family:'Inter';
    }
    @media screen and (max-width:480px),(orientation:landscape) and (max-height:480px)
  {
    #rec985168761 .t-text{font-size:16px;}
    }
  </style> </div> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000777446" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 ">Здесь:<br /><ul><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">FROM </span>определяет базовый образ.</li><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">WORKDIR </span>— рабочая директория внутри контейнера.</li><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">COPY </span>выполняет перенос файлов в контейнер.</li><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">RUN </span>выполняет установку зависимостей.</li><li data-list="bullet"> <span style="color: rgb(74, 153, 116);">CMD </span>запускает приложение во время старта контейнера.</li></ul></div> </div> </div> </div> <style> #rec1000777446 .t-text{font-size:18px;color:#161518;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000777446 .t-text{font-size:16px;}}</style> </div> <div id="rec1000695836" 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> #rec1000695836 .t050__uptitle{text-transform:uppercase;}#rec1000695836 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000695836 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695836 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000695841" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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> </div> </div> </div> <style> #rec1000695841 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695841 .t-text{font-size:16px;}}</style> </div> <div id="rec1000779896" 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 --> <div id="rec985168761" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 style="color: rgb(74, 153, 116);"> <noindex>docker build -t my-python-app .</noindex> </div> </div> </div> </div> </div> </div> <style> 
  #rec985168761 
  .t-text
  {
    font-size:18px;font-family:'Inter';
    }
    @media screen and (max-width:480px),(orientation:landscape) and (max-height:480px)
  {
    #rec985168761 .t-text{font-size:16px;}
    }
  </style> </div> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000780551" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 ">Флаг <span style="color: rgb(74, 153, 116);">-t</span> задаёт имя.Точка справа — указание на директорию, где расположен <span style="color: rgb(74, 153, 116);">Dockerfile </span>в текущий момент.</div> </div> </div> </div> <style> #rec1000780551 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000780551 .t-text{font-size:16px;}}</style> </div> <div id="rec1000781651" 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> #rec1000781651 .t050__uptitle{text-transform:uppercase;}#rec1000781651 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000781651 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000781651 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000781751" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 ">Для того, чтобы увидеть список со всеми доступными образами:<br /><br /><span style="color: rgb(74, 153, 116);">docker images</span><br /><br />Образ собран – запускаем контейнер на его основе:</div> </div> </div> </div> <style> #rec1000781751 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000781751 .t-text{font-size:16px;}}</style> </div> <div id="rec1000785126" 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 --> <div id="rec985168761" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 style="color: rgb(74, 153, 116);"> <noindex>docker run -d -p 5000:5000 my-python-app</noindex> </div> </div> </div> </div> </div> </div> <style> 
  #rec985168761 
  .t-text
  {
    font-size:18px;font-family:'Inter';
    }
    @media screen and (max-width:480px),(orientation:landscape) and (max-height:480px)
  {
    #rec985168761 .t-text{font-size:16px;}
    }
  </style> </div> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000782986" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 ">После этого приложение доступно по адресу <span style="color: rgb(74, 153, 116);">localhost:5000.</span> Оно работает изолированно – все зависимости уже внутри образа.</div> </div> </div> </div> <style> #rec1000782986 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000782986 .t-text{font-size:16px;}}</style> </div> <div id="rec1000782896" 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> #rec1000782896 .t050__uptitle{text-transform:uppercase;}#rec1000782896 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000782896 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000782896 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000785371" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 "><ul><li data-list="bullet"><strong>Минимизируйте образ.</strong> Используйте облегчённые версии, например: <span style="color: rgb(74, 153, 116);">python:3.11-slim.</span></li><li data-list="bullet"><strong>Добавьте </strong><strong style="color: rgb(74, 153, 116);">.dockerignore</strong><strong>.</strong> Этот файл исключает ненужные файлы из сборки, как .gitignore.</li><li data-list="bullet"><strong>Учитывайте кэш</strong>. Docker сохраняет шаги сборки. Если не менять порядок инструкций, сборка будет быстрее.</li><li data-list="bullet"><strong>Прибегайте к многостадийной сборке.</strong> Это эффективно для языков вроде Go или Java, где нужно разделять этапы сборки и выполнения</li></ul></div> </div> </div> </div> <style> #rec1000785371 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000785371 .t-text{font-size:16px;}}</style> </div> <div id="rec1000782961" 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">Пример для Node.js</h3> </div> </div> </div> <style> #rec1000782961 .t050__uptitle{text-transform:uppercase;}#rec1000782961 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000782961 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000782961 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000787756" 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 --> <div id="rec985168761" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 style="color: rgb(74, 153, 116);"> <noindex>FROM node:20<br>
                    WORKDIR /app<br>
                    COPY package*.json ./<br>
                    RUN npm install<br>
                    COPY . .<br>
                    CMD ["node", "index.js"]</noindex> </div> </div> </div> </div> </div> </div> <style> 
  #rec985168761 
  .t-text
  {
    font-size:18px;font-family:'Inter';
    }
    @media screen and (max-width:480px),(orientation:landscape) and (max-height:480px)
  {
    #rec985168761 .t-text{font-size:16px;}
    }
  </style> </div> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000782721" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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> </div> </div> </div> <style> #rec1000782721 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000782721 .t-text{font-size:16px;}}</style> </div> <div id="rec1000787866" 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 --> <div id="rec985168761" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 style="color: rgb(74, 153, 116);"> <noindex>docker build -t my-node-app . <br>
                    docker run -p 3000:3000 my-node-app</noindex> </div> </div> </div> </div> </div> </div> <style> 
  #rec985168761 
  .t-text
  {
    font-size:18px;font-family:'Inter';
    }
    @media screen and (max-width:480px),(orientation:landscape) and (max-height:480px)
  {
    #rec985168761 .t-text{font-size:16px;}
    }
  </style> </div> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000787656" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 ">📌 Собрав образ, вы можете залить его в Docker Hub, передать команде, а также использовать в CI/CD-пайплайне.<br /><br /></div> </div> </div> </div> <style> #rec1000787656 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000787656 .t-text{font-size:16px;}}</style> </div> <div id="rec1000695906" 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>Начните бесплатно изучать запуск контейнера Docker! </strong><br />Дарим демодоступ к обучению на 1 день, чтобы вы познакомились с материалами и спикерами курса.</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/docker?utm_source=blog&amp;utm_medium=organic&amp;utm_campaign=article_docker_run "
target="_blank"><span class="t-btnflex__text">Перейти к курсу</span> <style>#rec1000695906 .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) {#rec1000695906 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover {background-color:#170f63 !important;}#rec1000695906 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible {background-color:#170f63 !important;}}</style></a> </div> </div> </div> <style> #rec1000695906 .t185__text{font-size:18px;color:#170f63;}</style> </div> <div id="rec1000695846" class="r t-rec" style=" " data-record-type="215"> <a name="how" style="font-size:0;"></a> </div> <div id="rec1000695851" 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"> <h2 class="t050__title t-title t-title_xxl" field="title">Заключение</h2> </div> </div> </div> <style> #rec1000695851 .t050__uptitle{text-transform:uppercase;}#rec1000695851 .t050__title{color:#161518;}@media screen and (min-width:900px){#rec1000695851 .t050__title{font-size:38px;}}@media screen and (min-width:480px) and (max-width:900px){#rec1000695851 .t050__title{font-size:28px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695851 .t050__title{font-size:28px;}}</style> </div> <div id="rec1000695861" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;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 ">Теперь у вас есть чёткое понимание, как работать с Docker: от запуска базовых контейнеров до создания собственных образов. <span style="color: rgb(74, 153, 116);">Мы разобрали:</span><br /><br /><ul><li data-list="bullet">как запускать образы из Docker Hub;</li><li data-list="bullet">как создавать контейнеры и управлять их параметрами;</li><li data-list="bullet">как писать <span style="color: rgb(74, 153, 116);">Dockerfile </span>и собирать образы;</li><li data-list="bullet">как использовать команду <span style="color: rgb(74, 153, 116);">docker run</span> с разными опциями.</li></ul><br />Эти знания пригодятся не только при разработке, но и при тестировании, деплое, создании инфраструктуры и автоматизации процессов.<br /><br /><strong>Контейнеризация помогает:</strong><br /><br /><ul><li data-list="bullet">быстрее запускать проекты;</li><li data-list="bullet">избавиться от проблем с окружением;</li><li data-list="bullet">масштабировать сервисы по мере роста нагрузки.</li></ul><br />📌 Docker уже давно является стандартом для DevOps, backend-разработки и системного администрирования. Умение работать с ним — важный навык в современном IT.<br /><br /><strong>🔥 Хотите двигаться дальше? Освойте Docker с нуля за 3 недели на курсе<a href="https://slurm.io/docker?utm_source=blog&amp;utm_medium=organic&amp;utm_campaign=article_docker_run"> Docker для админов и разработчиков</a>. Вас ждут:</strong><br /><br /><ul><li data-list="bullet">пошаговые практики с примерами из реальных проектов;</li><li data-list="bullet">работа с томами, сетью, Docker Compose;</li><li data-list="bullet">оптимизация образов и автоматизация процесса сборки;</li><li data-list="bullet">сертификат и портфолио для работодателя.</li></ul><br /><strong>Контейнеры</strong> — это удобный инструмент, с которого начинается путь к современной и гибкой инфраструктуре. Попробуйте сами — и вы быстро увидите, насколько это упрощает работу.<br /><br /><strong>Удачи с Docker!</strong><br /><br /></div> </div> </div> </div> <style> #rec1000695861 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695861 .t-text{font-size:16px;}}</style> </div> <div id="rec1000695951" 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/kak-zapustit-kontejner-docker",
    "mainEntityOfPage": "https://slurm.io/blog/kak-zapustit-kontejner-docker",
    "headline": "Как запустить контейнер Docker",
    "name": "Как запустить контейнер Docker",
    "description": "Контейнеры — это крайне удобный метод запуска приложений в изолированной среде. Их работа абсолютно идентична в условиях любой системы, что позволяет избежать проблем с зависимостями. Разберёмся, как поднять контейнер с нуля: от выбора образа до запуска Docker.",
    "datePublished": "2025-04-08",
    "dateModified": "2025-04-08",
    "author": {
        "@type": "Person",
        "@id": "https://slurm.io/blog/kak-zapustit-kontejner-docker",
        "name": "Илья Иванов",
        "url": "https://slurm.io/blog/kak-zapustit-kontejner-docker",
        "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/kak-zapustit-kontejner-docker",
    "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="rec1000695976" 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> #rec1000695976 .t050__uptitle{text-transform:uppercase;}#rec1000695976 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000695976 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695976 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000695981" 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> #rec1000695981 .t152__autor-title{font-weight:400;}</style> </div> <div id="rec1000695991" 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> #rec1000695991 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000695991 .t-text{font-size:16px;}}</style> </div> <div id="rec1000695996" 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="1000695996" 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(1000695996);});});</script> <style> #rec1000695996 .t797__wrapper{border-radius:10px;}</style> </div> <div id="rec1000696001" 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="rec1000696016" 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> #rec1000696016 .t050__uptitle{text-transform:uppercase;}#rec1000696016 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000696016 .t050__title{font-size:28px;line-height:1.3;}}</style> </div> <div id="rec1000696026" 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="1000696026"> <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>#rec1000696026 .t-feed__parts-switch-btn{border:1px solid #000000;border-radius:40px;}#rec1000696026 .t-feed__parts-switch-btn span,#rec1000696026 .t-feed__parts-switch-btn a{color:#000000;padding:6px 18px 6px;border-radius:40px;}#rec1000696026 .t-feed__parts-switch-btn.t-active{background-color:#000000;}#rec1000696026 .t-feed__parts-switch-btn.t-active span,#rec1000696026 .t-feed__parts-switch-btn.t-active a{color:#ffffff !important;}#rec1000696026 .t-feed__post-popup__cover-wrapper .t-slds__arrow{background-color:rgba(255,255,255,1);}#rec1000696026 .t-feed__post-popup__cover-wrapper .t-slds__bullet_active .t-slds__bullet_body,#rec1000696026 .t-feed__post-popup__cover-wrapper .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> <style> #rec1000696026 .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:'1000696026',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('1000696026',options);});});</script> </div> <div id="rec1000696036" 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="rec1000696041" 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>#rec1000696041 .t890{left:20px;right:unset;bottom:70px;}</style> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t890_init',function() {t890_init('1000696041','');});});</script> <style>@media screen and (min-width:981px){#rec1000696041 .t890__arrow:hover svg path{stroke:#ffffff;stroke-width:1;}#rec1000696041 .t890__arrow:focus-visible svg path{stroke:#ffffff;stroke-width:1;}#rec1000696041 .t890__arrow:hover svg rect{fill:#1c59ff;fill-opacity:1;}#rec1000696041 .t890__arrow:focus-visible svg rect{fill:#1c59ff;fill-opacity:1;}}#rec1000696041 .t890__arrow{border-radius:53px;}</style> </div> <div id="rec1000696046" 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&amp;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> Официальный представитель Слёрма в&nbsp;Казахстане.</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>