/* Start:/local/templates/hmarketing/components/bitrix/news.detail/news.detail.blog/style.css?17530339893633*/
.container.content .baguettebox{margin:24px 0}.container.content .baguettebox img{margin-left:auto;margin-right:auto;border-radius:5px;border:2px solid #fce300;padding:5px;background:#fff}.container.content h1{padding-bottom:40px}.container.content code:not([class]){background-color:#e3e8f4;border-radius:5px;color:#24335a;line-height:1.5;padding:3px 4px;font-weight:700}.container.content .scrolling-wrapper{scrollbar-width:thin;scrollbar-color:#2d3341 #fce300;overflow:auto;margin:24px 0}.container.content .scrolling-wrapper table{color:#666;background:#eaebec;margin:0 0 24px;border:#ccc 1px solid;border-collapse:separate;border-radius:3px;box-shadow:0 1px 2px #d1d1d1;width:100%}.container.content .scrolling-wrapper table th{font-weight:700;padding:21px 25px 22px;border-top:1px solid #fafafa;border-bottom:1px solid #e0e0e0;background:#ededed;background:-moz-linear-gradient(top,#ededed,#ebebeb)}.container.content .scrolling-wrapper table th:first-child{text-align:left;padding-left:20px}.container.content .scrolling-wrapper table tr{text-align:center;padding-left:20px}.container.content .scrolling-wrapper table tr:first-child th:first-child{border-top-left-radius:3px}.container.content .scrolling-wrapper table tr:first-child th:last-child{border-top-right-radius:3px}.container.content .scrolling-wrapper table tr td{padding:18px;border-top:1px solid #fff;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;background:#fafafa;background:-moz-linear-gradient(top,#fbfbfb,#fafafa)}.container.content .scrolling-wrapper table tr td:first-child{text-align:left;padding-left:20px;border-left:0}.container.content .scrolling-wrapper table tr:nth-child(even) td{background:#f6f6f6;background:-moz-linear-gradient(top,#f8f8f8,#f6f6f6)}.container.content .scrolling-wrapper table tr:last-child td{border-bottom:0}.container.content .scrolling-wrapper table tr:last-child td:first-child{border-bottom-left-radius:3px}.container.content .scrolling-wrapper table tr:last-child td:last-child{border-bottom-right-radius:3px}.container.content .scrolling-wrapper table tr:hover td{background:#f2f2f2;background:-moz-linear-gradient(top,#f2f2f2,#f0f0f0)}.container.content .scrolling-wrapper table a:active,.container.content .scrolling-wrapper table a:hover{color:#bd5a35;text-decoration:underline}.container.content .scrolling-wrapper::-webkit-scrollbar{height:12px;width:12px}.container.content .scrolling-wrapper::-webkit-scrollbar-track{background:#fce300}.container.content .scrolling-wrapper::-webkit-scrollbar-thumb{background-color:#2d3341;border-radius:5px;border:3px solid #fce300}.container.content .download,.container.content .razdel{text-align:center}.container.content .download a{margin:0 0 24px;text-align:center;font-size:12px;background-color:#fce300;color:#2f3a4f;border-color:#fce300;border-width:3px;line-height:16px;height:62px;padding:10px 20px;width:auto}.container.content .download a:first-line{font-size:15px;font-weight:700}.container.content .download a:hover,.container.content .next .btn:hover,.container.content .prev .btn:hover,.container.content .razdel .btn:hover{background-color:transparent;border-color:#fce300}.container.content .next .btn,.container.content .prev .btn,.container.content .razdel .btn{background-color:#fce300;color:#2f3a4f;border-color:#fce300;border-width:3px;margin-top:30px}.container.content .next .btn span,.container.content .prev .btn span,.container.content .razdel .btn span{margin:0}.container.content .next .btn:disabled,.container.content .prev .btn:disabled,.container.content .razdel .btn:disabled{cursor:default;opacity:.5;background-color:#fce300}
/* End */


/* Start:/local/js/hmarketing/prismjs/dist/style.bundle.css?17530339674531*/
.inner pre:not([class]) {
  padding: 16px;
  margin: 28px 0;
  overflow: auto;
  border-radius: 10px;
  background: #272822;
  position: relative;
  max-height: 500px;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .inner pre:not([class])::-webkit-scrollbar {
    width: 0;
    height: 0; }

.inner pre:not([class]) > span {
  display: block;
  margin-bottom: 15px;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #fff;
  position: relative; }

.inner pre:not([class]) code[class*="highlightjs-"] {
  color: #f8f8f2;
  background: none;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  position: relative;
  display: block;
  font-size: 18px; }

.inner pre:not([class]) code.highlightjs-plaintext {
  margin-left: -44px; }

.inner pre:not([class]) code[class*="highlightjs-"] > span.token {
  font-size: 18px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3); }

.inner pre:not([class]) code[class*="highlightjs-"] .token.comment,
.inner pre:not([class]) code[class*="highlightjs-"] .token.prolog,
.inner pre:not([class]) code[class*="highlightjs-"] .token.doctype,
.inner pre:not([class]) code[class*="highlightjs-"] .token.cdata {
  color: #8292a2; }

.inner pre:not([class]) code[class*="highlightjs-"] .token.punctuation {
  color: #f8f8f2; }

.inner pre:not([class]) code[class*="highlightjs-"] .token.namespace {
  opacity: .7; }

.inner pre:not([class]) code[class*="highlightjs-"] .token.property,
.inner pre:not([class]) code[class*="highlightjs-"] .token.tag,
.inner pre:not([class]) code[class*="highlightjs-"] .token.constant,
.inner pre:not([class]) code[class*="highlightjs-"] .token.symbol,
.inner pre:not([class]) code[class*="highlightjs-"] .token.deleted {
  color: #f92672; }

.inner pre:not([class]) code[class*="highlightjs-"] .token.boolean,
.inner pre:not([class]) code[class*="highlightjs-"] .token.number {
  color: #ae81ff; }

.inner pre:not([class]) code[class*="highlightjs-"] .token.selector,
.inner pre:not([class]) code[class*="highlightjs-"] .token.attr-name,
.inner pre:not([class]) code[class*="highlightjs-"] .token.string,
.inner pre:not([class]) code[class*="highlightjs-"] .token.char,
.inner pre:not([class]) code[class*="highlightjs-"] .token.builtin,
.inner pre:not([class]) code[class*="highlightjs-"] .token.inserted {
  color: #a6e22e; }

.inner pre:not([class]) code[class*="highlightjs-"] .token.operator,
.inner pre:not([class]) code[class*="highlightjs-"] .token.entity,
.inner pre:not([class]) code[class*="highlightjs-"] .token.url,
.inner pre:not([class]) code[class*="highlightjs-"] .highlightjs-css .token.string,
.inner pre:not([class]) code[class*="highlightjs-"] .style .token.string,
.inner pre:not([class]) code[class*="highlightjs-"] .token.variable {
  color: #f8f8f2; }

.inner pre:not([class]) code[class*="highlightjs-"] .token.atrule,
.inner pre:not([class]) code[class*="highlightjs-"] .token.attr-value,
.inner pre:not([class]) code[class*="highlightjs-"] .token.function,
.inner pre:not([class]) code[class*="highlightjs-"] .token.class-name {
  color: #e6db74; }

.inner pre:not([class]) code[class*="highlightjs-"] .token.keyword {
  color: #66d9ef; }

.inner pre:not([class]) code[class*="highlightjs-"] .token.regex,
.inner pre:not([class]) code[class*="highlightjs-"] .token.important {
  color: #fd971f; }

.inner pre:not([class]) code[class*="highlightjs-"] .token.important,
.inner pre:not([class]) code[class*="highlightjs-"] .token.bold {
  font-weight: bold; }

.inner pre:not([class]) code[class*="highlightjs-"] .token.italic {
  font-style: italic; }

.inner pre:not([class]) code[class*="highlightjs-"] .token.entity {
  cursor: help; }

.inner pre:not([class]) {
  padding-left: 60px !important; }

.inner pre:not([class]) > span {
  left: -30px; }

.inner pre:not([class]) code[class*="highlightjs-"] .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -50px;
  width: 42px;
  height: 100%;
  min-height: 24px;
  border-right: 1px solid #999; }

.inner pre:not([class]) code[class*="highlightjs-"] .line-numbers-rows > span {
  display: block;
  counter-increment: linenumber;
  font-size: 18px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3); }

.inner pre:not([class]) code[class*="highlightjs-"] .line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 11px;
  text-align: right; }

/* End */


/* Start:/local/js/hmarketing/baguettebox/dist/style.bundle.css?17530339673570*/
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.12.0
 * @url https://github.com/feimosi/baguetteBox.js
 */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;-o-transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
/* End */


/* Start:/local/js/hmarketing/tree/dist/style.bundle.css?17530339672768*/
.tree-dir {
  margin: 50px 0 50px 30px;
  position: relative; }
  .tree-dir:before {
    font-family: "icomoon";
    position: absolute;
    z-index: 1;
    left: -13px;
    top: -3px;
    content: "\ea36";
    font-size: 10px; }
  .tree-dir input {
    position: absolute;
    clip: rect(0, 0, 0, 0); }
    .tree-dir input ~ ul {
      display: none; }
    .tree-dir input:checked ~ ul {
      display: block; }
  .tree-dir li {
    line-height: 1.2;
    position: relative;
    padding: 0 0 16px 48px;
    margin: 0; }
    .tree-dir li:last-child {
      padding-bottom: 0; }
      .tree-dir li:last-child:before {
        height: 17px;
        bottom: auto; }
    .tree-dir li:before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: -9px;
      display: block;
      width: 0;
      border-left: 2px solid #fce300;
      content: ""; }
  .tree-dir ul {
    margin: 0; }
    .tree-dir ul li {
      padding: 16px 0 0 48px;
      margin: 0; }
  .tree-dir__file {
    position: relative;
    display: inline-block;
    background: #fff; }
    .tree-dir__file:after {
      position: absolute;
      top: 0;
      left: -57px;
      display: block;
      height: 20px;
      width: 45px;
      border-bottom: 2px solid #fce300;
      border-left: 2px solid #fce300;
      border-radius: 0 0 0 5px;
      content: ""; }
    .tree-dir__file:before {
      font-family: "icomoon";
      position: absolute;
      z-index: 1;
      left: -32px;
      top: -5px;
      content: "\e904";
      font-size: 30px; }
  .tree-dir__dir {
    cursor: pointer;
    position: relative;
    display: inline-block;
    background: #fff; }
    .tree-dir__dir:hover {
      color: #666; }
    .tree-dir__dir:before {
      font-family: 'icomoon';
      position: absolute;
      z-index: 1;
      left: -68px;
      top: -10px;
      content: "\e905";
      font-size: 30px; }
    .tree-dir__dir:after {
      border-bottom: 0;
      border-left: 0;
      position: absolute;
      top: 8px;
      left: -57px;
      display: block;
      height: 8px;
      width: 45px;
      border-radius: 0 0 0 5px;
      content: ""; }
    :checked ~ .tree-dir__dir:before {
      content: "\e906";
      font-size: 30px; }
    :checked ~ .tree-dir__dir:after {
      border-radius: 0 5px 0 0;
      border-top: 2px solid #fce300;
      border-right: 2px solid #fce300;
      border-bottom: 0;
      border-left: 0;
      bottom: 0;
      top: 10px;
      left: -56px;
      height: auto;
      width: 49px; }
  .tree-dir span.tree-dir__dir:before {
    font-family: 'icomoon';
    position: absolute;
    z-index: 1;
    left: -68px;
    top: -10px;
    content: "\e907";
    font-size: 30px; }
  .tree-dir span.tree-dir__dir:hover {
    color: inherit;
    cursor: default; }

/* End */
/* /local/templates/hmarketing/components/bitrix/news.detail/news.detail.blog/style.css?17530339893633 */
/* /local/js/hmarketing/prismjs/dist/style.bundle.css?17530339674531 */
/* /local/js/hmarketing/baguettebox/dist/style.bundle.css?17530339673570 */
/* /local/js/hmarketing/tree/dist/style.bundle.css?17530339672768 */