.hover-stroke {
  -webkit-transition: stroke var(--hover-transition);
  transition: stroke var(--hover-transition);
}
.hover-fill {
  -webkit-transition: fill var(--hover-transition);
  transition: fill var(--hover-transition);
}

@media (max-width: 768px) {
  .mobile-hide {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .mobile-show {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .tablet-hide {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .tablet-show {
    display: none !important;
  }
}

.input {
  position: relative;
}
.input input, .input textarea, .input .output_text {
  width: 100%;
  outline: none;
  background-color: var(--background-secondary-background);
  color: var(--main-color-text-white);
  border: 0.0625rem solid var(--main-color-text-m100);
  padding: 0.3125rem 0.9375rem;
  border-radius: 0.25rem;
  -webkit-transition: color var(--hover-transition), border-color var(--hover-transition), background-color var(--hover-transition);
  transition: color var(--hover-transition), border-color var(--hover-transition), background-color var(--hover-transition);
  font-size: max(0.875rem, 12px);
  line-height: 150%;
  letter-spacing: 0.02em;
}
.input input::-webkit-input-placeholder, .input textarea::-webkit-input-placeholder, .input .output_text::-webkit-input-placeholder {
  opacity: 1 !important;
  color: var(--main-color-text-m75) !important;
}
.input input::-moz-placeholder, .input textarea::-moz-placeholder, .input .output_text::-moz-placeholder {
  opacity: 1 !important;
  color: var(--main-color-text-m75) !important;
}
.input input:-ms-input-placeholder, .input textarea:-ms-input-placeholder, .input .output_text:-ms-input-placeholder {
  opacity: 1 !important;
  color: var(--main-color-text-m75) !important;
}
.input input::-ms-input-placeholder, .input textarea::-ms-input-placeholder, .input .output_text::-ms-input-placeholder {
  opacity: 1 !important;
  color: var(--main-color-text-m75) !important;
}
.input input::placeholder, .input textarea::placeholder, .input .output_text::placeholder {
  opacity: 1 !important;
  color: var(--main-color-text-m75) !important;
}
.input input[disabled], .input input[readonly]:not(.output_text), .input textarea[disabled], .input textarea[readonly]:not(.output_text), .input .output_text[disabled], .input .output_text[readonly]:not(.output_text) {
  opacity: 1;
  cursor: not-allowed;
  border: 0.0625rem solid var(--main-color-text-m300);
  background-color: var(--main-color-text-m200);
}
.input input[disabled] + .input__placeholder, .input input[readonly]:not(.output_text) + .input__placeholder, .input textarea[disabled] + .input__placeholder, .input textarea[readonly]:not(.output_text) + .input__placeholder, .input .output_text[disabled] + .input__placeholder, .input .output_text[readonly]:not(.output_text) + .input__placeholder {
  color: var(--main-color-text-m100);
}
.input input:focus-within:not([disabled], [readonly]) + .input__placeholder, .input textarea:focus-within:not([disabled], [readonly]) + .input__placeholder, .input .output_text:focus-within:not([disabled], [readonly]) + .input__placeholder {
  top: -0.09375rem;
  padding: 0 0.25rem;
}
.input input:focus-within:not([disabled], [readonly]) + .input__placeholder::before, .input textarea:focus-within:not([disabled], [readonly]) + .input__placeholder::before, .input .output_text:focus-within:not([disabled], [readonly]) + .input__placeholder::before {
  background-color: var(--main-color-text-m400);
}
@media (any-hover: hover) {
  .input input:hover:not([disabled], [readonly]), .input textarea:hover:not([disabled], [readonly]), .input .output_text:hover:not([disabled], [readonly]) {
    background-color: rgba(255, 255, 255, 0.05);
  }
}
.input .output_value[disabled] ~ .output_text, .input .output_value[readonly] ~ .output_text {
  opacity: 0.48;
  cursor: not-allowed !important;
}
.input textarea {
  min-height: 7.8125rem;
  resize: none;
}
.input__search-button, .input__search-clear {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.input__search-button > svg, .input__search-clear > svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  fill: var(--main-color-text-m75);
}
.input__search-button {
  right: 1rem;
}
.input__search-clear {
  left: 1rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
  transition: opacity var(--hover-transition), visibility var(--hover-transition);
}
.input__wrapper {
  position: relative;
}
.input__placeholder {
  display: block;
  font-size: max(0.875rem, 12px);
  line-height: max(1.3125rem, 12px);
  letter-spacing: 0.02em;
  color: var(--main-color-text-m75);
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  white-space: nowrap;
  -webkit-transition: padding var(--hover-transition), top var(--hover-transition), -webkit-transform var(--hover-transition);
  transition: padding var(--hover-transition), top var(--hover-transition), -webkit-transform var(--hover-transition);
  transition: padding var(--hover-transition), top var(--hover-transition), transform var(--hover-transition);
  transition: padding var(--hover-transition), top var(--hover-transition), transform var(--hover-transition), -webkit-transform var(--hover-transition);
}
.input__placeholder::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: -1;
  height: 0.125rem;
  -webkit-transition: background-color var(--hover-transition);
  transition: background-color var(--hover-transition);
}
.input__message {
  font-size: max(0.875rem, 12px);
  line-height: max(1.3125rem, 12px);
  letter-spacing: 0.02em;
  text-align: right;
  color: #fb2424;
  margin-top: 0.125rem;
  padding-right: 1.125rem;
  position: relative;
}
.input__inner {
  display: block;
  position: relative;
  background-color: var(--background-secondary-background);
  padding: 1.5rem;
  border-radius: 0.5rem;
  border: 0.125rem dashed var(--main-color-text-white);
  -webkit-transition: background-color var(--hover-transition);
  transition: background-color var(--hover-transition);
}
@media (any-hover: hover) {
  .input__inner:hover {
    background-color: #1f2a4f;
  }
}
.input__file-img {
  width: 2.25rem;
  height: 2.25rem;
  margin: 0 auto 0.75rem;
}
.input__file-img > svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  fill: var(--main-color-text-white);
}
.input__file-text {
  text-align: center;
  line-height: max(1.1875rem, 12px);
  color: var(--main-color-text-white);
}
.input__file-remove, .input__file-ico {
  width: 1.5rem;
  height: 1.5rem;
}
.input__file-remove > svg, .input__file-ico > svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.input__file-remove {
  margin-right: auto;
}
.input__file-remove > svg {
  fill: var(--main-color-text-m75);
  -webkit-transition: fill var(--hover-transition);
  transition: fill var(--hover-transition);
}
@media (any-hover: hover) {
  .input__file-remove:hover > svg {
    fill: var(--main-color-text-white);
  }
}
.input__file-ico {
  margin-left: 0.5rem;
}
.input__file-ico > svg {
  fill: var(--main-color-text-white);
}
.input__file-info > a {
  font-size: max(0.875rem, 12px);
  line-height: max(1.25rem, 12px);
  font-weight: 500;
  color: var(--main-color-text-white);
}
.input__file-info > a > span {
  display: block;
  font-size: 0.75rem;
  line-height: max(1.0625rem, 13px);
  color: var(--main-color-text-m75);
}
.input__file-doc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.53125rem 1rem;
  border: 0.0625rem solid var(--main-color-text-m75);
  border-radius: 0.25rem;
  background-color: rgba(255, 255, 255, 0.05);
}
.input__file-doc:not(:last-child) {
  margin-bottom: 0.625rem;
}
.input__result:has(.input__file-doc) {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 0.0625rem solid var(--main-color-text-m100);
}
.input__dropdown {
  display: none;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  bottom: 1px;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  background: #16234d;
  border: 0.0625rem solid #999DAB;
  border-top: 1px solid #6E7489;
  border-radius: 0 0 0.25rem 0.25rem;
  z-index: 3;
  max-height: 15.625rem;
  overflow-y: auto;
}
.input__dropdown li {
  padding: 0.625rem 1rem;
  margin-top: 0.375rem;
  cursor: pointer;
  -webkit-transition: background var(--hover-transition);
  transition: background var(--hover-transition);
  font-weight: 300;
}
@media (any-hover: hover) {
  .input__dropdown li:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.input__dropdown b {
  font-weight: 500;
}
.input:has(.input__dropdown).is-open input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.input.is-loading .input__wrapper::after {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../img/loader.gif");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 0.625rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.input.is-error .input__message::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml,%3Csvg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="mask0_774_3094" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="17"%3E%3Crect y="0.5" width="16" height="16" fill="%23D9D9D9" /%3E%3C/mask%3E%3Cg mask="url(%23mask0_774_3094)"%3E%3Cpath d="M8.00008 11.6538C8.15264 11.6538 8.28053 11.6022 8.38375 11.499C8.48697 11.3958 8.53858 11.2679 8.53858 11.1153C8.53858 10.9628 8.48697 10.8349 8.38375 10.7317C8.28053 10.6285 8.15264 10.577 8.00008 10.577C7.84753 10.577 7.71964 10.6285 7.61641 10.7317C7.51319 10.8349 7.46158 10.9628 7.46158 11.1153C7.46158 11.2679 7.51319 11.3958 7.61641 11.499C7.71964 11.6022 7.84753 11.6538 8.00008 11.6538ZM8.00025 9.21799C8.14203 9.21799 8.26075 9.17005 8.35641 9.07416C8.45219 8.97838 8.50008 8.85966 8.50008 8.71799V5.71799C8.50008 5.57632 8.45214 5.45755 8.35625 5.36166C8.26036 5.26588 8.14158 5.21799 7.99991 5.21799C7.85814 5.21799 7.73941 5.26588 7.64375 5.36166C7.54797 5.45755 7.50008 5.57632 7.50008 5.71799V8.71799C7.50008 8.85966 7.54803 8.97838 7.64391 9.07416C7.7398 9.17005 7.85858 9.21799 8.00025 9.21799ZM8.00125 14.8333C7.12525 14.8333 6.30186 14.6671 5.53108 14.3347C4.7603 14.0022 4.08986 13.551 3.51975 12.9812C2.94964 12.4113 2.49825 11.7411 2.16558 10.9707C1.83303 10.2002 1.66675 9.37705 1.66675 8.50116C1.66675 7.62516 1.83297 6.80177 2.16541 6.03099C2.49786 5.26021 2.94903 4.58977 3.51891 4.01966C4.0888 3.44955 4.75897 2.99816 5.52941 2.66549C6.29986 2.33293 7.12303 2.16666 7.99891 2.16666C8.87491 2.16666 9.6983 2.33288 10.4691 2.66532C11.2399 2.99777 11.9103 3.44893 12.4804 4.01882C13.0505 4.58871 13.5019 5.25888 13.8346 6.02932C14.1671 6.79977 14.3334 7.62293 14.3334 8.49882C14.3334 9.37482 14.1672 10.1982 13.8347 10.969C13.5023 11.7398 13.0511 12.4102 12.4812 12.9803C11.9114 13.5504 11.2412 14.0018 10.4707 14.3345C9.7003 14.667 8.87714 14.8333 8.00125 14.8333ZM8.00008 13.8333C9.48897 13.8333 10.7501 13.3167 11.7834 12.2833C12.8167 11.25 13.3334 9.98888 13.3334 8.49999C13.3334 7.0111 12.8167 5.74999 11.7834 4.71666C10.7501 3.68332 9.48897 3.16666 8.00008 3.16666C6.51119 3.16666 5.25008 3.68332 4.21675 4.71666C3.18341 5.74999 2.66675 7.0111 2.66675 8.49999C2.66675 9.98888 3.18341 11.25 4.21675 12.2833C5.25008 13.3167 6.51119 13.8333 8.00008 13.8333Z" fill="%23FB2424" /%3E%3C/g%3E%3C/svg%3E');
}
.input.input--fill .input__placeholder {
  top: -0.09375rem;
  padding: 0 0.25rem;
}
.input.input--fill .input__placeholder::before {
  background-color: var(--main-color-text-m400);
}
.input.input--fill .input__search-clear {
  opacity: 1;
  visibility: visible;
}
.input.input--medium input, .input.input--medium textarea, .input.input--medium .output_text {
  font-size: max(1rem, 12px);
  padding: 0.46875rem 1rem;
}
.input.input--medium .input__placeholder {
  font-size: max(1rem, 12px);
  line-height: max(1.5rem, 12px);
}
.input.input--big input, .input.input--big textarea, .input.input--big .output_text {
  font-size: max(1rem, 12px);
  padding: 0.71875rem 1rem;
}
.input.input--big .input__placeholder {
  font-size: max(1rem, 12px);
  line-height: max(1.5rem, 12px);
}
.input.input--search input, .input.input--search textarea, .input.input--search .output_text {
  padding-right: 2.375rem;
  padding-left: 2.375rem;
}
.input.input--search .input__placeholder {
  right: 2.375rem;
}
@media (max-width: 768px) {
  .input__file-img {
    width: 24px;
    height: 24px;
  }
  .input__file-text {
    font-size: 14px;
  }
}

[type=checkbox], [type=radio], [type=file] {
  display: none;
}

.section {
  padding: 5rem 0;
}
.section-bg {
  background-color: var(--background-main-background) !important;
}
.section-top {
  max-width: 62.625rem;
  text-align: center;
  margin: 0 auto 4rem;
}
.section-subtitle {
  font-size: max(1.625rem, 12px);
  line-height: max(1.75rem, 12px);
  letter-spacing: 0.01em;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, color-stop(19.95%, #76d6db), to(#0070ff));
  background: linear-gradient(90deg, #76d6db 19.95%, #0070ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.25rem;
}
.section-subtitle--bold {
  font-weight: 700;
}
.section-title:not(:last-child) {
  margin-bottom: 1.5rem;
}
.section-text {
  font-size: max(1.125rem, 14px);
  line-height: max(1.625rem, 12px);
}
.section-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -4px -0.5rem;
}
.section-filters > li {
  margin: 0 4px 0.5rem;
}
.section-filters > li > label {
  position: relative;
  overflow: hidden;
  display: block;
  padding: 0.34375rem 1rem;
  border: 0.0625rem solid var(--main-color-text-m100);
  border-radius: 3.125rem;
  line-height: max(1.25rem, 12px);
  color: var(--main-color-text-m50);
  -webkit-transition: background-color var(--hover-transition);
  transition: background-color var(--hover-transition);
}
.section-filters > li > label:has(input:checked) {
  border-color: var(--main-color-text-white);
  background-color: rgba(255, 255, 255, 0.1);
}
@media (any-hover: hover) {
  .section-filters > li > label:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.section-card {
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-transition: all var(--hover-transition);
  transition: all var(--hover-transition);
}
@media (any-hover: hover) {
  .section-card:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.section-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: var(--digital-active-color-s300);
}
.section-ico--yellow {
  background-color: #C39D17;
}
.section-ico--purple {
  background-color: #9a46cd;
}
.section-ico--green {
  background-color: #5eabaf;
}
.section-ico--light {
  background-color: #86a4d3;
}
.section-ico--coral {
  background-color: #e56767;
}
.section-ico > svg, .section-ico > img {
  width: 1.25rem;
  height: 1.25rem;
  -o-object-fit: contain;
  object-fit: contain;
  fill: var(--main-color-text-white);
}
.section-button {
  margin: 2rem auto 0 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  padding: 0.90625rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: max(1.1875rem, 12px);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--main-color-text-white);
  -webkit-transition: color var(--hover-transition);
  transition: color var(--hover-transition);
}
.section-button > svg {
  width: 1rem;
  height: 1rem;
  -o-object-fit: contain;
  object-fit: contain;
  fill: var(--main-color-text-white);
  margin-right: 0.5rem;
  -webkit-transition: fill var(--hover-transition);
  transition: fill var(--hover-transition);
}
@media (any-hover: hover) {
  .section-button:hover {
    color: var(--digital-active-color-s75);
  }
  .section-button:hover > svg {
    fill: var(--digital-active-color-s100);
  }
}
.section-el {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.section-el > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.section-search {
  max-width: 15.625rem;
  margin-right: auto;
}
.section-search .input input, .section-search .input textarea, .section-search .input .output_text {
  background-color: #16234d;
  border: 0.0625rem solid #999DAB;
}
.section-search .input__search-button > svg, .section-search .input__search-clear > svg {
  fill: #fff;
}
.section-search .input__dropdown li:not(.is-visible) {
  display: none;
}
.section:has(.breadcrumbs) .section-search {
  margin-bottom: -2.5625rem;
}
@media (max-width: 768px) {
  .section {
    padding: 0 0 10px;
  }
  .section-offset {
    padding: 46px 0;
  }
  .section-offset .title-2 {
    font-size: 24px;
    line-height: 28px;
  }
  .section-top {
    margin-bottom: 32px;
  }
  .section-subtitle {
    font-size: 20px;
    letter-spacing: 0.02em;
  }
  .section-title:not(:last-child) {
    margin-bottom: 16px;
  }
  .section-text {
    font-size: 16px;
    line-height: 23px;
  }
  .section-ico {
    width: 20px;
    height: 20px;
  }
  .section-ico > svg, .section-ico > img {
    width: 16px;
    height: 16px;
  }
  .section-button {
    margin-top: 16px;
  }
  .section-search {
    max-width: 100%;
  }
  .section-search::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
    transition: opacity var(--hover-transition), visibility var(--hover-transition);
  }
  .section-search .input {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
    transition: opacity var(--hover-transition), visibility var(--hover-transition);
    z-index: 101;
  }
  .section-search .input input {
    background-color: #16234d !important;
  }
  .section-search > .input__search-button {
    position: static;
    margin-right: auto;
    display: block;
    margin-bottom: -16px;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }
  .section-search > .input__search-button svg {
    fill: #999DAB;
  }
  .section-search.overlay-open::before {
    opacity: 0.6;
    visibility: visible;
  }
  .section-search.overlay-open .input {
    opacity: 1;
    visibility: visible;
  }
}

.page__body {
  overflow-x: hidden;
}

.scroll-block {
  max-height: 100vh;
  overflow-y: auto;
  direction: ltr;
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  padding-right: 1.5rem;
  margin-right: -1.5rem;
  scrollbar-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.1);
  scrollbar-width: thin;
}
.scroll-block::-webkit-scrollbar {
  width: 0.5rem;
}
.scroll-block::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0.25rem;
}
.scroll-block::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0.25rem;
}

