.container {
  padding: 0 15px;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 576px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
/* Fonts */
/* Colors */
/* Border-radius */
:root {
  /* Margins */
  --margin-70: 70px;
  --margin-60: 60px;
  --margin-40: 40px;
  --margin-38: 38px;
  --margin-30: 30px;
  --margin-26: 26px;
  --margin-20: 20px;
  --margin-17: 17px;
  --margin-10: 10px;
  --margin-8: 8px;
  /* Paddings */
  --padding-banner: 58px 0 50px 0;
  --padding-cookies: 34px 30px;
  --padding-button: 16px 20px;
  --padding-input: 16px 20px 18px;
  --padding-subtitle: 8px 20px;
  --padding-callback: 8px 30px;
  --padding-search: 4px 20px;
  --padding-120: 120px;
  --padding-60: 60px;
  --padding-50: 50px;
  --padding-40: 40px;
  --padding-32: 32px;
  --padding-30: 30px;
  --padding-20: 20px;
  --padding-17: 17px;
  --padding-15: 15px;
  --padding-10: 10px;
  /* Gaps */
  --gap-40: 40px;
  --gap-30: 30px;
  --gap-20: 20px;
  --gap-10: 10px;
  /* Fonts */
  --font-60: 60px;
  --font-40: 40px;
  --font-32: 32px;
  --font-20: 20px;
  --font-18: 18px;
  --font-16: 16px;
  --font-14: 14px;
  --font-12: 12px;
  /* 1199px */
  /* 991px */
  /* 767px */
  /* 575px */
}
@media screen and (max-width: 1199px) {
  :root {
    /* Margins */
    --margin-70: 50px;
    --margin-60: 45px;
    --margin-40: 35px;
    --margin-38: 30px;
    --margin-30: 25px;
    --margin-26: 22px;
    --margin-20: 18px;
    --margin-17: 15px;
    --margin-10: 9px;
    --margin-8: 7px;
    /* Paddings */
    --padding-banner: 45px 0 40px 0;
    --padding-cookies: 28px 25px;
    --padding-button: 14px 18px;
    --padding-input: 14px 18px 16px;
    --padding-subtitle: 7px 18px;
    --padding-callback: 7px 25px;
    --padding-search: 4px 18px;
    --padding-120: 90px;
    --padding-60: 50px;
    --padding-50: 40px;
    --padding-40: 35px;
    --padding-32: 28px;
    --padding-30: 25px;
    --padding-20: 18px;
    --padding-17: 15px;
    --padding-15: 13px;
    --padding-10: 9px;
    /* Gaps */
    --gap-40: 35px;
    --gap-30: 18px;
    --gap-20: 18px;
    --gap-10: 9px;
    /* Fonts */
    --font-60: 50px;
    --font-40: 34px;
    --font-32: 28px;
    --font-20: 18px;
    --font-18: 16px;
    --font-16: 14px;
    --font-14: 13px;
  }
}
@media screen and (max-width: 991px) {
  :root {
    /* Margins */
    --margin-70: 40px;
    --margin-60: 35px;
    --margin-40: 30px;
    --margin-38: 25px;
    --margin-30: 22px;
    --margin-26: 20px;
    --margin-20: 16px;
    --margin-17: 14px;
    --margin-10: 8px;
    --margin-8: 6px;
    /* Paddings */
    --padding-banner: 35px 0 30px 0;
    --padding-cookies: 24px 22px;
    --padding-button: 8px 10px;
    --padding-input: 12px 16px 14px;
    --padding-subtitle: 6px 16px;
    --padding-callback: 6px 22px;
    --padding-search: 4px 16px;
    --padding-120: 70px;
    --padding-60: 40px;
    --padding-50: 38px;
    --padding-40: 30px;
    --padding-32: 25px;
    --padding-30: 22px;
    --padding-20: 16px;
    --padding-17: 14px;
    --padding-15: 12px;
    --padding-10: 8px;
    /* Gaps */
    --gap-40: 30px;
    --gap-30: 18px;
    --gap-20: 16px;
    --gap-10: 8px;
    /* Fonts  */
    --font-60: 38px;
    --font-40: 30px;
    --font-32: 24px;
    --font-20: 16px;
    --font-18: 15px;
    --font-16: 14px;
    --font-14: 12px;
  }
}
@media screen and (max-width: 767px) {
  :root {
    /* Margins */
    --margin-70: 30px;
    --margin-60: 34px;
    --margin-40: 24px;
    --margin-38: 20px;
    --margin-30: 18px;
    --margin-26: 16px;
    --margin-20: 14px;
    --margin-17: 12px;
    --margin-10: 7px;
    --margin-8: 5px;
    /* Paddings */
    --padding-banner: 28px 0 25px 0;
    --padding-cookies: 20px 18px;
    --padding-button: 9px 10px;
    --padding-input: 10px 14px 12px;
    --padding-subtitle: 5px 14px;
    --padding-callback: 5px 20px;
    --padding-search: 3px 14px;
    --padding-120: 50px;
    --padding-60: 30px;
    --padding-40: 25px;
    --padding-32: 22px;
    --padding-30: 18px;
    --padding-20: 14px;
    --padding-17: 12px;
    --padding-15: 10px;
    --padding-10: 7px;
    /* Gaps */
    --gap-40: 25px;
    --gap-30: 16px;
    --gap-20: 14px;
    --gap-10: 7px;
    /* Fonts */
    --font-60: 32px;
    --font-40: 26px;
    --font-32: 22px;
    --font-20: 15px;
    --font-18: 14px;
    --font-16: 14px;
  }
}
@media screen and (max-width: 575px) {
  :root {
    /* Margins */
    --margin-70: 25px;
    --margin-40: 20px;
    --margin-38: 18px;
    --margin-30: 16px;
    --margin-26: 14px;
    --margin-20: 12px;
    --margin-17: 10px;
    --margin-10: 6px;
    --margin-8: 5px;
    /* Paddings */
    --padding-banner: 25px 0 20px 0;
    --padding-cookies: 18px 15px;
    --padding-button: 6px 8px;
    --padding-input: 10px 12px 12px;
    --padding-subtitle: 5px 12px;
    --padding-callback: 5px 18px;
    --padding-search: 3px 12px;
    --padding-120: 40px;
    --padding-60: 25px;
    --padding-40: 20px;
    --padding-32: 18px;
    --padding-30: 16px;
    --padding-20: 12px;
    --padding-17: 10px;
    --padding-15: 8px;
    --padding-10: 6px;
    /* Gaps */
    --gap-40: 20px;
    --gap-30: 14px;
    --gap-20: 12px;
    --gap-10: 6px;
    /* Fonts */
    --font-60: 28px;
    --font-40: 24px;
    --font-32: 20px;
    --font-20: 14px;
    --font-16: 13px;
  }
}
p:last-child {
  margin-bottom: 0 !important;
}
body {
  padding-top: 0 !important;
  font-family: "Inter", sans-serif;
  font-size: var(--font-16);
  color: #475569;
}
#page {
  overflow: hidden;
}
.toolbar-fixed #page {
  margin-top: var(--drupal-displace-offset-top);
}
@media screen and (max-width: 991px) {
  #page {
    padding-top: 55px;
  }
}
.ajax-progress-throbber .throbber {
  padding: 0;
  margin: 0;
  display: none;
}
.ajax-progress-throbber {
  display: none;
}
.clearfix::after {
  display: none !important;
}
.row {
  margin: 0;
}
#header .search-form__submit {
  display: none;
}
#header .nav {
  justify-content: flex-end;
}
#header-mob {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(100, 130, 150, 0.1);
}
#offcanvasNav {
  width: 400px;
  background-color: #ffffff;
}
@media screen and (max-width: 575px) {
  #offcanvasNav {
    width: 100%;
  }
}
#offcanvasNav .offcanvas-body {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-20);
}
#offcanvasNav .header__contacts {
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--gap-10);
}
#offcanvasNav .nav {
  flex-direction: column;
  row-gap: var(--gap-10);
}
#offcanvasNav form {
  display: flex;
  column-gap: var(--gap-10);
}
#offcanvasNav .form-type-search {
  width: 240px;
}
#offcanvasNav .form-search.form-control {
  padding: var(--padding-button);
  border-radius: 16px;
}
#offcanvasNav .search-form__submit {
  width: 110px;
  min-width: auto;
}
#offcanvasNav .form-search.form-control,
#offcanvasNav .search-form__submit {
  height: 100%;
}
#offcanvasNav .nav .dropdown-menu {
  border: none;
}
#offcanvasNav .nav .dropdown-menu .nav-item {
  margin-bottom: var(--margin-8);
  padding-left: var(--padding-10);
}
#offcanvasNav .nav .dropdown-menu .nav-item:last-child {
  margin-bottom: 0;
}
#offcanvasNav .nav .dropdown-item {
  padding: 0;
}
.header__top,
.header__bottom {
  border-bottom: 1px solid rgba(100, 130, 150, 0.2);
}
.header__top {
  padding: var(--padding-10) 0;
  background-color: #f4f7f9;
}
.header__container {
  align-items: center;
}
.header__contacts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: var(--gap-30);
  list-style: none;
}
.header__contact {
  line-height: 188%;
  font-weight: 300;
}
.header__link {
  font-size: var(--font-16);
  font-weight: 700;
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: text-decoration 0.2s ease;
}
.header__link:hover,
.header__link:focus {
  color: #1e293b;
  text-decoration: underline;
}
.header__link:active {
  color: #475569;
}
.header__pin {
  width: 13px;
  height: 19px;
  margin-right: var(--margin-10);
}
.header__search {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-right: 0;
}
.header__search form {
  display: flex;
}
.header__search .form-search {
  width: 270px;
  padding: var(--padding-search);
  border-radius: 16px;
  box-shadow: inset 0 1px 4px 0 rgba(12, 12, 13, 0.05);
  transition: border-color 0.2s ease;
}
.header__search .form-search:hover,
.header__search .form-search:focus {
  border-color: #1e293b;
}
.header__search .form-search:active {
  border-color: #0d1219;
}
@media screen and (max-width: 1199px) {
  .header__search .form-search {
    width: 250px;
  }
}
.header__search input[type="text"]::-webkit-search-cancel-button,
.header__search input[type="text"]::-webkit-clear-button,
.header__search input[type="search"]::-webkit-search-cancel-button,
.header__search input[type="search"]::-webkit-clear-button {
  margin-right: 40px;
}
.header__search-button {
  position: absolute;
  top: calc(50% - 8px);
  right: 10px;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
}
.header__search-button svg {
  min-width: 16px;
}
.header__search-button:hover svg path {
  stroke: #1e293b;
}
.header__bottom {
  padding: var(--padding-17) 0;
  background-color: #ffffff;
}
.header__logo {
  padding-left: 0;
}
@media screen and (max-width: 1199px) {
  .header__logo {
    max-width: 120px;
  }
}
.header__nav {
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.nav {
  gap: var(--gap-30);
}
.nav-link {
  padding: 0;
  font-size: var(--font-14);
  font-weight: 500;
  line-height: 200%;
  text-transform: uppercase;
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: text-decoration 0.2s ease;
}
.nav-link:hover,
.nav-link:focus {
  color: #1e293b;
  text-decoration: underline;
}
.nav-link:active {
  color: #475569;
}
.banner {
  padding: var(--padding-banner);
  background: linear-gradient(180deg, #f4f7f9 0%, #ffffff 100%);
}
.banner__left {
  margin: auto 0 var(--margin-40) 0;
}
.banner__bottom {
  display: flex;
  column-gap: var(--gap-10);
}
@media screen and (max-width: 575px) {
  .banner__bottom {
    flex-direction: column;
    row-gap: var(--gap-10);
  }
}
.banner__right {
  position: relative;
}
@media screen and (max-width: 991px) {
  .banner__right {
    order: 1;
  }
}
.banner__right-bottom {
  width: max-content;
  position: absolute;
  z-index: 2;
  bottom: -20px;
  left: -10px;
  display: grid;
  grid-template-columns: 50px auto;
  grid-template-rows: 30px 30px;
  column-gap: var(--gap-20);
  align-items: center;
  padding: var(--padding-20);
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 20px 40px -5px rgba(100, 130, 150, 0.15);
}
@media screen and (max-width: 1199px) {
  .banner__right-bottom {
    grid-template-rows: 25px 25px;
  }
}
@media screen and (max-width: 767px) {
  .banner__right-bottom {
    box-shadow: 0 10px 20px -5px rgba(100, 130, 150, 0.15);
  }
}
.banner__statistics-list {
  row-gap: var(--gap-30);
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .banner__statistics-list {
    flex-direction: column;
    align-items: center;
  }
}
.banner__statistics-item {
  padding: var(--padding-32);
  border: 1px solid rgba(100, 130, 150, 0.2);
  border-left: none;
  background-color: #ffffff;
  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 768px) {
  .banner__statistics-item:nth-child(3n + 1) {
    border-left: 1px solid rgba(100, 130, 150, 0.2);
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
  }
}
@media screen and (min-width: 768px) {
  .banner__statistics-item:nth-child(3n) {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
  }
}
.banner__statistics-item:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
@media screen and (max-width: 767px) {
  .banner__statistics-item {
    border: 1px solid rgba(100, 130, 150, 0.2);
    border-radius: 16px;
  }
}
.banner__statistics-item .field--name-node-title {
  margin-bottom: var(--margin-10);
  font-family: "Playfair Display", sans-serif;
  font-size: var(--font-32);
  line-height: 100%;
  font-weight: 700;
  letter-spacing: -0.05em;
  color: #1e293b;
  text-align: center;
}
.banner__statistics-item .field--name-body {
  font-size: var(--font-12);
  line-height: 233%;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}
.node--type-banner {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--margin-60);
}
.node--type-banner .field--name-field-region {
  width: max-content;
  margin-bottom: var(--margin-40);
  padding: var(--padding-subtitle);
  font-size: var(--font-12);
  line-height: 233%;
  font-weight: 500;
  color: #648296;
  text-transform: uppercase;
  border: 1px solid rgba(100, 130, 150, 0.2);
  border-radius: 16px;
  background-color: rgba(100, 130, 150, 0.1);
}
.node--type-banner .field--name-node-title h1 {
  margin-bottom: var(--margin-40);
  font-family: "Playfair Display", sans-serif;
  font-size: var(--font-60);
  line-height: 100%;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #1e293b;
}
.node--type-banner .field--name-body {
  margin-bottom: var(--margin-40);
  padding-right: var(--padding-50);
  font-size: var(--font-20);
  line-height: 150%;
  font-weight: 300;
}
@media screen and (max-width: 1199px) {
  .node--type-banner .field--name-body {
    padding-right: 0;
  }
}
.node--type-banner .field--name-body strong {
  font-weight: 700;
}
.node--type-banner .field--name-body p {
  margin: 0;
}
.node--type-banner .field--name-field-banner-image {
  position: relative;
  padding-left: var(--padding-15);
}
@media screen and (max-width: 767px) {
  .node--type-banner .field--name-field-banner-image {
    max-width: calc(100% - 24px);
  }
}
.node--type-banner .field--name-field-banner-image::after {
  position: absolute;
  content: '';
  bottom: -14px;
  left: 12px;
  width: 98%;
  height: 100%;
  background-color: #dee7ed;
  border-radius: 16px;
  transform: rotate(4deg);
}
@media screen and (max-width: 991px) {
  .node--type-banner .field--name-field-banner-image::after {
    height: 95%;
    bottom: 5px;
  }
}
.node--type-banner .field--name-field-banner-image img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
  z-index: 2;
  border-radius: 16px;
}
.node--type-banner .field--name-field-additional-image {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: 1 / 2;
  grid-row: 1 / -1;
  padding: 5px 0;
  border-radius: 14px;
  background-color: rgba(100, 130, 150, 0.1);
}
@media screen and (max-width: 991px) {
  .node--type-banner .field--name-field-additional-image {
    width: 40px;
    height: 40px;
  }
}
.node--type-banner .field--name-field-additional-image img {
  width: 28px;
  height: auto;
}
.node--type-banner .field--name-field-additional-title {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  font-size: var(--font-18);
  line-height: 167%;
  font-weight: 700;
  color: #1e293b;
}
.node--type-banner .field--name-field-additional-text {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  font-size: var(--font-14);
  line-height: 214%;
  font-weight: 300;
}
.special {
  font-style: italic;
  font-weight: 500;
  color: #648296;
}
.btn {
  font-size: var(--font-14);
  line-height: 200%;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 16px;
}
.btn__banner {
  width: 272px;
  padding: var(--padding-button);
  color: #475569;
  background-color: transparent;
  transition: color 0.2s ease;
  transition: background-color 0.2s ease;
  border: 1px solid rgba(100, 130, 150, 0.1);
}
.btn__banner:hover,
.btn__banner:focus {
  color: #ffffff;
  background-color: #1e293b;
}
.btn__banner:active {
  color: #e6e6e6;
  background-color: #0d1219;
}
.btn__banner:focus-visible {
  background-color: #1e293b;
}
.btn__banner:hover {
  border-color: rgba(100, 130, 150, 0.1);
}
.btn__banner--consultation {
  width: 288px;
  border: 1px solid #648296;
  color: #ffffff;
  background-color: #648296;
  transition: color 0.2s ease;
  transition: background-color 0.2s ease;
}
.btn__banner--consultation:hover,
.btn__banner--consultation:focus {
  color: #1e293b;
  background-color: #dee7ed;
}
.btn__banner--consultation:active {
  color: #0d1219;
  background-color: #bdcfdb;
}
.btn__banner--consultation:focus-visible {
  background-color: #dee7ed;
}
.btn__banner--consultation:hover,
.btn__banner--consultation:focus {
  border-color: #648296;
}
@media screen and (max-width: 1199px) {
  .btn__banner {
    width: 230px;
  }
}
@media screen and (max-width: 991px) {
  .btn__banner {
    width: 200px;
  }
}
@media screen and (max-width: 575px) {
  .btn__banner {
    width: 100%;
  }
}
.btn__callback {
  min-width: 160px;
  padding: var(--padding-callback);
  color: #1e293b;
  background-color: #ffffff;
  transition: color 0.2s ease;
  transition: background-color 0.2s ease;
  box-shadow: 0 20px 40px -5px rgba(100, 130, 150, 0.15);
}
.btn__callback:hover,
.btn__callback:focus {
  color: #ffffff;
  background-color: #648296;
}
.btn__callback:active {
  color: #e6e6e6;
  background-color: #506777;
}
.btn__callback:focus-visible {
  background-color: #648296;
}
.block-title {
  margin-bottom: var(--margin-40);
  font-family: "Playfair Display", sans-serif;
  font-size: var(--font-40);
  line-height: 150%;
  font-weight: 700;
  letter-spacing: -0.04em;
  text-align: center;
  color: #1e293b;
}
.services {
  padding: 20px 0 60px;
  background-color: #ffffff;
}
.services .block-title {
  position: relative;
}
.services .block-title::after {
  position: absolute;
  content: '';
  width: 82px;
  height: 3px;
  bottom: -20px;
  left: calc(50% - 40px);
  background-color: #648296;
}
@media screen and (max-width: 991px) {
  .services .block-title::after {
    bottom: -15px;
  }
}
@media screen and (max-width: 767px) {
  .services .block-title::after {
    display: none;
  }
}
.services .view-header {
  margin-bottom: var(--margin-40);
  font-size: var(--font-20);
  line-height: 150%;
  font-weight: 300;
  text-align: center;
}
.services__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--gap-30);
  margin-bottom: var(--margin-40);
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 991px) {
  .services__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .services__list {
    grid-template-columns: 1fr;
  }
}
.services__item {
  min-height: 370px;
  padding: var(--padding-30);
  background-color: #ffffff;
  border: 1px solid rgba(100, 130, 150, 0.2);
  border-radius: 16px;
  box-shadow: 0 20px 40px -5px rgba(100, 130, 150, 0.15);
}
.services__item:first-child {
  background: linear-gradient(270deg, #90bd5c 0%, #0a8476 50.48%, #4c728b 100%);
  border-color: #0a8476;
}
.services__item:first-child .services__title {
  color: #ffffff;
}
.services__item:first-child .field--name-field-icon svg path {
  fill: #ffffff;
}
.services__item:first-child .services__link {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: text-decoration 0.2s ease;
}
.services__item:first-child .services__link:hover,
.services__item:first-child .services__link:focus {
  color: #ffffff;
  text-decoration: underline;
}
.services__item:first-child .services__link:active {
  color: #dee7ed;
}
.services__item:first-child .services__link::after {
  background-image: url('/sites/all/themes/vesta_theme/image/arrow-white.svg');
}
.services__item:first-child:hover,
.services__item:first-child:focus {
  background: none;
  background-color: #648296;
}
.services__item:first-child:hover .services__title,
.services__item:first-child:focus .services__title {
  color: #ffffff;
}
.services__item:first-child:hover .field--name-field-icon svg path,
.services__item:first-child:focus .field--name-field-icon svg path {
  fill: #ffffff;
}
.services__item:first-child:hover .services__link,
.services__item:first-child:focus .services__link {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: text-decoration 0.2s ease;
}
.services__item:first-child:hover .services__link:hover,
.services__item:first-child:focus .services__link:hover,
.services__item:first-child:hover .services__link:focus,
.services__item:first-child:focus .services__link:focus {
  color: #ffffff;
  text-decoration: underline;
}
.services__item:first-child:hover .services__link:active,
.services__item:first-child:focus .services__link:active {
  color: #dee7ed;
}
.services__item:first-child:hover .services__link::after,
.services__item:first-child:focus .services__link::after {
  background-image: url('/sites/all/themes/vesta_theme/image/arrow-white.svg');
}
@media screen and (max-width: 1199px) {
  .services__item {
    min-height: 330px;
  }
}
@media screen and (max-width: 991px) {
  .services__item {
    min-height: 200px;
  }
}
@media screen and (max-width: 767px) {
  .services__item {
    min-height: auto;
  }
}
.services__item:hover,
.services__item:focus {
  background-color: #648296;
}
.services__item:hover .field--name-field-icon,
.services__item:focus .field--name-field-icon {
  background-color: rgba(255, 255, 255, 0.1);
}
.services__item:hover .field--name-field-icon svg path,
.services__item:focus .field--name-field-icon svg path {
  fill: #eff2f4;
}
.services__item:hover .field--name-body,
.services__item:focus .field--name-body {
  color: #f4f7f9;
}
.services__item:hover .services__title,
.services__item:focus .services__title {
  color: #ffffff;
}
.services__item:hover .services__link,
.services__item:focus .services__link {
  color: #ffffff;
}
.services__item:hover .services__link::after,
.services__item:focus .services__link::after {
  background-image: url('/sites/all/themes/vesta_theme/image/arrow-white.svg');
}
.services__title {
  margin-bottom: var(--margin-10);
  font-size: var(--font-20);
  line-height: 150%;
  font-weight: 700;
  color: #1e293b;
}
.services__link {
  position: relative;
  font-size: var(--font-14);
  line-height: 200%;
  font-weight: 500;
  color: #648296;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: text-decoration 0.2s ease;
  text-transform: uppercase;
}
.services__link:hover,
.services__link:focus {
  color: #648296;
  text-decoration: underline;
}
.services__link:active {
  color: #dee7ed;
}
.services__link::after {
  position: absolute;
  content: '';
  width: 6px;
  height: 10px;
  top: calc(50% - 5px);
  right: -14px;
  background-image: url(/sites/all/themes/vesta_theme/image/arrow-link.svg);
}
.node--type-service {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .node--type-service {
    align-items: center;
  }
}
.node--type-service .field--name-field-icon {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--margin-20);
  background-color: rgba(100, 130, 150, 0.1);
  border-radius: 14px;
}
.node--type-service .field--name-field-icon img {
  max-width: 30px;
  height: auto;
}
.node--type-service .field--name-field-icon svg {
  max-width: 30px;
  max-height: 30px;
}
.node--type-service .field--name-field-icon svg path {
  fill: #648296;
}
.node--type-service .field--name-body {
  margin-bottom: var(--margin-38);
  line-height: 163%;
  font-weight: 300;
}
.node--type-service .field--name-body strong {
  font-weight: 700;
}
.node--type-service .field--name-body:has(+.field--name-field-additional-service-text) {
  margin-bottom: var(--margin-17);
}
.node--type-service .field--name-field-additional-service-text {
  margin-bottom: var(--margin-38);
  line-height: 163%;
  font-weight: 300;
}
.node--type-service .field--name-node-link {
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  .node--type-service .field--name-node-link {
    align-self: flex-start;
  }
}
.node--type-service .field--name-field-article-link {
  margin-bottom: var(--margin-20);
}
.node--type-service .field--name-field-article-link a {
  font-size: var(--font-14);
  line-height: 200%;
  font-weight: 500;
  color: #648296;
  transition: text-decoration 0.2s ease;
  text-decoration: none;
  transition: color 0.2s ease;
}
.node--type-service .field--name-field-article-link a:hover,
.node--type-service .field--name-field-article-link a:focus {
  color: #648296;
  text-decoration: underline;
}
.node--type-service .field--name-field-article-link a:active {
  color: #dee7ed;
}
.node--type-service.node--view-mode-full {
  align-items: flex-start;
  padding-top: var(--padding-30);
}
.node--type-service.node--view-mode-full .field--name-body {
  margin-bottom: var(--margin-20);
}
.more-link {
  text-align: center;
}
.more-link a {
  position: relative;
  display: inline-block;
  min-width: 270px;
  padding: var(--padding-button);
  font-weight: 700;
  color: #475569;
  background-color: transparent;
  transition: color 0.2s ease;
  transition: background-color 0.2s ease;
  border: 1px solid #dee7ed;
  border-radius: 16px;
  text-decoration: none;
  text-transform: uppercase;
}
.more-link a:hover,
.more-link a:focus {
  color: #ffffff;
  background-color: #648296;
}
.more-link a:active {
  color: #e6e6e6;
  background-color: #506777;
}
.more-link a:focus-visible {
  background-color: #648296;
}
.more-link a::after {
  position: absolute;
  content: '';
  width: 6px;
  height: 10px;
  top: calc(50% - 5px);
  right: 65px;
  background-image: url('/sites/all/themes/vesta_theme/image/arrow-black.svg');
}
.more-link a:hover::after,
.more-link a:focus::after {
  background-image: url('/sites/all/themes/vesta_theme/image/arrow-white.svg');
}
.more-link a:active::after {
  background-image: url('/sites/all/themes/vesta_theme/image/arrow-white.svg');
}
.advantages {
  position: relative;
  margin: 0 var(--margin-20);
  padding: var(--padding-120) 0 var(--padding-60);
  border-radius: 16px;
  background: linear-gradient(270deg, #90bd5c 0%, #0a8476 50.48%, #4c728b 100%);
}
.advantages::before {
  position: absolute;
  content: '';
  width: 36px;
  height: 32px;
  top: 60px;
  left: calc(50% - 18px);
  background-image: url('/sites/all/themes/vesta_theme/image/marks.svg');
}
@media screen and (max-width: 1199px) {
  .advantages::before {
    top: 40px;
  }
}
@media screen and (max-width: 991px) {
  .advantages::before {
    width: 24px;
    height: 20px;
    top: 35px;
    left: calc(50% - 12px);
    background-size: 100%;
    background-position: center;
  }
}
@media screen and (max-width: 767px) {
  .advantages::before {
    top: 20px;
  }
}
.advantages__list {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-30);
  list-style: none;
  box-shadow: 0 20px 40px -5px rgba(100, 130, 150, 0.15);
}
@media screen and (max-width: 767px) {
  .advantages__list {
    grid-template-columns: 1fr;
  }
}
.advantages__item {
  padding: var(--padding-30);
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
}
.advantages__title {
  margin-bottom: var(--margin-10);
  font-size: var(--font-20);
  line-height: 150%;
  font-weight: 700;
  color: #ffffff;
}
.advantages .block-title {
  max-width: 550px;
  margin: 0 auto var(--margin-60) auto;
  font-size: var(--font-60);
  line-height: 100%;
  color: #ffffff;
}
@media screen and (max-width: 991px) {
  .advantages .block-title {
    max-width: 450px;
  }
}
.advantages .block-title .special {
  color: #d0ff9c;
}
@media screen and (max-width: 767px) {
  .node--type-advantage {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.view-advantages .field--type-image {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--margin-20);
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 14px;
}
.view-advantages .field--type-image img {
  max-width: 30px;
  max-height: 30px;
}
.view-advantages .field--name-body {
  line-height: 163%;
  font-weight: 300;
  color: #f4f7f9;
}
.about {
  padding: var(--padding-60) 0;
  background-color: #ffffff;
}
.about__left {
  padding-right: var(--padding-15);
}
@media screen and (max-width: 991px) {
  .about__left {
    order: 1;
  }
}
.about__right {
  padding-left: var(--padding-15);
}
.node--type-about {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--margin-40);
}
.node--type-about .field--name-field-about-image {
  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.05);
}
.node--type-about .field--name-field-about-image img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}
.node--type-about .field--name-node-title {
  width: max-content;
}
.node--type-about .field--name-node-title h2 {
  margin-bottom: var(--margin-40);
  padding: var(--padding-subtitle);
  background-color: rgba(100, 130, 150, 0.1);
  font-size: var(--font-12);
  line-height: 233%;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 16px;
}
.node--type-about .field--name-field-name {
  margin-bottom: var(--margin-20);
  font-family: "Playfair Display", sans-serif;
  font-size: var(--font-40);
  line-height: 150%;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #1e293b;
}
.node--type-about .field--name-field-info {
  margin-bottom: var(--margin-40);
  padding: var(--padding-30);
  font-size: var(--font-20);
  line-height: 150%;
  font-weight: 700;
  border: 1px solid rgba(100, 130, 150, 0.2);
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.05);
}
.node--type-about .field--name-body {
  padding-bottom: var(--padding-30);
  line-height: 163%;
  font-weight: 300;
}
.node--type-about .field--name-field-additional-about-text {
  line-height: 163%;
  font-weight: 300;
}
.not-front .wr_content {
  padding: var(--padding-60) 0;
}
.not-front .wr_content:has(.view-services) {
  background-color: #f4f7f9;
}
.contacts {
  padding-bottom: var(--padding-60);
  background: #ffffff;
}
.contacts__item {
  display: flex;
  flex-direction: column;
}
.contacts__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: rgba(100, 130, 150, 0.2);
}
@media screen and (max-width: 1199px) {
  .contacts__image {
    width: 30px;
    height: 30px;
  }
}
.contacts__link {
  font-size: 16px;
  line-height: 188%;
  font-weight: 500;
  color: #f4f7f9;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: text-decoration 0.2s ease;
}
.contacts__link:hover,
.contacts__link:focus {
  color: #f4f7f9;
  text-decoration: underline;
}
.contacts__link:active {
  color: #dee7ed;
}
.contacts__link--bold {
  font-size: var(--font-20);
  line-height: 150%;
  font-weight: 700;
  color: #ffffff;
}
.contacts__organisation {
  margin-bottom: var(--margin-10);
  font-size: var(--font-20);
  line-height: 150%;
  font-weight: 700;
  color: #ffffff;
}
.contacts__text {
  margin-bottom: var(--margin-10);
  padding-right: 10px;
  line-height: 163%;
  font-weight: 300;
  color: #f4f7f9;
}
@media screen and (max-width: 991px) {
  .contacts__text {
    padding-right: 0;
  }
}
.region-questions {
  padding: var(--padding-40);
}
.region-questions .block-title {
  margin-bottom: var(--margin-26);
  text-align: left;
}
.col-questions,
.col-copyright {
  padding-left: 0;
}
.col-contacts {
  padding-right: 0;
}
@media screen and (max-width: 991px) {
  .col-questions {
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .col-contacts {
    padding-left: 0;
  }
}
.webform-submission-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-20);
}
@media screen and (max-width: 767px) {
  .webform-submission-form {
    grid-template-columns: 1fr;
  }
}
.webform-submission-form .form-item-name {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.webform-submission-form .form-item-telefon {
  grid-column: 2 / -1;
  grid-row: 1 / 2;
}
@media screen and (max-width: 767px) {
  .webform-submission-form .form-item-telefon {
    grid-column: 1 / -1;
    grid-row: 2 / 3;
  }
}
.webform-submission-form .form-item-message {
  grid-column: 1 / -1;
  grid-row: 2 / 3;
}
@media screen and (max-width: 767px) {
  .webform-submission-form .form-item-message {
    grid-row: 3 / 4;
  }
}
.webform-submission-form .form-item-privacy {
  grid-column: 1 / -1;
  grid-row: 3 / 4;
}
@media screen and (max-width: 767px) {
  .webform-submission-form .form-item-privacy {
    grid-row: 4 / 5;
  }
}
.webform-submission-form label {
  margin-bottom: var(--margin-10);
  font-size: var(--font-12);
  line-height: 233%;
  font-weight: 700;
  text-transform: uppercase;
}
.webform-submission-form input[type="text"],
.webform-submission-form textarea {
  padding: var(--padding-input);
  font-size: var(--font-16);
  border-radius: 16px;
  background-color: #f4f7f9;
  box-shadow: inset 0 1px 4px 0 rgba(12, 12, 13, 0.05);
  transition: border-color 0.2s ease;
}
.webform-submission-form input[type="text"]:hover,
.webform-submission-form textarea:hover,
.webform-submission-form input[type="text"]:focus,
.webform-submission-form textarea:focus {
  border-color: #1e293b;
}
.webform-submission-form input[type="text"]:active,
.webform-submission-form textarea:active {
  border-color: #0d1219;
}
.webform-submission-form input[type="text"]::placeholder,
.webform-submission-form textarea::placeholder {
  font-size: var(--font-16);
  line-height: 163%;
  font-weight: 300;
}
.webform-submission-form textarea {
  height: 120px;
}
.webform-submission-form .form-item-privacy {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  margin-bottom: var(--margin-20);
}
.webform-submission-form .form-item-privacy input[type="checkbox"] {
  grid-column: 1 / 2;
  width: 16px;
  height: 16px;
  margin-right: var(--margin-17);
  accent-color: #648296;
  cursor: pointer;
}
.webform-submission-form .form-item-privacy .description {
  font-size: var(--font-16);
  line-height: 163%;
  font-weight: 300;
}
.webform-submission-form .form-item-privacy .description a {
  color: #475569;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: text-decoration 0.2s ease;
}
.webform-submission-form .form-item-privacy .description a:hover,
.webform-submission-form .form-item-privacy .description a:focus {
  color: #475569;
  text-decoration: underline;
}
.webform-submission-form .form-item-privacy .description a:active {
  color: #dee7ed;
}
.webform-submission-form .form-item-privacy .form-item--error-message {
  grid-column: 1 / -1;
  grid-row: 2 / 3;
}
.form-submit.webform-button--submit {
  min-width: 270px;
  padding: var(--padding-button);
  color: #ffffff;
  transition: color 0.2s ease;
  transition: background-color 0.2s ease;
  border: 1px solid #648296;
  border-radius: 16px;
  background-color: #648296;
  box-shadow: 0 20px 40px -5px rgba(100, 130, 150, 0.15);
}
.form-submit.webform-button--submit:hover,
.form-submit.webform-button--submit:focus {
  color: #1e293b;
  background-color: #dee7ed;
}
.form-submit.webform-button--submit:active {
  color: #0d1219;
  background-color: #bdcfdb;
}
.form-submit.webform-button--submit:focus-visible {
  background-color: #dee7ed;
}
.form-submit.webform-button--submit:hover,
.form-submit.webform-button--submit:focus {
  border-color: #648296;
}
.modal-dialog {
  max-width: 700px;
}
@media screen and (max-width: 767px) {
  .modal-dialog {
    max-width: 575px;
  }
}
@media screen and (max-width: 575px) {
  .modal-dialog {
    max-width: 100%;
  }
}
.region-contacts {
  padding: var(--padding-40);
  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.05);
  background: linear-gradient(90deg, #1f2a3c 0%, #29354a 100%);
  border-radius: 16px;
}
.node--type-contacts {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-40);
}
.node--type-contacts .field--name-node-title h2 {
  margin: 0;
  font-family: "Playfair Display", sans-serif;
  font-size: var(--font-40);
  line-height: 100%;
  font-weight: 700;
  color: #ffffff;
}
.node--type-contacts .field--name-body {
  line-height: 163%;
  font-weight: 300;
  color: #f4f7f9;
}
.node--type-contacts .field__label {
  margin-bottom: var(--margin-8);
  font-size: var(--font-12);
  font-weight: 500;
  text-transform: uppercase;
  color: #648296;
}
.node--type-contacts .field--name-field-phones,
.node--type-contacts .field--name-field-mail,
.node--type-contacts .field--name-field-address {
  position: relative;
  padding-left: var(--padding-50);
}
.node--type-contacts .field--name-field-address .contacts__link:not(:last-child) {
  margin-bottom: var(--margin-10);
}
.page-view--contacts .wr_content {
  background-color: #1e293b;
}
.page-view--contacts .block-page-title-block h1 {
  color: #ffffff;
}
.page-view--contacts .contacts__text {
  padding-right: 0;
}
#footer {
  background-color: #1e293b;
}
#footer .nav {
  display: grid;
  grid-template-columns: auto auto;
  row-gap: var(--gap-10);
  column-gap: 0;
}
@media screen and (max-width: 991px) {
  #footer .nav {
    grid-template-columns: 1fr;
  }
}
#footer .nav-link {
  color: #ffffff;
}
@media screen and (max-width: 991px) {
  #footer .nav-link {
    text-align: center;
  }
}
.footer__top {
  padding: var(--padding-40) 0;
  border-bottom: 1px solid rgba(100, 130, 150, 0.2);
}
@media screen and (max-width: 991px) {
  .footer__top .footer__container {
    flex-direction: column;
    align-items: center;
    row-gap: var(--gap-30);
  }
}
@media screen and (max-width: 991px) {
  .footer__logo {
    text-align: center;
  }
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  padding-left: var(--padding-32);
}
@media screen and (max-width: 991px) {
  .footer__contacts {
    align-items: center;
  }
}
.footer__link {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: text-decoration 0.2s ease;
}
.footer__link:hover,
.footer__link:focus {
  color: #ffffff;
  text-decoration: underline;
}
.footer__link:active {
  color: #dee7ed;
}
.footer__link:first-child {
  margin-bottom: var(--margin-20);
}
.footer__bottom {
  padding: var(--padding-20) 0;
}
@media screen and (max-width: 991px) {
  .footer__bottom .footer__container > div {
    text-align: center;
  }
}
.footer__nav,
.footer__logo {
  padding-left: 0;
}
.copyright {
  line-height: 163%;
  font-weight: 300;
  color: #ffffff;
  opacity: 0.8;
}
.link__meta {
  line-height: 163%;
  font-weight: 300;
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: text-decoration 0.2s ease;
  opacity: 0.8;
}
.link__meta:hover,
.link__meta:focus {
  color: #ffffff;
  text-decoration: underline;
}
.link__meta:active {
  color: #dee7ed;
}
#scrollToTop {
  bottom: 660px;
  right: 40px;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1e293b;
  border-radius: 50%;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1199px) {
  #scrollToTop {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 767px) {
  #scrollToTop {
    width: 40px;
    height: 40px;
    right: 20px;
  }
}
#scrollToTop svg path {
  fill: #eff2f4;
}
#scrollToTop:hover,
#scrollToTop:focus {
  background-color: #475569;
}
#scrollToTop:active {
  background-color: #323c4b;
}
.modal-header,
.modal-footer {
  border: none;
}
.modal-footer .webform-button--submit {
  margin-left: auto;
  margin-right: auto;
}
div#vpa-short-wrapper.vpa-slide {
  padding: var(--padding-cookies);
  gap: 0;
  background-color: #ffffff;
}
@media screen and (max-width: 575px) {
  div#vpa-short-wrapper.vpa-slide {
    display: flex;
    flex-direction: column;
    row-gap: var(--gap-20);
  }
}
div#vpa-short-wrapper.vpa-slide .vpa-content {
  margin-right: var(--margin-26);
  font-size: var(--font-16);
  line-height: 163%;
  font-weight: 300;
  color: #1f2937;
}
div#vpa-short-wrapper.vpa-slide .vpa-content a {
  color: #1f2937;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: text-decoration 0.2s ease;
}
div#vpa-short-wrapper.vpa-slide .vpa-content a:hover,
div#vpa-short-wrapper.vpa-slide .vpa-content a:focus {
  color: #1f2937;
  text-decoration: underline;
}
div#vpa-short-wrapper.vpa-slide .vpa-content a:active {
  color: #648296;
}
div#vpa-short-wrapper.vpa-slide .vpa-actions button {
  min-width: 167px;
  padding: var(--padding-button);
  font-size: var(--font-14);
  line-height: 200%;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  transition: color 0.2s ease;
  transition: background-color 0.2s ease;
  border: 1px solid #648296;
  border-radius: 16px;
  background-color: #648296;
  box-shadow: 0 20px 40px -5px rgba(100, 130, 150, 0.15);
}
div#vpa-short-wrapper.vpa-slide .vpa-actions button:hover,
div#vpa-short-wrapper.vpa-slide .vpa-actions button:focus {
  color: #1e293b;
  background-color: #dee7ed;
}
div#vpa-short-wrapper.vpa-slide .vpa-actions button:active {
  color: #0d1219;
  background-color: #bdcfdb;
}
div#vpa-short-wrapper.vpa-slide .vpa-actions button:focus-visible {
  background-color: #dee7ed;
}
.btn.search-form__submit {
  min-width: 270px;
  padding: var(--padding-button);
  border: 1px solid #648296;
  color: #ffffff;
  transition: color 0.2s ease;
  transition: background-color 0.2s ease;
  border-radius: 16px;
  background-color: #648296;
  box-shadow: 0 20px 40px -5px rgba(100, 130, 150, 0.15);
}
.btn.search-form__submit:hover,
.btn.search-form__submit:focus {
  color: #1e293b;
  background-color: #dee7ed;
}
.btn.search-form__submit:active {
  color: #0d1219;
  background-color: #bdcfdb;
}
.btn.search-form__submit:focus-visible {
  background-color: #dee7ed;
}
.btn.search-form__submit:hover,
.btn.search-form__submit:focus,
.btn.search-form__submit:active {
  border-color: #648296;
}
.btn.search-form__submit:active {
  background-color: #dee7ed;
}
@media screen and (max-width: 767px) {
  .btn.search-form__submit {
    min-width: auto;
    width: 100px;
  }
}
.block-page-title-block + .block-system-main-block .search-api-page-block-form-search {
  display: flex;
}
.block-page-title-block + .block-system-main-block .form-search.form-control {
  width: 350px;
  height: 100%;
  margin-right: var(--margin-20);
  padding: var(--padding-button);
  font-size: var(--font-16);
  border-radius: 16px;
  background-color: #f4f7f9;
  box-shadow: inset 0 1px 4px 0 rgba(12, 12, 13, 0.05);
  transition: border-color 0.2s ease;
}
.block-page-title-block + .block-system-main-block .form-search.form-control:hover,
.block-page-title-block + .block-system-main-block .form-search.form-control:focus {
  border-color: #1e293b;
}
.block-page-title-block + .block-system-main-block .form-search.form-control:active {
  border-color: #0d1219;
}
@media screen and (max-width: 575px) {
  .block-page-title-block + .block-system-main-block .form-search.form-control {
    width: 200px;
  }
}
.search-link {
  font-size: var(--font-14);
  font-weight: 500;
  line-height: 200%;
  text-transform: uppercase;
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: text-decoration 0.2s ease;
}
.search-link:hover,
.search-link:focus {
  color: #1e293b;
  text-decoration: underline;
}
.search-link:active {
  color: #475569;
}
.search-api-page-block-form-search:has( + ul) {
  margin-bottom: var(--margin-20);
}
.search-api-page-block-form-search + h2 {
  margin-top: var(--margin-20);
}
.block-page-title-block h1 {
  margin-bottom: var(--margin-20);
  font-family: "Playfair Display", sans-serif;
  font-size: var(--font-40);
  line-height: 100%;
  font-weight: 700;
  color: #1e293b;
}
.page-view--articles .view-content {
  row-gap: var(--gap-10);
}
.node--type-article .field--name-field-image {
  margin-bottom: var(--margin-20);
}
.node--type-article .field--name-field-image img {
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .node--type-article .field--name-field-image img {
    max-height: 400px;
    object-fit: cover;
    object-position: center;
  }
}
.node--type-article .field--name-node-title h2 {
  margin: 0;
  font-size: var(--font-16);
  line-height: 163%;
}
.node--type-article .field--name-node-title a {
  font-size: var(--font-16);
  line-height: 163%;
  font-weight: 300;
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: text-decoration 0.2s ease;
}
.node--type-article .field--name-node-title a:hover,
.node--type-article .field--name-node-title a:focus {
  color: #1e293b;
  text-decoration: underline;
}
.node--type-article .field--name-node-title a:active {
  color: #475569;
}
.node--type-article .field--name-body {
  font-size: var(--font-16);
  line-height: 163%;
  color: #475569;
}
.node--type-article.node--view-mode-full .field--name-body {
  margin-bottom: var(--margin-20);
}
.node--type-article.node--view-mode-full .field--name-field-tags {
  margin-bottom: var(--margin-40);
}
.node--type-article.node--view-mode-full .field--name-field-tags a {
  padding: var(--padding-button);
  border: 1px solid #648296;
  border-radius: 16px;
  background-color: #475569;
  color: #ffffff;
  background-color: #648296;
  transition: color 0.2s ease;
  transition: background-color 0.2s ease;
  text-decoration: none;
}
.node--type-article.node--view-mode-full .field--name-field-tags a:hover,
.node--type-article.node--view-mode-full .field--name-field-tags a:focus {
  color: #1e293b;
  background-color: #dee7ed;
}
.node--type-article.node--view-mode-full .field--name-field-tags a:active {
  color: #0d1219;
  background-color: #bdcfdb;
}
.node--type-article.node--view-mode-full .field--name-field-tags a:focus-visible {
  background-color: #dee7ed;
}
.node--type-article.node--view-mode-full .js-filter-wrapper {
  display: none;
}
.node--type-article.node--view-mode-full .comment--type-comment {
  margin-bottom: var(--margin-10);
}
.node--type-article.node--view-mode-full .comment-form__title {
  margin-top: var(--margin-20);
  margin-bottom: var(--margin-10);
  font-size: var(--font-20);
}
.node--type-article.node--view-mode-full .comment-form .form-textarea-wrapper {
  margin-bottom: var(--margin-20);
}
.node--type-article.node--view-mode-full .comment-form .form-submit {
  background-color: #475569;
  border: 1px solid #648296;
  border-radius: 16px;
  color: #ffffff;
  background-color: #648296;
  transition: color 0.2s ease;
  transition: background-color 0.2s ease;
}
.node--type-article.node--view-mode-full .comment-form .form-submit:hover,
.node--type-article.node--view-mode-full .comment-form .form-submit:focus {
  color: #1e293b;
  background-color: #dee7ed;
}
.node--type-article.node--view-mode-full .comment-form .form-submit:active {
  color: #0d1219;
  background-color: #bdcfdb;
}
.node--type-article.node--view-mode-full .comment-form .form-submit:focus-visible {
  background-color: #dee7ed;
}
.comment-comment-form.comment-form .comment--type-comment {
  margin-bottom: var(--margin-10);
}
.comment-comment-form.comment-form .comment-form__title {
  margin-top: var(--margin-20);
  margin-bottom: var(--margin-10);
  font-size: var(--font-20);
}
.comment-comment-form.comment-form .comment-form .form-textarea-wrapper {
  margin-bottom: var(--margin-20);
}
.comment-comment-form.comment-form .comment-form .form-submit {
  background-color: #475569;
  border: 1px solid #648296;
  border-radius: 16px;
  color: #ffffff;
  background-color: #648296;
  transition: color 0.2s ease;
  transition: background-color 0.2s ease;
}
.comment-comment-form.comment-form .comment-form .form-submit:hover,
.comment-comment-form.comment-form .comment-form .form-submit:focus {
  color: #1e293b;
  background-color: #dee7ed;
}
.comment-comment-form.comment-form .comment-form .form-submit:active {
  color: #0d1219;
  background-color: #bdcfdb;
}
.comment-comment-form.comment-form .comment-form .form-submit:focus-visible {
  background-color: #dee7ed;
}
.comment-comment-form.comment-form .js-filter-wrapper {
  display: none;
}
.comment-comment-form.comment-form .form-actions {
  margin-bottom: var(--margin-20);
}
.comment-comment-form.comment-form .field--widget-string-textfield,
.comment-comment-form.comment-form .form-type-textarea {
  margin-bottom: var(--margin-10);
}
.comment-comment-form.comment-form .form-submit {
  background-color: #475569;
  border: 1px solid #648296;
  border-radius: 16px;
  color: #ffffff;
  background-color: #648296;
  transition: color 0.2s ease;
  transition: background-color 0.2s ease;
}
.comment-comment-form.comment-form .form-submit:hover,
.comment-comment-form.comment-form .form-submit:focus {
  color: #1e293b;
  background-color: #dee7ed;
}
.comment-comment-form.comment-form .form-submit:active {
  color: #0d1219;
  background-color: #bdcfdb;
}
.comment-comment-form.comment-form .form-submit:focus-visible {
  background-color: #dee7ed;
}
.page-link {
  font-size: var(--font-16);
  font-weight: 500;
  color: #475569;
  background-color: #ffffff;
  border: 1px solid #475569;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.page-link:hover,
.page-link:focus {
  color: #ffffff;
  background-color: #475569;
  border-color: #1e293b;
}
.page-link:active {
  background-color: #323c4b;
}
.page-link:focus-visible {
  color: #ffffff;
}
@media screen and (max-width: 575px) {
  .page-item {
    display: none;
  }
}
.page-item.active .page-link {
  border-color: #1e293b;
  background-color: #1e293b;
  color: #ffffff;
}
.page-item.active .page-link:hover,
.page-item.active .page-link:focus {
  color: #ffffff;
  background-color: #475569;
  border-color: #1e293b;
}
.page-item.active .page-link:active {
  background-color: #0d1219;
}
.page-item.active .page-link:focus-visible {
  color: #1e293b;
}
@media screen and (max-width: 575px) {
  .page-item.active {
    display: block;
  }
}
@media screen and (max-width: 575px) {
  .pager__item--first,
  .pager__item--previous,
  .pager__item--next,
  .pager__item--last {
    display: block;
  }
}
.node--type-document .field--name-field-file a {
  font-size: var(--font-16);
  line-height: 163%;
  font-weight: 300;
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: text-decoration 0.2s ease;
}
.node--type-document .field--name-field-file a:hover,
.node--type-document .field--name-field-file a:focus {
  color: #1e293b;
  text-decoration: underline;
}
.node--type-document .field--name-field-file a:active {
  color: #475569;
}
.col-callback {
  padding-right: 0;
}
.region-callback {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 991px) {
  .region-callback {
    justify-content: center;
  }
}
.page-taxonomy-term--tags .view-taxonomy-term .view-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--gap-30);
}
@media screen and (max-width: 991px) {
  .page-taxonomy-term--tags .view-taxonomy-term .view-content {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .page-taxonomy-term--tags .view-taxonomy-term .view-content {
    grid-template-columns: 1fr;
  }
}
.dropdown-item {
  font-size: var(--font-14);
  font-weight: 500;
  line-height: 200%;
  text-transform: uppercase;
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: text-decoration 0.2s ease;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #1e293b;
  text-decoration: underline;
}
.dropdown-item:active {
  color: #475569;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: transparent;
}
.dropdown-item:active {
  background-color: transparent;
}
.dropdown-item.is-active {
  background-color: #648296;
}
.page-node--830 .node__content .field--name-body p {
  text-indent: var(--padding-30);
}
.page-node--830 .node__content .field--name-body table th,
.page-node--830 .node__content .field--name-body table td {
  border: 1px solid #475569;
}
.page-node--830 .node__content .field--name-body table thead th {
  background-color: #f4f7f9;
}
.page-node--830 .node__content .field--name-body table tbody tr:nth-child(even) td {
  background-color: #f4f7f9;
}
.view-fotogalereya {
  margin-bottom: var(--margin-60);
}
.view-fotogalereya .view-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-30);
}
@media screen and (max-width: 767px) {
  .view-fotogalereya .view-content {
    flex-direction: column;
  }
}
.page.not-front .gallery .block-title {
  text-align: left;
}
.page.not-front .view-content {
  justify-content: flex-start;
}
.node--type-photogallery .field--name-field-gallery {
  display: flex;
  justify-content: center;
  margin-bottom: var(--margin-20);
}
.node--type-photogallery .field--name-node-title h2 {
  margin: 0;
  font-size: var(--font-16);
  line-height: 163%;
  text-align: center;
}
.node--type-photogallery .field--name-node-title h2 a {
  font-size: var(--font-16);
  line-height: 163%;
  font-weight: 400;
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: text-decoration 0.2s ease;
}
.node--type-photogallery .field--name-node-title h2 a:hover,
.node--type-photogallery .field--name-node-title h2 a:focus {
  color: #1e293b;
  text-decoration: underline;
}
.node--type-photogallery .field--name-node-title h2 a:active {
  color: #475569;
}
.node--type-photogallery img {
  border-radius: 16px;
}
.node--type-photogallery.node--view-mode-full .field--name-field-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--gap-30);
}
@media screen and (max-width: 575px) {
  .node--type-photogallery.node--view-mode-full .field--name-field-gallery {
    grid-template-columns: 1fr 1fr;
  }
}
.node--type-photogallery.node--view-mode-full .field--name-field-gallery img {
  border-radius: 16px;
}
.page-node--3 .node__content ol,
.page-node--868 .node__content ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  counter-reset: item;
}
.page-node--3 .node__content ol ol,
.page-node--868 .node__content ol ol {
  counter-reset: item;
}
.page-node--3 .node__content li,
.page-node--868 .node__content li {
  display: block;
  padding: var(--padding-10) 0;
  counter-increment: item;
}
.page-node--3 .node__content li:before,
.page-node--868 .node__content li:before {
  content: counters(item, ".") ".";
}