@font-face {
  font-family: "TT Barrels";
  src: url("../fonts/TTBarrels-Regular.woff2") format("woff2"), url("../fonts/TTBarrels-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Commons";
  src: url("../fonts/TTCommons-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
* { box-sizing: border-box; }
html, body { min-width: 100%; min-height: 100%; }
html, body, ul, li, h1 { margin: 0; padding: 0; }
body { min-width: 100%; padding: 0 24px; background: #fff; color: #000; font-family: "TT Barrels", Arial, sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; }
a { color: inherit; text-decoration: none; }
.text-link, .rich-text a { color: inherit; text-decoration-line: underline; text-decoration-color: rgb(0 0 0 / 20%); text-decoration-thickness: 1px; text-underline-offset: .18em; text-decoration-skip-ink: auto; transition: color 400ms ease, text-decoration-color 400ms ease; }
.text-link:hover, .rich-text a:hover { color: #737373; text-decoration-color: currentColor; transition-duration: 0ms; }
.text-link:focus-visible, .rich-text a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.text-link.is-document::after { content: "(pdf)"; position: relative; top: -.55em; display: inline-block; margin-left: 2px; font-family: "TT Commons", Arial, sans-serif; font-size: 10px; font-weight: 500; line-height: 1; letter-spacing: 0; text-decoration: none; }
li { list-style: none; }
.container { position: relative; }
.block { position: relative; z-index: 2; margin: 0 auto; }
.back_img, .back_img img, .back_img source { position: absolute; inset: 0; width: 100%; }
.back_img img, .back_img source { height: 100%; object-fit: cover; object-position: 50% 50%; }

.header_container { position: relative; z-index: 9; height: 150px; }
.header_block { padding-top: 60px; text-align: center; }
.header_nav { position: fixed; top: 20px; left: 20px; z-index: 9; display: flex; white-space: nowrap; }
.header_nav li { position: relative; margin-right: 26px; }
.header_nav li:last-child { margin-right: 0; }
.header_nav a { display: block; font-size: 20px; transition: transform 200ms ease; }
.header_nav a:hover { transform: scale(1.1); }
.header_nav span { position: absolute; bottom: 16px; left: 100%; margin-left: 2px; font-family: "TT Commons", Arial, sans-serif; font-size: 10px; font-weight: 500; }
.header_logo { position: relative; display: block; width: 220px; margin: 0 auto; }
.header_moblogo, .mobmenu_in, .mobmenu { display: none; }

.mobmenu { position: fixed; z-index: 8; inset: 0; left: 100%; width: 100%; overflow-y: auto; background: #fff; visibility: hidden; transition: left 200ms ease, visibility 0ms linear 200ms; }
.mobmenu_nav { position: relative; padding: 160px 20px 80px; }
.mobmenu_nav li { margin-bottom: 25px; text-align: center; }
.mobmenu_nav a { position: relative; display: inline-block; font-size: 28px; line-height: 1.15; }
.mobmenu_nav span { position: absolute; bottom: 20px; left: 100%; margin-left: 2px; font-family: "TT Commons", Arial, sans-serif; font-size: 12px; font-weight: 500; }
body.mobmenu_show { overflow: hidden; }
body.mobmenu_show .mobmenu { left: 0; visibility: visible; transition-delay: 0ms; }

.site-footer { position: relative; z-index: 8; padding: 0 0 4px; text-align: left; }
.site-footer__wrap { display: flex; justify-content: flex-end; }
.site-footer__content { width: calc((((100% - 48px) / 4) * 2) + 16px); font-size: 18px; }
.site-footer__content p { margin: 0; padding: 0 0 20px; }
.site-footer__content ul, .site-footer__content ol { margin: 0 0 20px; padding-left: 1.2em; }
.site-footer__content li { list-style: inherit; }

@media (max-width: 1300px) {
  .header_container { height: 65px; }
  .header_block { padding: 0; }
  .header_logo, .header_nav { display: none; }
  .header_moblogo { position: absolute; top: 20px; left: 0; display: block; height: 20px; }
  .mobmenu { display: block; }
  .mobmenu_in { position: absolute; z-index: 10; top: 20px; right: 0; display: block; width: 24px; height: 18px; padding: 0; border: 0; color: #000; background: transparent; cursor: pointer; }
  .mobmenu_in__line { position: absolute; left: 0; display: block; width: 100%; height: 2px; background: currentColor; transition: top 200ms ease, transform 200ms ease, opacity 200ms ease; }
  .mobmenu_in__line1 { top: 1px; }
  .mobmenu_in__line2 { top: 8px; }
  .mobmenu_in__line3 { top: 15px; }
  .mobmenu_in.active .mobmenu_in__line1 { top: 8px; transform: rotate(-45deg); }
  .mobmenu_in.active .mobmenu_in__line2 { top: 8px; transform: rotate(45deg); }
  .mobmenu_in.active .mobmenu_in__line3 { opacity: 0; }
  .mobmenu_in:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
  .site-footer__content { width: 100%; }
}
@media (max-width: 750px) { body { padding: 0 16px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 1ms !important; transition-duration: 1ms !important; } }