@media (max-width: 768px) {
  .scroll-transparent {
    padding: 1px;
    margin: -1px;
    width: 100%;
    overflow-x: auto;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
  }
  .scroll-transparent::-webkit-scrollbar {
    width: 3px;
  }
  .scroll-transparent::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 0;
  }
  .scroll-transparent::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0;
  }
}

.fancybox__slide {
  padding: 16px;
}
.fancybox__backdrop {
  background: rgba(1, 5, 16, 0.75);
}
@media (max-width: 768px) {
  .fancybox__slide {
    padding-top: 80px !important;
  }
  .fancybox__slide:has(.popup-filters), .fancybox__slide:has(.news__tab-wrapper), .fancybox__slide:has(.popup-mobile) {
    padding: unset;
  }
  .fancybox__slide:has(.popup-filters)::after, .fancybox__slide:has(.news__tab-wrapper)::after, .fancybox__slide:has(.popup-mobile)::after {
    content: none;
  }
  .fancybox__content {
    -ms-flex-negative: unset !important;
    flex-shrink: unset !important;
    overflow-y: auto;
    width: 100%;
  }
}

.f-button.is-close-btn {
  display: none;
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  opacity: 0;
  visibility: hidden;
  background-color: var(--background-secondary-background);
  -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
  transition: opacity var(--hover-transition), visibility var(--hover-transition);
}
.menu.is-open {
  opacity: 1;
  visibility: visible;
}
.menu.is-open .menu__inner {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.menu__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1rem;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  overflow-y: auto;
  height: 100%;
  -webkit-transition: -webkit-transform var(--hover-transition);
  transition: -webkit-transform var(--hover-transition);
  transition: transform var(--hover-transition);
  transition: transform var(--hover-transition), -webkit-transform var(--hover-transition);
}
.menu__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}
.menu__avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-left: 12px;
  background-color: var(--secondary-color-turquoise);
}
.menu__avatar > span {
  font-family: var(--font-heebo);
  font-size: 18px;
  line-height: 13px;
  font-weight: 500;
  color: #282828;
}
.menu__avatar > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.menu__name {
  font-size: 20px;
  line-height: 23px;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.menu__close {
  margin-right: auto;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  width: 24px;
  height: 24px;
}
.menu__close > svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  fill: var(--main-color-text-white);
}
.menu__nav {
  margin-bottom: 24px;
}
.menu__nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10.5px 16px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  letter-spacing: 0.02em;
  border-radius: 4px;
  color: var(--main-color-text-white);
  -webkit-transition: background-color var(--hover-transition);
  transition: background-color var(--hover-transition);
}
.menu__nav > ul > li {
  position: relative;
}
.menu__nav > ul > li > button {
  position: absolute;
  top: 0;
  left: 3px;
  display: block;
  width: 80px;
  height: 40px;
  z-index: 2;
}
.menu__nav > ul > li > a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.menu__nav > ul > li > a > svg {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
  object-fit: contain;
  fill: var(--main-color-text-white);
  -webkit-transition: -webkit-transform var(--hover-transition);
  transition: -webkit-transform var(--hover-transition);
  transition: transform var(--hover-transition);
  transition: transform var(--hover-transition), -webkit-transform var(--hover-transition);
}
.menu__nav > ul > li.is-active > a {
  background-color: rgba(255, 255, 255, 0.15);
}
.menu__nav > ul > li.is-open > a {
  background-color: rgba(255, 255, 255, 0.15);
}
.menu__nav > ul > li.is-open > a > svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.menu__nav > ul > li:not(:last-child) {
  margin-bottom: 6px;
}
.menu__nav > ul > li.has-child > ul {
  display: none;
  padding-right: 16px;
}
.menu__nav > ul > li.has-child > ul > li:not(:last-child) {
  margin-bottom: 4px;
}
.menu__buttons {
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid var(--main-color-text-m100);
}
.menu__buttons > *:not(:last-child) {
  margin-bottom: 12px;
}

