* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex-st {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

p {
  margin-top: 0;
}

a {
  color: inherit;
}

input, textarea, select, option {
  font-family: inherit;
  font-size: inherit;
}

:focus {
  outline: 0;
}

table {
  border-collapse: collapse;
}

body {
  padding: 0;
  margin: 0;
}

.image-style-align-left {
  float: left;
  margin: 3px 10px 0 0;
}

.image-style-align-right {
  float: right;
  margin: 3px 0 0 10px;
}

figure {
  margin: 0;
}
figure.table table, figure.table th, figure.table td {
  border: 1px solid black;
  border-collapse: collapse;
  width: 100%;
}
figure.image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

blockquote {
  padding: 0 10px 0 46px;
  position: relative;
  margin: 20px 0;
  font-style: italic;
}
blockquote::before {
  content: "";
  display: block;
  position: absolute;
  background: #ccc;
  width: 4px;
  left: 21px;
  top: 0;
  bottom: 0;
}
blockquote p {
  margin: 0;
}

/* inter-100 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  src: url("../../fonts/inter/inter-v13-cyrillic_cyrillic-ext_latin_latin-ext-100-w_uCnYe.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src: url("../../fonts/inter/inter-v13-cyrillic_cyrillic-ext_latin_latin-ext-200-n3jSwR7.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url("../../fonts/inter/inter-v13-cyrillic_cyrillic-ext_latin_latin-ext-300-nmpsPXr.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/inter/inter-v13-cyrillic_cyrillic-ext_latin_latin-ext-regular-etTCuGI.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("../../fonts/inter/inter-v13-cyrillic_cyrillic-ext_latin_latin-ext-500-UKKOJxP.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("../../fonts/inter/inter-v13-cyrillic_cyrillic-ext_latin_latin-ext-600-82tpFbb.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("../../fonts/inter/inter-v13-cyrillic_cyrillic-ext_latin_latin-ext-700-P1AQS1d.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url("../../fonts/inter/inter-v13-cyrillic_cyrillic-ext_latin_latin-ext-800-NPh41dM.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: url("../../fonts/inter/inter-v13-cyrillic_cyrillic-ext_latin_latin-ext-900-1fr2AYz.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {
  background: #fff;
  font: 16px "Inter", sans-serif;
  color: #000;
}

.btn {
  display: block;
  border: none;
  border-radius: 8px;
  padding: 15px 30px;
  font-size: 16px;
  background: #008EB0;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
}
.btn.block-bg {
  background: #f9f9f9;
  color: #000;
}

input {
  padding: 15px 30px;
  display: block;
  border-radius: 8px;
  border: 1px solid #ccc;
}

.layout-global {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 20px;
  padding: 20px 0;
}
@media (max-width: 1300px) {
  .layout-global {
    padding: 20px;
  }
}
.layout-global > div {
  width: 100%;
}

.header {
  border-radius: 8px;
  padding: 20px;
  background: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.header .info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 1300px) {
  .header .info {
    width: 100%;
  }
}
.header .info .logo {
  font-weight: 500;
  font-size: 24px;
  display: block;
  text-decoration: none;
}
@media (max-width: 1300px) {
  .header .info .logo {
    font-size: 19px;
  }
}
.header .info .slogan {
  font-style: italic;
  font-weight: 300;
  font-size: 14px;
}
.header .lang {
  display: flex;
  gap: 10px;
  align-self: flex-end;
}
.header .lang a {
  text-decoration: none;
}
.header .menu-icon {
  background: url("../i/menu-WKTIqxx.svg") no-repeat center/contain;
  width: 24px;
  height: 24px;
  display: none;
}
@media (max-width: 1300px) {
  .header .menu-icon {
    display: block;
  }
}

.footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-radius: 8px;
  padding: 20px;
  background: #f9f9f9;
  font-size: 14px;
}
@media (max-width: 1300px) {
  .footer {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
}
.footer a {
  text-decoration: none;
}

.cols {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.cols .col-l {
  width: 290px;
}
@media (max-width: 1300px) {
  .cols .col-l {
    display: none;
  }
}
.cols .col-r {
  width: 290px;
}
@media (max-width: 1300px) {
  .cols .col-r {
    display: none;
  }
}
.cols .col-c {
  width: calc(100% - 290px - 290px - 20px - 20px);
}
@media (max-width: 1300px) {
  .cols .col-c {
    width: 100%;
  }
}

.menu, .bg .menu-mobile {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 15px;
  border-radius: 8px;
  padding: 20px;
  width: 100%;
  background: #f9f9f9;
}
.menu a, .bg .menu-mobile a {
  text-decoration: none;
}
.menu .item, .bg .menu-mobile .item {
  font-size: 18px;
}
.menu .item .t, .bg .menu-mobile .item .t {
  display: block;
  width: 100%;
}
.menu .item .sub, .bg .menu-mobile .item .sub {
  padding: 10px 20px 0 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.menu .item .sub .sitem, .bg .menu-mobile .item .sub .sitem {
  display: block;
  width: 100%;
}

.bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5019607843);
}
.bg.opened {
  bottom: 0;
}
.bg .menu-mobile {
  position: fixed;
  top: 20px;
  left: -500px;
  width: auto;
  z-index: 10;
  transition: 0.25s;
}
.bg .menu-mobile.opened {
  left: 20px;
}

.banners {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.banners .banner {
  display: block;
  width: 100%;
}
.banners .banner img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
}

.gblock {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.gtitle {
  font-weight: 500;
  font-size: 20px;
  color: #000;
}

.news-latest {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.news-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
@media (max-width: 1300px) {
  .news-list {
    flex-direction: column;
  }
}
.news-list .img {
  border-radius: 4px;
  width: 200px;
  height: 140px;
  display: block;
  background: no-repeat center/cover;
  margin: 3px 0 0;
}
@media (max-width: 1300px) {
  .news-list .img {
    width: 100%;
    height: 200px;
  }
}
.news-list .info {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: calc(100% - 200px - 20px);
}
@media (max-width: 1300px) {
  .news-list .info {
    width: 100%;
  }
}
.news-list .info .title {
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
}
.news-list .info .date {
  font-weight: 300;
  font-size: 12px;
  color: #ccc;
}
.news-list .info .anons {
  font-size: 14px;
}
.news-list .info .more {
  font-size: 14px;
  color: #0072ce;
}

.post {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.post > div {
  width: 100%;
}
.post .post-title {
  font-weight: 500;
  font-size: 20px;
  color: #000;
  margin: 0;
}
.post .post-date {
  font-weight: 300;
  font-size: 12px;
  color: #000;
}
.post .post-image-area .post-img {
  border-radius: 4px;
  display: block;
  max-width: 100%;
}
.photo-list {
  display: block;
  border-radius: 8px;
  max-width: 330px;
  width: 100%;
  height: 240px;
  background: no-repeat center/cover;
}
@media (max-width: 1300px) {
  .photo-list {
    max-width: none;
  }
}

.form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 600px;
  width: 100%;
}
.form .form-title {
  text-align: center;
  font-weight: 500;
  font-size: 20px;
}
.form .form-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.form .form-item .t {
  font-weight: 500;
}
.section-page {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.section-page .section-title {
  font-weight: 500;
  font-size: 20px;
  color: #000;
}
.section-page .section-contentlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
.section-page .section-sub {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.paging {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.paging .page {
  border-radius: 8px;
  padding: 5px 10px;
  text-decoration: none;
}
.paging .page.active {
  background: #f9f9f9;
}

.way {
  display: flex;
  gap: 10px;
  font-size: 12px;
}
.way a {
  text-decoration: none;
}

.content-editor {
  display: flex;
  flex-direction: column;
  gap: 15px;
  line-height: 150%;
}
.content-editor p {
  margin: 0;
}
.content-editor blockquote {
  margin: 10px 0;
}
.content-editor ol, .content-editor ul {
  margin: 0;
}

/*# sourceMappingURL=app.output.css.map */