/* We suppose that the user can set their font size to any arbitrary value within sensible ranges, i.e. small enough for a few words to fit on a single line.
To do so, we can use pixels for horizontal dimensions and rem for vertical ones.
When the vertical dimensions need to match the horizontal dimensions, we can use px for vertical dimensions too.
*/
.glide.-arrows > .controls .button.-left {
  transform: translateX(-25%);
}
.glide.-arrows > .controls .button.-right {
  transform: translateX(-75%);
}
.glide > .glide__bullets > .glide__bullet {
  width: 354px;
  height: 138px;
}
._wrapper {
  width: 80%;
}
._wrappers {
  width: 40%;
}
.article-advice {
  flex-direction: row;
  align-items: stretch;
}
.article-advice > .img {
  flex: 0 0;
}
.article-advice > .text > .heading {
  text-align: left;
}
.site-header > ._wrapper > .logo > .img {
  height: 124px;
}
.site-header > ._wrapper > .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.site-header > ._wrapper > .text > .intro {
  color: #19577a;
}
.site-header > ._wrapper > .text > .header-menu {
  align-items: center;
  justify-content: space-between;
}
.site-header > ._wrapper > .text > .header-menu > .item {
  flex: 1 1 auto;
}
.site-header > ._wrapper > .text > .header-menu > .item.-search {
  flex: 2 1 auto;
}
.site-social-networks > .content > .button > .text {
  display: block;
  text-align: center;
}
.site-social-networks > .content > .button > .text > .line {
  display: block;
}
.std-article > .columns {
  grid-template-columns: 1fr 768px 24px 256px 1fr;
}
.std-mosaic-list:not(.-oneperrow) {
  column-gap: 4%;
}
.std-mosaic-list:not(.-oneperrow) > .item {
  width: 48%;
}
.site-maps-and-mods-tests > ._wrapper {
  background: url("headcrab-transparent.svg") no-repeat top 180px left 160px / 140px 126px, url("marine-transparent.svg") no-repeat top 64px right 46px / 186px 266px;
}