.popup-contact {
  border: 0.0625rem solid var(--main-color-text-m200);
  border-radius: 0.5rem;
  padding: 2rem;
  width: 34rem;
  background-color: var(--background-main-background);
}
.popup-contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.05);
  z-index: -1;
}
.popup-contact__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 2rem;
}
.popup-contact__close {
  width: 1.5rem;
  height: 1.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 1.25rem;
}
.popup-contact__close > svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  fill: var(--main-color-text-white);
  -webkit-transition: fill var(--hover-transition);
  transition: fill var(--hover-transition);
}
@media (any-hover: hover) {
  .popup-contact__close:hover > svg {
    fill: var(--main-color-text-m75);
  }
}
.popup-contact__title {
  font-size: max(1.375rem, 12px);
  line-height: max(1.25rem, 12px);
  font-weight: 500;
  color: var(--main-color-text-white);
  margin-bottom: 0.75rem;
}
.popup-contact__text {
  color: var(--main-color-text-m75);
}
.popup-filters__row {
  display: none;
}
@media (max-width: 768px) {
  .popup-contact {
    padding: 16px;
  }
  .popup-contact__top {
    margin-bottom: 24px;
  }
  .popup-contact__close {
    width: 20px;
    height: 20px;
  }
  .popup-contact__title {
    font-size: 20px;
    line-height: 18px;
  }
  .popup-contact__text {
    font-size: 14px;
  }
  .popup-filters {
    display: none;
    width: 100%;
    padding: 24px 16px !important;
    border-radius: 8px 8px 0 0;
    background-color: rgb(20, 31, 71);
  }
  .popup-filters__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
  }
  .popup-filters__name {
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    margin-left: 20px;
    color: var(--main-color-text-white);
  }
  .popup-filters__button {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: auto;
  }
  .popup-filters__button > svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    fill: var(--main-color-text-white);
  }
  .popup-filters__close {
    position: absolute;
    top: 24px;
    left: 16px;
    width: 24px;
    height: 24px;
  }
  .popup-filters__close > svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    fill: var(--main-color-text-white);
  }
}

