/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url("fonts/pt-sans-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url("fonts/pt-sans-cyrillic.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url("fonts/pt-sans-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url("fonts/pt-sans-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Didact Gothic'), local('DidactGothic'), url("fonts/didact-gothic-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Didact Gothic'), local('DidactGothic'), url("fonts/didact-gothic-cyrillic.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Didact Gothic'), local('DidactGothic'), url("fonts/didact-gothic-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Didact Gothic'), local('DidactGothic'), url("fonts/didact-gothic-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Code Pro'), local('SourceCodePro-Regular'), url("fonts/source-code-pro-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Code Pro'), local('SourceCodePro-Regular'), url("fonts/source-code-pro-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
html {
  height: 100%;
}
body {
  position: relative;
  margin: 0;
  min-height: 100%;
  font: 19px "PT Sans", Helvetica, Arial, sans-serif;
  background: #eff1ea;
  color: #000;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 764px) {
  body {
    font-size: 16px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Didact Gothic", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.2;
}
input,
button {
  margin: 0;
  padding: 0;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.hero {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: 89vh;
  min-height: 270px;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width: 1014px) {
  .hero {
    height: auto;
    min-height: inherit;
  }
}
.hero__content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 544px;
  -ms-flex: 0 1 544px;
  flex: 0 1 544px;
  margin: 24px 32px;
  font-size: 31px;
}
@media (max-width: 1014px) {
  .hero__content {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}
@media (max-width: 676px) {
  .hero__content {
    margin: 24px 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 364px;
    -ms-flex: 0 1 364px;
    flex: 0 1 364px;
    font-size: 19px;
  }
}
@media (max-width: 428px) {
  .hero__content {
    -webkit-box-flex: inherit;
    -moz-box-flex: inherit;
    box-flex: inherit;
    -webkit-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
  }
}
.hero__title {
  margin: 0;
  font-size: 77px;
}
@media (max-width: 676px) {
  .hero__title {
    padding: 0 16px;
    font-size: 42px;
  }
}
.hero__introduction {
  margin: 24px 0 0;
}
@media (max-width: 676px) {
  .hero__introduction {
    padding: 0 16px;
  }
}
.hero__action-row {
  margin: 60px 0 0;
  line-height: 2;
}
@media (max-width: 676px) {
  .hero__action-row {
    margin: 24px 0 0;
    padding-left: 16px;
  }
}
.hero__action:link,
.hero__action:visited {
  display: inline-block;
  border: none;
  padding: 0.2em 0.9em 0.3em;
  line-height: 1;
  text-decoration: none;
  color: #fff;
  background: #b261d3;
  -webkit-box-shadow: inset 0 0 0 0 #000;
  box-shadow: inset 0 0 0 0 #000;
  -webkit-transition: box-shadow 0.4s;
  -moz-transition: box-shadow 0.4s;
  -ms-transition: box-shadow 0.4s;
  transition: box-shadow 0.4s;
  margin-right: 32px;
}
@media (max-width: 676px) {
  .hero__action:link,
  .hero__action:visited {
    margin-right: 16px;
  }
}
.hero__action:hover {
  -webkit-box-shadow: inset 0 105px 0 0 #000;
  box-shadow: inset 0 105px 0 0 #000;
}
.hero__action:active {
  -webkit-box-shadow: inset 0 105px 0 0 #f00;
  box-shadow: inset 0 105px 0 0 #f00;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  transition: none;
}
.showcase {
  padding: 12px 16px;
}
.showcase:before,
.showcase:after {
  content: "";
  display: table;
}
.showcase:after {
  clear: both;
}
.snippet:link,
.snippet:visited {
  padding: 12px 16px;
  color: #000;
  text-decoration: none;
  position: relative;
  display: block;
}
@media (min-width: 676px) and (max-width: 1014px) {
  .snippet:link,
  .snippet:visited {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
  }
  .snippet:link:nth-child(2n + 1),
  .snippet:visited:nth-child(2n + 1) {
    clear: both;
  }
}
@media (min-width: 1014px) and (max-width: 1352px) {
  .snippet:link,
  .snippet:visited {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.333333333333336%;
  }
  .snippet:link:nth-child(3n + 1),
  .snippet:visited:nth-child(3n + 1) {
    clear: both;
  }
}
@media (min-width: 1352px) and (max-width: 1690px) {
  .snippet:link,
  .snippet:visited {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
  }
  .snippet:link:nth-child(4n + 1),
  .snippet:visited:nth-child(4n + 1) {
    clear: both;
  }
}
@media (min-width: 1690px) and (max-width: 2028px) {
  .snippet:link,
  .snippet:visited {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20%;
  }
  .snippet:link:nth-child(5n + 1),
  .snippet:visited:nth-child(5n + 1) {
    clear: both;
  }
}
@media (min-width: 2028px) and (max-width: 2366px) {
  .snippet:link,
  .snippet:visited {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.666666666666668%;
  }
  .snippet:link:nth-child(6n + 1),
  .snippet:visited:nth-child(6n + 1) {
    clear: both;
  }
}
@media (min-width: 2366px) and (max-width: 2704px) {
  .snippet:link,
  .snippet:visited {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 14.285714285714286%;
  }
  .snippet:link:nth-child(7n + 1),
  .snippet:visited:nth-child(7n + 1) {
    clear: both;
  }
}
@media (min-width: 2704px) and (max-width: 3042px) {
  .snippet:link,
  .snippet:visited {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%;
  }
  .snippet:link:nth-child(8n + 1),
  .snippet:visited:nth-child(8n + 1) {
    clear: both;
  }
}
@media (min-width: 3042px) and (max-width: 3380px) {
  .snippet:link,
  .snippet:visited {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 11.11111111111111%;
  }
  .snippet:link:nth-child(9n + 1),
  .snippet:visited:nth-child(9n + 1) {
    clear: both;
  }
}
@media (min-width: 3380px) {
  .snippet:link,
  .snippet:visited {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 10%;
  }
  .snippet:link:nth-child(10n + 1),
  .snippet:visited:nth-child(10n + 1) {
    clear: both;
  }
}
@media (max-width: 676px) {
  .snippet:link,
  .snippet:visited {
    padding-left: 0;
    padding-right: 0;
  }
}
.snippet:link:before,
.snippet:visited:before {
  left: 3.84px;
  top: 2.88px;
  width: calc(100% - 7.68px);
  height: calc(100% - 5.76px);
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transform: scaleX(0.65);
  -moz-transform: scaleX(0.65);
  -ms-transform: scaleX(0.65);
  transform: scaleX(0.65);
  background: transparent;
  -webkit-transition: -webkit-transform 0.2s, background-color 0.2s;
  -moz-transition: -moz-transform 0.2s, background-color 0.2s;
  -ms-transition: -ms-transform 0.2s, background-color 0.2s;
  transition: transform 0.2s, background-color 0.2s;
}
@media (max-width: 676px) {
  .snippet:link:before,
  .snippet:visited:before {
    left: -6.4px;
    top: -4.800000000000001px;
    width: calc(100% - -12.8px);
    height: calc(100% - -9.600000000000001px);
  }
}
.snippet:hover:before {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  background: #fff;
}
.snippet:link .snippet__title {
  margin: 0;
  font-size: 31px;
}
.snippet:visited .snippet__title {
  color: #555;
}
.snippet:link .snippet__more {
  color: #005fdb;
  text-decoration: underline;
}
.snippet:visited .snippet__more {
  color: #808;
}
.snippet .snippet__more:hover {
  color: #f00;
  text-decoration: underline;
}
.archive {
  margin: 124.80000000000001px 0 0;
  padding: 0 16px;
}
@media screen and (max-width: 764px) {
  .archive {
    margin-top: 48px;
  }
}
.archive__tag-title {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 660px);
  margin: 0;
  font-size: 42px;
}
@media (min-width: 1014px) and (max-width: 1352px) {
  .archive__tag-title {
    margin-left: 0%;
    width: 66.66666666666667%;
  }
}
@media (min-width: 1352px) and (max-width: 1690px) {
  .archive__tag-title {
    margin-left: 25%;
    width: 50%;
  }
}
@media (min-width: 1690px) and (max-width: 2028px) {
  .archive__tag-title {
    margin-left: 20%;
    width: 40%;
  }
}
@media (min-width: 2028px) and (max-width: 2366px) {
  .archive__tag-title {
    margin-left: 33.333333333333336%;
    width: 33.333333333333336%;
  }
}
@media (min-width: 2366px) and (max-width: 2704px) {
  .archive__tag-title {
    margin-left: 28.571428571428573%;
    width: 28.571428571428573%;
  }
}
@media (min-width: 2704px) and (max-width: 3042px) {
  .archive__tag-title {
    margin-left: 37.5%;
    width: 25%;
  }
}
@media (min-width: 3042px) and (max-width: 3380px) {
  .archive__tag-title {
    margin-left: 33.333333333333336%;
    width: 22.22222222222222%;
  }
}
@media (min-width: 3380px) {
  .archive__tag-title {
    margin-left: 40%;
    width: 20%;
  }
}
@media (max-width: 1014px) {
  .archive__tag-title {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media (max-width: 1014px) {
  .archive__tag-title {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media (max-width: 676px) {
  .archive__tag-title {
    padding-left: 0;
    padding-right: 0;
  }
}
.archive-year {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 660px);
  margin: 72px 0 0;
}
@media (min-width: 1014px) and (max-width: 1352px) {
  .archive-year {
    margin-left: 0%;
    width: 66.66666666666667%;
  }
}
@media (min-width: 1352px) and (max-width: 1690px) {
  .archive-year {
    margin-left: 25%;
    width: 50%;
  }
}
@media (min-width: 1690px) and (max-width: 2028px) {
  .archive-year {
    margin-left: 20%;
    width: 40%;
  }
}
@media (min-width: 2028px) and (max-width: 2366px) {
  .archive-year {
    margin-left: 33.333333333333336%;
    width: 33.333333333333336%;
  }
}
@media (min-width: 2366px) and (max-width: 2704px) {
  .archive-year {
    margin-left: 28.571428571428573%;
    width: 28.571428571428573%;
  }
}
@media (min-width: 2704px) and (max-width: 3042px) {
  .archive-year {
    margin-left: 37.5%;
    width: 25%;
  }
}
@media (min-width: 3042px) and (max-width: 3380px) {
  .archive-year {
    margin-left: 33.333333333333336%;
    width: 22.22222222222222%;
  }
}
@media (min-width: 3380px) {
  .archive-year {
    margin-left: 40%;
    width: 20%;
  }
}
@media (max-width: 1014px) {
  .archive-year {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media (max-width: 1014px) {
  .archive-year {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media (max-width: 676px) {
  .archive-year {
    padding-left: 0;
    padding-right: 0;
  }
}
.archive-year__year {
  font-size: 31px;
}
.archive-year__year-link:link {
  color: #000;
  text-decoration: none;
}
.archive-year__year-link:visited {
  color: #555;
}
.archive-year__year-link:hover {
  color: #f00;
  text-decoration: underline;
}
.archive-year__year-link:active {
  color: #f00;
}
.archive-days {
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.archive-days:before,
.archive-days:after {
  content: "";
  display: table;
}
.archive-days:after {
  clear: both;
}
.archive-day {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  overflow: hidden;
  break-inside: avoid-column;
  margin: 0 0 24px;
}
.archive-day__date:link {
  color: #005fdb;
  text-decoration: underline;
}
.archive-day__date:visited {
  color: #808;
}
.archive-day__date:hover {
  color: #f00;
  text-decoration: underline;
}
.archive-day__date:active {
  color: #f00;
}
.archive-day__title {
  margin: 0;
}
.archive-day__title-link:link {
  color: #005fdb;
  text-decoration: underline;
}
.archive-day__title-link:visited {
  color: #808;
}
.archive-day__title-link:hover {
  color: #f00;
  text-decoration: underline;
}
.archive-day__title-link:active {
  color: #f00;
}
.article {
  margin-top: 124.80000000000001px;
}
@media screen and (max-width: 764px) {
  .article {
    margin-top: 36px;
  }
}
.article.article_columns-aligned {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 660px);
}
@media (min-width: 1014px) and (max-width: 1352px) {
  .article.article_columns-aligned {
    margin-left: 0%;
    width: 66.66666666666667%;
  }
}
@media (min-width: 1352px) and (max-width: 1690px) {
  .article.article_columns-aligned {
    margin-left: 25%;
    width: 50%;
  }
}
@media (min-width: 1690px) and (max-width: 2028px) {
  .article.article_columns-aligned {
    margin-left: 20%;
    width: 40%;
  }
}
@media (min-width: 2028px) and (max-width: 2366px) {
  .article.article_columns-aligned {
    margin-left: 33.333333333333336%;
    width: 33.333333333333336%;
  }
}
@media (min-width: 2366px) and (max-width: 2704px) {
  .article.article_columns-aligned {
    margin-left: 28.571428571428573%;
    width: 28.571428571428573%;
  }
}
@media (min-width: 2704px) and (max-width: 3042px) {
  .article.article_columns-aligned {
    margin-left: 37.5%;
    width: 25%;
  }
}
@media (min-width: 3042px) and (max-width: 3380px) {
  .article.article_columns-aligned {
    margin-left: 33.333333333333336%;
    width: 22.22222222222222%;
  }
}
@media (min-width: 3380px) {
  .article.article_columns-aligned {
    margin-left: 40%;
    width: 20%;
  }
}
@media (max-width: 1014px) {
  .article.article_columns-aligned {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media (max-width: 1014px) {
  .article.article_columns-aligned {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media (max-width: 676px) {
  .article.article_columns-aligned {
    padding-left: 0;
    padding-right: 0;
  }
}
.article__header {
  margin: 0 0 48px;
}
@media screen and (max-width: 764px) {
  .article__header {
    margin-bottom: 24px;
  }
}
.article__title {
  margin: 0;
  font-size: 42px;
}
@media screen and (max-width: 764px) {
  .article__title {
    font-size: 31px;
  }
}
.article a.article__title-link:link {
  color: #000;
  text-decoration: none;
}
.article a.article__title-link:visited {
  color: #555;
}
.article a.article__title-link:hover {
  color: #f00;
  text-decoration: underline;
}
.article a.article__title-link:active {
  color: #f00;
}
.article__entry {
  overflow-wrap: break-word;
}
.article__entry p {
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: justify;
}
@media screen and (max-width: 764px) {
  .article__entry p {
    text-align: left;
  }
}
.article__entry h1,
.article__entry h2,
.article__entry h3,
.article__entry h4,
.article__entry h5,
.article__entry h6 {
  margin: 24px 0;
}
.article__entry h2 {
  font-size: 31px;
}
@media screen and (max-width: 764px) {
  .article__entry h2 {
    font-size: 23px;
  }
}
.article__entry h3 {
  opacity: 0.55;
  font-size: 23px;
  font-weight: bolder;
}
@media screen and (max-width: 764px) {
  .article__entry h3 {
    font-size: 19px;
    font-weight: bolder;
  }
}
.article__entry h4 {
  font-size: 19px;
  font-weight: bolder;
}
@media screen and (max-width: 764px) {
  .article__entry h4 {
    font-size: 16px;
  }
}
.article__entry a:link {
  color: #005fdb;
  text-decoration: underline;
}
.article__entry a:visited {
  color: #808;
}
.article__entry a:hover {
  color: #f00;
  text-decoration: underline;
}
.article__entry a:active {
  color: #f00;
}
.article__footer {
  margin: 24px 0;
}
.article a.article__more-link:link {
  color: #005fdb;
  text-decoration: underline;
}
.article a.article__more-link:visited {
  color: #808;
}
.article a.article__more-link:hover {
  color: #f00;
  text-decoration: underline;
}
.article a.article__more-link:active {
  color: #f00;
}
.article__tags {
  font-size: 16px;
}
@media screen and (max-width: 764px) {
  .article__tags {
    display: none;
  }
}
.article a.article__tag-link:link {
  color: #555;
}
.article a.article__tag-link:visited {
  color: #aaa;
}
.article a.article__tag-link:hover {
  color: #f00;
  text-decoration: underline;
}
.article a.article__tag-link:active {
  color: #f00;
}
.article a.article__date:link {
  color: #000;
  text-decoration: none;
}
.article a.article__date:visited {
  color: #555;
}
.article a.article__date:hover {
  color: #f00;
  text-decoration: underline;
}
.article a.article__date:active {
  color: #f00;
}
.article__nav:before,
.article__nav:after {
  content: "";
  display: table;
}
.article__nav:after {
  clear: both;
}
.article a.article__nav-link:link {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  color: #000;
  text-decoration: none;
  position: relative;
  display: block;
  padding-right: 16px;
}
.article a.article__nav-link:link:nth-child(2n + 1) {
  clear: both;
}
.article a.article__nav-link:link:before {
  left: -12.16px;
  top: -9.120000000000001px;
  width: calc(100% - -24.32px);
  height: calc(100% - -18.240000000000002px);
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transform: scaleX(0.65);
  -moz-transform: scaleX(0.65);
  -ms-transform: scaleX(0.65);
  transform: scaleX(0.65);
  background: transparent;
  -webkit-transition: -webkit-transform 0.2s, background-color 0.2s;
  -moz-transition: -moz-transform 0.2s, background-color 0.2s;
  -ms-transition: -ms-transform 0.2s, background-color 0.2s;
  transition: transform 0.2s, background-color 0.2s;
}
@media (max-width: 676px) {
  .article a.article__nav-link:link:before {
    left: -6.4px;
    top: -4.800000000000001px;
    width: calc(100% - -12.8px);
    height: calc(100% - -9.600000000000001px);
  }
}
.article a.article__nav-link:visited {
  color: #555;
}
.article a.article__nav-link:hover:before {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  background: #fff;
}
.article a.article__nav-link.article__nav-link_next {
  float: right;
  padding: 0 0 0 16px;
  text-align: right;
}
.article ol,
.article ul {
  margin: 24px 0;
  padding: 0;
}
@media screen and (max-width: 764px) {
  .article ol,
  .article ul {
    margin-left: 24px;
  }
}
.article ol ol,
.article ul ol,
.article ol ul,
.article ul ul {
  margin-left: 32px;
}
@media screen and (max-width: 764px) {
  .article ol ol,
  .article ul ol,
  .article ol ul,
  .article ul ul {
    margin-left: 24px;
  }
}
.article img,
.article video {
  display: block;
  margin: auto;
  height: auto;
  max-width: 100%;
  max-height: 91vh;
}
.article iframe {
  border: none;
  width: 100%;
}
.article table {
  margin: 24px 0;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.article th {
  font-weight: bold;
  border-bottom: 3px solid #555;
  padding-bottom: 0.5em;
}
.article td {
  border-bottom: 1px solid #555;
  padding: 10px 0;
}
.article blockquote {
  position: relative;
  margin: 24px 32px;
  font-size: 23px;
  text-align: justify;
}
@media screen and (max-width: 764px) {
  .article blockquote {
    font-size: 19px;
    text-align: left;
  }
}
.article blockquote:before {
  position: absolute;
  left: -38.4px;
  top: -0.3em;
  font-size: 77px;
  content: "“";
}
@media screen and (max-width: 764px) {
  .article blockquote:before {
    left: -12.8px;
    font-size: 42px;
  }
}
.article blockquote:after {
  position: absolute;
  right: -38.4px;
  bottom: -0.6em;
  font-size: 77px;
  content: "”";
}
@media screen and (max-width: 764px) {
  .article blockquote:after {
    right: -12.8px;
    font-size: 42px;
  }
}
.article blockquote:lang(ru):before {
  left: -48px;
  top: -0.54em;
  content: "«";
}
@media screen and (max-width: 764px) {
  .article blockquote:lang(ru):before {
    left: -16px;
    font-size: 42px;
  }
}
.article blockquote:lang(ru):after {
  right: -48px;
  bottom: -0.35em;
  content: "»";
}
@media screen and (max-width: 764px) {
  .article blockquote:lang(ru):after {
    right: -16px;
    font-size: 42px;
  }
}
.article blockquote footer {
  font-size: 19px;
  margin: 24px 0;
  font-family: font-sans;
}
.article blockquote footer cite:before {
  content: "—";
  padding: 0 0.5em;
}
.article.article_centered .article__header,
.article.article_centered .article__footer,
.article.article_centered .article__nav {
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  width: 676px;
}
@media screen and (max-width: 764px) {
  .article.article_centered .article__header,
  .article.article_centered .article__footer,
  .article.article_centered .article__nav {
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
    width: auto;
  }
}
.article.article_centered .article__entry blockquote,
.article.article_centered .article__entry figure,
.article.article_centered .article__entry h2,
.article.article_centered .article__entry h3,
.article.article_centered .article__entry h4,
.article.article_centered .article__entry h5,
.article.article_centered .article__entry h6,
.article.article_centered .article__entry p,
.article.article_centered .article__entry pre {
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  width: 676px;
}
@media screen and (max-width: 764px) {
  .article.article_centered .article__entry blockquote,
  .article.article_centered .article__entry figure,
  .article.article_centered .article__entry h2,
  .article.article_centered .article__entry h3,
  .article.article_centered .article__entry h4,
  .article.article_centered .article__entry h5,
  .article.article_centered .article__entry h6,
  .article.article_centered .article__entry p,
  .article.article_centered .article__entry pre {
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
    width: auto;
  }
}
.article.article_centered .article__entry ol,
.article.article_centered .article__entry ul {
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px;
  width: 676px;
}
@media screen and (max-width: 764px) {
  .article.article_centered .article__entry ol,
  .article.article_centered .article__entry ul {
    margin-left: 24px;
    width: auto;
  }
}
.article.article_centered .article__entry ol blockquote,
.article.article_centered .article__entry ul blockquote,
.article.article_centered .article__entry ol p,
.article.article_centered .article__entry ul p {
  padding: 0;
  width: auto;
}
.article.article_centered .highlight pre {
  padding: 0;
  width: auto;
}
.article.article_centered .article__side-by-side {
  margin: 24px auto;
  padding: 0 16px;
  width: 1014px;
}
.article.article_centered .article__side-by-side:before,
.article.article_centered .article__side-by-side:after {
  content: "";
  display: table;
}
.article.article_centered .article__side-by-side:after {
  clear: both;
}
@media screen and (max-width: 1070px) {
  .article.article_centered .article__side-by-side {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: auto;
  }
  .article.article_centered .article__side-by-side:before,
  .article.article_centered .article__side-by-side:after {
    display: none;
  }
}
.article.article_centered .article__side-by-side-cell {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding: 0 16px;
}
.article.article_centered .article__side-by-side-cell:before,
.article.article_centered .article__side-by-side-cell:after {
  content: "";
  display: table;
}
.article.article_centered .article__side-by-side-cell:after {
  clear: both;
}
.article.article_centered .article__side-by-side-cell:nth-child(2n + 1) {
  clear: both;
}
@media screen and (max-width: 1070px) {
  .article.article_centered .article__side-by-side-cell {
    float: none;
    margin: 24px 0;
    width: auto;
    padding: 0;
  }
  .article.article_centered .article__side-by-side-cell:before,
  .article.article_centered .article__side-by-side-cell:after {
    display: none;
  }
}
@media screen and (max-width: 1070px) {
  .article.article_centered .article__side-by-side-cell:first-child {
    margin-top: 0;
  }
}
.article.article_centered .article__side-by-side-cell:first-child img {
  float: right;
}
@media screen and (max-width: 1070px) {
  .article.article_centered .article__side-by-side-cell:first-child img {
    float: none;
  }
}
.article.article_centered .article__side-by-side-cell img {
  margin: 0;
}
@media screen and (max-width: 1070px) {
  .article.article_centered .article__side-by-side-cell img {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1070px) {
  .article.article_centered .article__side-by-side-cell a img {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 1070px) {
  .article.article_centered .article__side-by-side-cell blockquote,
  .article.article_centered .article__side-by-side-cell figure,
  .article.article_centered .article__side-by-side-cell h2,
  .article.article_centered .article__side-by-side-cell h3,
  .article.article_centered .article__side-by-side-cell h4,
  .article.article_centered .article__side-by-side-cell h5,
  .article.article_centered .article__side-by-side-cell h6,
  .article.article_centered .article__side-by-side-cell iframe,
  .article.article_centered .article__side-by-side-cell pre {
    margin-left: auto;
    margin-right: auto;
    padding: 0 16px;
    width: 676px;
  }
}
@media screen and (max-width: 764px) {
  .article.article_centered .article__side-by-side-cell blockquote,
  .article.article_centered .article__side-by-side-cell figure,
  .article.article_centered .article__side-by-side-cell h2,
  .article.article_centered .article__side-by-side-cell h3,
  .article.article_centered .article__side-by-side-cell h4,
  .article.article_centered .article__side-by-side-cell h5,
  .article.article_centered .article__side-by-side-cell h6,
  .article.article_centered .article__side-by-side-cell iframe,
  .article.article_centered .article__side-by-side-cell pre {
    width: auto;
  }
}
.article.article_centered .article__side-by-side-cell p {
  padding: 0;
  width: auto;
}
@media screen and (max-width: 1070px) {
  .article.article_centered .article__side-by-side-cell p {
    margin-left: auto;
    margin-right: auto;
    padding: 0 16px;
    width: 676px;
  }
}
@media screen and (max-width: 764px) {
  .article.article_centered .article__side-by-side-cell p {
    width: auto;
  }
}
.article.article_centered .article__side-by-side-cell p:first-child {
  margin-top: 0;
}
.article.article_centered .article__side-by-side-cell ol,
.article.article_centered .article__side-by-side-cell ul {
  padding: 0;
  width: auto;
}
@media screen and (max-width: 1070px) {
  .article.article_centered .article__side-by-side-cell ol,
  .article.article_centered .article__side-by-side-cell ul {
    margin-left: auto;
    margin-right: auto;
    padding: 0 16px;
    width: 676px;
  }
}
@media screen and (max-width: 764px) {
  .article.article_centered .article__side-by-side-cell ol,
  .article.article_centered .article__side-by-side-cell ul {
    margin-left: 24px;
    width: auto;
  }
}
.article.article_centered .article__side-by-side-cell ol:first-child,
.article.article_centered .article__side-by-side-cell ul:first-child {
  margin-top: 0;
}
.article.article_centered .article__side-by-side-cell ol ol,
.article.article_centered .article__side-by-side-cell ul ol,
.article.article_centered .article__side-by-side-cell ol ul,
.article.article_centered .article__side-by-side-cell ul ul {
  margin-left: 32px;
}
@media screen and (max-width: 764px) {
  .article.article_centered .article__side-by-side-cell ol ol,
  .article.article_centered .article__side-by-side-cell ul ol,
  .article.article_centered .article__side-by-side-cell ol ul,
  .article.article_centered .article__side-by-side-cell ul ul {
    margin-left: 24px;
  }
}
.article.article_centered .article__side-by-side-cell ol p,
.article.article_centered .article__side-by-side-cell ul p {
  padding: 0;
}
@media screen and (max-width: 1070px) {
  .article.article_centered .article__side-by-side-cell ol p,
  .article.article_centered .article__side-by-side-cell ul p {
    padding: 0;
    width: auto;
  }
}
.article-badge {
  position: relative;
  margin: 24px auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid #b261d3;
  width: 676px;
  min-height: 137px;
}
@media screen and (max-width: 764px) {
  .article-badge {
    margin: 24px 16px;
    width: auto;
    min-height: 94px;
  }
}
.article-badge:before {
  position: absolute;
  left: 32px;
  top: 24px;
  width: 79px;
  height: 79px;
  content: "";
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: top center;
}
@media screen and (max-width: 764px) {
  .article-badge:before {
    left: 16px;
    top: 12px;
    width: 60px;
    height: 60px;
  }
}
.article-badge.article-badge_type_alternate:before {
  background-image: url("images/eng.svg");
}
.article-badge.article-badge_type_alternate:lang(ru):before {
  background-image: url("images/rus.svg");
}
.article-badge__title {
  margin: 21.6px 32px 0 143px;
  font-size: 23px;
  font-weight: bolder;
}
@media screen and (max-width: 764px) {
  .article-badge__title {
    font-size: 19px;
    font-weight: bolder;
    margin: 9.600000000000001px 16px 0 92px;
  }
}
.article-badge__description {
  margin: 7.199999999999999px 32px 24px 143px;
}
@media screen and (max-width: 764px) {
  .article-badge__description {
    margin: 4.800000000000001px 16px 12px 92px;
  }
}
.article-badge__link:link {
  color: #005fdb;
  text-decoration: underline;
}
.article-badge__link:visited {
  color: #808;
}
.article-badge__link:hover {
  color: #f00;
  text-decoration: underline;
}
.article-badge__link:active {
  color: #f00;
}
.footer {
  position: absolute;
  bottom: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.footer__placeholder {
  height: 144px;
}
@media screen and (max-width: 764px) {
  .footer__placeholder {
    height: 72px;
  }
}
.footer__link:link {
  color: #005fdb;
  text-decoration: underline;
  display: inline-block;
  margin: 0 32px;
}
.footer__link:visited {
  color: #808;
}
.footer__link:hover {
  color: #f00;
  text-decoration: underline;
}
.footer__link:active {
  color: #f00;
}
.footer.footer_centered .footer__content {
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  width: 676px;
}
@media screen and (max-width: 764px) {
  .footer.footer_centered .footer__content {
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
    width: auto;
  }
}
.footer.footer_columns-aligned {
  padding: 0 16px;
}
.footer.footer_columns-aligned .footer__content {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 1014px) and (max-width: 1352px) {
  .footer.footer_columns-aligned .footer__content {
    margin-left: 0%;
  }
}
@media (min-width: 1352px) and (max-width: 1690px) {
  .footer.footer_columns-aligned .footer__content {
    margin-left: 25%;
  }
}
@media (min-width: 1690px) and (max-width: 2028px) {
  .footer.footer_columns-aligned .footer__content {
    margin-left: 20%;
  }
}
@media (min-width: 2028px) and (max-width: 2366px) {
  .footer.footer_columns-aligned .footer__content {
    margin-left: 33.333333333333336%;
  }
}
@media (min-width: 2366px) and (max-width: 2704px) {
  .footer.footer_columns-aligned .footer__content {
    margin-left: 28.571428571428573%;
  }
}
@media (min-width: 2704px) and (max-width: 3042px) {
  .footer.footer_columns-aligned .footer__content {
    margin-left: 37.5%;
  }
}
@media (min-width: 3042px) and (max-width: 3380px) {
  .footer.footer_columns-aligned .footer__content {
    margin-left: 33.333333333333336%;
  }
}
@media (min-width: 3380px) {
  .footer.footer_columns-aligned .footer__content {
    margin-left: 40%;
  }
}
@media (max-width: 1014px) {
  .footer.footer_columns-aligned .footer__content {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media (max-width: 1014px) {
  .footer.footer_columns-aligned .footer__content {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media (max-width: 676px) {
  .footer.footer_columns-aligned .footer__content {
    padding-left: 0;
    padding-right: 0;
  }
}
.header {
  background-color: #b261d3;
}
.header__title {
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  width: 676px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1;
  font-size: 42px;
}
@media screen and (max-width: 764px) {
  .header__title {
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
    width: auto;
  }
}
@media screen and (max-width: 764px) {
  .header__title {
    font-size: 31px;
  }
}
.header__title-link:link,
.header__title-link:visited {
  display: inline-block;
  line-height: 1;
  text-decoration: none;
  color: #fff;
  background: #b261d3;
  -webkit-box-shadow: inset 0 0 0 0 #000;
  box-shadow: inset 0 0 0 0 #000;
  -webkit-transition: box-shadow 0.4s;
  -moz-transition: box-shadow 0.4s;
  -ms-transition: box-shadow 0.4s;
  transition: box-shadow 0.4s;
  display: inline-block;
  padding-bottom: 0.22em;
}
.header__title-link:hover {
  -webkit-box-shadow: inset 0 105px 0 0 #000;
  box-shadow: inset 0 105px 0 0 #000;
}
.header__title-link:active {
  -webkit-box-shadow: inset 0 105px 0 0 #f00;
  box-shadow: inset 0 105px 0 0 #f00;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  transition: none;
}
pre,
.highlight {
  margin: 12px 0;
  padding: 12px 16px;
  overflow: auto;
  font-size: 16px;
  line-height: 24px;
  background: #fff;
  color: #4d4d4c;
}
@media screen and (max-width: 764px) {
  pre,
  .highlight {
    font-size: 12px;
  }
}
code {
  padding: 0 0.3em;
  font-family: "Source Code Pro", Consolas, Monaco, Menlo, monospace;
  font-size: 16px;
  line-height: 24px;
  background: #fff;
}
@media screen and (max-width: 764px) {
  code {
    font-size: 12px;
  }
}
pre {
  font-family: "Source Code Pro", Consolas, Monaco, Menlo, monospace;
}
pre code {
  padding: 0;
  background: none;
  text-shadow: none;
}
.highlight pre {
  margin: 0;
  border: none;
  padding: 0;
}
.highlight table {
  margin: 0;
  width: auto;
}
.highlight td {
  border: none;
  padding: 0;
}
.highlight figcaption {
  font-size: 0.85em;
  color: #8e908c;
  line-height: 1em;
  margin-bottom: 1em;
}
.highlight figcaption:before,
.highlight figcaption:after {
  content: "";
  display: table;
}
.highlight figcaption:after {
  clear: both;
}
.highlight figcaption a {
  float: right;
}
.highlight .line {
  height: 456px;
}
.highlight .line.marked {
  background: #d6d6d6;
}
.gist {
  margin: 0 -32px;
  border-style: solid;
  border-color: #555;
  border-width: 1px 0;
  background: #fff;
  padding: 15px 32px 15px 0;
}
.gist .gist-file {
  border: none;
  font-family: font-mono;
  margin: 0;
}
.gist .gist-file .gist-data {
  background: none;
  border: none;
}
.gist .gist-file .gist-data .line-data {
  padding: 0 !important;
}
.gist .gist-file .highlight {
  margin: 0;
  padding: 0;
  border: none;
}
.gist .gist-file .gist-meta {
  background: #fff;
  color: #8e908c;
  font: 0.85em font-sans;
  text-shadow: 0 0;
  padding: 0;
  margin-top: 1em;
  margin-left: 32px;
}
.gist .gist-file .gist-meta a {
  color: color-link;
  font-weight: normal;
}
.gist .gist-file .gist-meta a:hover {
  text-decoration: underline;
}
pre .comment,
pre .title {
  color: #8e908c;
}
pre .variable,
pre .attribute,
pre .tag,
pre .regexp,
pre .ruby .constant,
pre .xml .tag .title,
pre .xml .pi,
pre .xml .doctype,
pre .html .doctype,
pre .css .id,
pre .css .class,
pre .css .pseudo {
  color: #c82829;
}
pre .number,
pre .preprocessor,
pre .built_in,
pre .literal,
pre .params,
pre .constant {
  color: #f5871f;
}
pre .class,
pre .ruby .class .title,
pre .css .rules .attribute {
  color: #718c00;
}
pre .string,
pre .value,
pre .inheritance,
pre .header,
pre .ruby .symbol,
pre .xml .cdata {
  color: #718c00;
}
pre .css .hexcolor {
  color: #3e999f;
}
pre .function,
pre .python .decorator,
pre .python .title,
pre .ruby .function .title,
pre .ruby .title .keyword,
pre .perl .sub,
pre .javascript .title,
pre .coffeescript .title {
  color: #4271ae;
}
pre .keyword,
pre .javascript .function {
  color: #8959a8;
}