.form__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 2rem;
}
.form__button button[type=submit].is-loading::after {
  content: "";
  display: block;
  margin-right: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../img/loader.gif");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.form__button:nth-child(2) {
  min-width: 5.9375rem;
}
.form__button:nth-child(2) .btn {
  width: 100%;
}
@media (max-width: 768px) {
  .form__buttons {
    margin-top: 24px;
  }
}

.notifications-messages {
  position: fixed;
  left: 14.6%;
  bottom: 2.8125rem;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  max-width: 25.625rem;
  width: 100%;
}
.notifications-message {
  padding: 1rem;
  border: 0.0625rem solid #00e332;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 15px 0 rgba(66, 66, 66, 0.15);
  box-shadow: 0 0 15px 0 rgba(66, 66, 66, 0.15);
  background-color: #1b3220;
  width: 100%;
  -webkit-transition: margin-bottom var(--hover-transition), opacity var(--hover-transition);
  transition: margin-bottom var(--hover-transition), opacity var(--hover-transition);
  opacity: 0;
}
.notifications-message.is-visible {
  opacity: 1;
  margin-bottom: 0 !important;
}
.notifications-message__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.375rem;
}
.notifications-message__close {
  width: 1rem;
  height: 1rem;
  margin-right: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.notifications-message__close > svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  fill: var(--main-color-text-m100);
  -webkit-transition: fill var(--hover-transition);
  transition: fill var(--hover-transition);
}
@media (any-hover: hover) {
  .notifications-message__close:hover > svg {
    fill: var(--main-color-text-white);
  }
}
.notifications-message__title {
  font-size: max(1.25rem, 12px);
  line-height: max(1.25rem, 12px);
  font-weight: 500;
  color: var(--main-color-text-white);
  margin: 0 0.375rem;
}
.notifications-message__ico {
  width: 1.5rem;
  height: 1.5rem;
}
.notifications-message__ico > svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  fill: #00E332;
}
.notifications-message__text {
  padding: 0 1.875rem;
  line-height: max(1.375rem, 12px);
  color: var(--main-color-text-m75);
}
@media (max-width: 768px) {
  .notifications-messages {
    left: 16px;
    right: 16px;
    bottom: 16px;
    width: calc(100% - 32px);
    max-width: unset;
  }
}

.fixed-button {
  position: fixed;
  left: 4rem;
  bottom: 1.75rem;
  z-index: 50;
  width: 3.5rem;
  height: 3.5rem;
  border: 0.0625rem solid #dedede;
  border-radius: 50%;
  background-color: var(--main-color-text-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: -webkit-box-shadow var(--hover-transition);
  transition: -webkit-box-shadow var(--hover-transition);
  transition: box-shadow var(--hover-transition);
  transition: box-shadow var(--hover-transition), -webkit-box-shadow var(--hover-transition);
}
.fixed-button > span {
  font-size: max(1.625rem, 12px);
  line-height: max(1.9375rem, 12px);
  font-weight: 500;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  color: var(--main-color-text-white);
  background: -webkit-gradient(linear, left top, right top, color-stop(19.95%, #76d6db), to(#0070ff));
  background: linear-gradient(90deg, #76d6db 19.95%, #0070ff 100%);
}
@media (any-hover: hover) {
  .fixed-button:hover {
    -webkit-box-shadow: -2px 4px 16px 0 rgba(255, 255, 255, 0.4);
    box-shadow: -2px 4px 16px 0 rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 768px) {
  .fixed-button {
    left: 8px;
    bottom: 16px;
    width: 40px;
    height: 40px;
  }
  .fixed-button > span {
    font-size: 16px;
    line-height: 19px;
    width: 36px;
    height: 36px;
  }
}

.button-mobile {
  display: block;
  width: 24px;
  height: 24px;
}
.button-mobile > svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  fill: var(--main-color-text-white);
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}
.breadcrumbs > li {
  position: relative;
  font-size: max(1.125rem, 14px);
  line-height: max(1.75rem, 12px);
  color: var(--main-color-text-m50);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.breadcrumbs > li > a {
  color: var(--main-color-text-m75);
  -webkit-transition: color var(--hover-transition);
  transition: color var(--hover-transition);
}
@media (any-hover: hover) {
  .breadcrumbs > li > a:hover {
    color: var(--main-color-text-white);
  }
}
.breadcrumbs > li:not(:last-child) {
  margin-left: 0.5rem;
  padding-left: 2rem;
}
.breadcrumbs > li:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M15.5312 18.9693C15.6009 19.039 15.6562 19.1217 15.6939 19.2128C15.7316 19.3038 15.751 19.4014 15.751 19.4999C15.751 19.5985 15.7316 19.6961 15.6939 19.7871C15.6562 19.8781 15.6009 19.9609 15.5312 20.0306C15.4615 20.1002 15.3788 20.1555 15.2878 20.1932C15.1967 20.2309 15.0991 20.2503 15.0006 20.2503C14.902 20.2503 14.8045 20.2309 14.7134 20.1932C14.6224 20.1555 14.5396 20.1002 14.47 20.0306L6.96996 12.5306C6.90023 12.4609 6.84491 12.3782 6.80717 12.2871C6.76943 12.1961 6.75 12.0985 6.75 11.9999C6.75 11.9014 6.76943 11.8038 6.80717 11.7127C6.84491 11.6217 6.90023 11.539 6.96996 11.4693L14.47 3.9693C14.6107 3.82857 14.8016 3.74951 15.0006 3.74951C15.1996 3.74951 15.3905 3.82857 15.5312 3.9693C15.6719 4.11003 15.751 4.30091 15.751 4.49993C15.751 4.69895 15.6719 4.88982 15.5312 5.03055L8.5609 11.9999L15.5312 18.9693Z" fill="%23999DAB" /%3E%3C/svg%3E');
}
@media (max-width: 768px) {
  .breadcrumbs {
    margin-bottom: 32px;
  }
  .breadcrumbs > li {
    font-size: 16px;
    line-height: 20px;
  }
  .breadcrumbs > li:not(:last-child) {
    padding-left: 24px;
  }
  .breadcrumbs > li:not(:last-child)::before {
    width: 16px;
    height: 16px;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 0.0625rem solid var(--main-color-text-m200);
}
.pagination__button {
  width: 1rem;
  height: 1rem;
}
.pagination__button > svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  fill: var(--main-color-text-m75);
  -webkit-transition: fill var(--hover-transition);
  transition: fill var(--hover-transition);
}
@media (any-hover: hover) {
  .pagination__button:hover > svg {
    fill: var(--main-color-text-white);
  }
}
.pagination__numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 1.0625rem;
}
.pagination__item > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  line-height: max(1.1875rem, 12px);
  letter-spacing: 0.01em;
  border-radius: 0.25rem;
  color: var(--main-color-text-white);
  -webkit-transition: background-color var(--hover-transition);
  transition: background-color var(--hover-transition);
}
.pagination__item > *.current {
  background-color: rgba(255, 255, 255, 0.15);
}
@media (max-width: 768px) {
  .pagination {
    margin-top: 16px;
  }
}

.swiper-buttons {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.swiper-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 50%;
  background-color: var(--main-color-text-m200);
  -webkit-transition: background-color var(--hover-transition);
  transition: background-color var(--hover-transition);
  pointer-events: auto;
}
.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
  transition: opacity var(--hover-transition), visibility var(--hover-transition);
}
.swiper-button > svg {
  width: 1.5rem;
  height: 1.5rem;
  -o-object-fit: contain;
  object-fit: contain;
  fill: var(--main-color-text-white);
  -webkit-transition: fill var(--hover-transition);
  transition: fill var(--hover-transition);
}
@media (any-hover: hover) {
  .swiper-button:hover > svg {
    fill: var(--digital-active-color-s200);
  }
}
@media (max-width: 768px) {
  .swiper-buttons--static {
    position: static;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    margin: 25px auto 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .swiper-buttons--static .swiper-button {
    width: 32px;
    height: 32px;
  }
  .swiper-buttons--static .swiper-button > svg {
    width: 20px;
    height: 20px;
  }
  .swiper-buttons--static .swiper-button-disabled {
    opacity: 0.5;
    visibility: visible;
    cursor: not-allowed;
    pointer-events: none;
  }
  .swiper-buttons--static .swiper-button:not(:last-child) {
    margin-left: 10px;
  }
  .swiper-button {
    width: 24px;
    height: 24px;
  }
  .swiper-button > svg {
    width: 16px;
    height: 16px;
  }
}

.main {
  min-height: calc(100vh - 12.8125rem);
}
@media (max-width: 768px) {
  .main {
    min-height: calc(100vh - 175px);
  }
}

.posts_not_found {
  font-size: max(1.5rem, 12px);
  line-height: max(1.75rem, 12px);
  text-align: end;
}
@media (max-width: 768px) {
  .posts_not_found {
    font-size: 16px;
    line-height: 24px;
    margin-right: auto;
  }
}

.js-load-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3.125rem auto 0;
}
@media (max-width: 768px) {
  .js-load-more {
    margin-top: 25px;
  }
}

.lg-outer {
  direction: ltr;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: var(--digital-active-color-s300) !important;
}

@media (max-width: 768px) {
  .search-button {
    position: absolute;
    top: 4px;
    left: 16px;
    width: 16px;
    height: 16px;
  }
  .search-button > svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    fill: var(--main-color-text-m75);
  }
}
/*# sourceMappingURL=common.css.map */
/*# sourceMappingURL=common.css.map */