@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Armenian:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
* {
  padding: 0;
  margin: 0;
}
* body {
  font-family: Noto Sans, Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #1A2E35;
}
* body a {
  text-decoration: none;
  color: #1A2E35;
  display: contents;
}

.hover {
  cursor: pointer;
}
.hover:hover {
  opacity: 0.7;
}
.hover:active {
  opacity: 0.5;
}

.hover-main-light {
  cursor: pointer;
}
.hover-main-light:hover {
  background: #2A5E9B !important;
}
.hover-main-light:active {
  opacity: 0.8;
}

.flex {
  display: flex;
}

.align-center {
  display: flex;
  align-items: center;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.column {
  display: flex;
  flex-direction: column;
}

.page-container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}
@media screen and (max-width: 1440px) {
  .page-container {
    padding: 0 12px;
  }
}

.mt-6 {
  margin-top: 6px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.ml-6 {
  margin-left: 6px !important;
}

.hidden {
  display: none !important;
}

.loader-content {
  width: 100%;
  height: 36px;
  left: 0;
  top: 0;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader-content .loader-content-in {
  border: 4px solid #C8C8C8;
  border-top: 4px solid #284B8C;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
}
.loader-content.show {
  display: flex;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.skeleton-container {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0 12px;
}
.skeleton-container .skeleton-line {
  height: 13px;
  background: linear-gradient(90deg, #F8F8F8 25%, #f4f4f4 50%, #F8F8F8 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 2s infinite linear;
  border-radius: 6px;
}
.skeleton-container .skeleton-line:nth-child(1n) {
  width: 90%;
}
.skeleton-container .skeleton-line:nth-child(2n) {
  width: 70%;
}
.skeleton-container .skeleton-line:nth-child(3n) {
  width: 75%;
}
@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@keyframes subcategory-animation {
  from {
    pointer-events: none;
    opacity: 0;
    margin-top: -20px;
  }
  to {
    opacity: 1;
    margin-top: 0;
    pointer-events: unset;
  }
}
.page-title-2 {
  margin: 0 auto 0 auto;
  text-align: center;
  font-size: 28px;
  color: #284B8C;
  font-weight: bold;
  max-width: 420px;
  text-transform: uppercase;
}
@media screen and (max-width: 468px) {
  .page-title-2 {
    font-size: 24px;
  }
}

#header {
  width: 100%;
  background: #FFFFFF;
  z-index: 10;
}
#header #header-in {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 24px;
  box-sizing: border-box;
  display: flex;
  gap: 12px;
}
#header #header-in #logo {
  width: 290px;
  max-width: 100%;
  height: 68px;
}
#header #header-in #logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#header #header-in #header-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  max-width: 580px;
  margin-left: auto;
  align-items: flex-end;
}
#header #header-in #header-container #header-contacts {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
#header #header-in #header-container #header-contacts .header-contacts-line {
  color: #5e5e5e;
  font-size: 13px;
}
#header #header-in #header-container #header-contacts .header-contacts-link {
  display: flex;
  align-items: center;
  color: #284B8C;
  font-size: 13px;
}
#header #header-in #header-container #header-contacts .header-contacts-link svg {
  width: 18px;
}
#header #header-in #header-container #header-search-container {
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}
#header #header-in #header-container #header-search-container #search-container {
  padding: 0 12px 0 0;
  border: 1px solid #C8C8C8;
  border-radius: 6px;
  color: #C8C8C8;
  position: relative;
}
#header #header-in #header-container #header-search-container #search-container #header-search-button {
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#header #header-in #header-container #header-search-container #search-container #header-search-input {
  width: 220px;
  border: none;
  background: none;
  padding: 8px 0;
}
#header #header-in #header-container #header-search-container #search-container #header-search-input:focus {
  outline: none;
  border: none;
}
#header #header-in #header-container #header-search-container #search-container #header-search-result {
  position: absolute;
  z-index: 9;
  padding: 4px 0;
  border: 1px solid #C8C8C8;
  border-radius: 6px;
  background: #FFFFFF;
  left: 0;
  top: 35px;
  width: 100%;
  animation: subcategory-animation 0.2s;
  display: none;
}
#header #header-in #header-container #header-search-container #search-container #header-search-result .search-empty-result {
  text-align: center;
  font-size: 13px;
  color: #C8C8C8;
}
#header #header-in #header-container #header-search-container #search-container #header-search-result .search-result-button {
  font-size: 13px;
  text-align: right;
  color: #284B8C;
  padding: 0 12px;
  display: block;
}
#header #header-in #header-container #header-search-container #search-container:focus-within {
  border-color: #284B8C;
  color: #284B8C;
}
#header #header-in #header-container #header-search-container #search-container:focus-within.error {
  border-color: #fd3636;
}
#header #header-in #header-container #header-search-container #search-container:focus-within #header-search-result {
  display: block;
}
#header #header-in #header-container #menu-button {
  width: 42px;
  height: 34px;
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
#header #header-in #header-container #menu-button svg {
  color: #284B8C;
  width: 42px;
  height: 42px;
}
@media screen and (max-width: 1440px) {
  #header #header-in {
    padding: 12px;
  }
}
@media screen and (max-width: 980px) {
  #header #header-in #header-container #header-contacts {
    display: none;
  }
  #header #header-in #header-container #header-search-container {
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
  }
  #header #header-in #header-container #header-search-container .lang-container {
    display: none;
  }
  #header #header-in #header-container #header-search-container #search-container {
    border: 1px solid #C8C8C8;
    border-radius: 6px;
    color: #C8C8C8;
    width: calc(100% - 12px);
  }
  #header #header-in #header-container #header-search-container #search-container #header-search-input {
    width: 100%;
    border: none;
    background: none;
    padding: 8px 0;
  }
  #header #header-in #header-container #header-search-container #search-container #header-search-input:focus {
    outline: none;
    border: none;
  }
  #header #header-in #header-container #header-search-container #search-container:focus-within {
    border-color: #284B8C;
    color: #284B8C;
  }
  #header #header-in #header-container #menu-button {
    display: flex;
    margin-left: 12px;
  }
}
@media screen and (max-width: 560px) {
  #header #header-in {
    flex-direction: column;
  }
  #header #header-in #logo {
    height: 64px;
  }
}
@media screen and (max-width: 980px) {
  #header {
    position: sticky;
    top: 0;
    border-bottom: 1px solid #F8F8F8;
  }
}
@media screen and (max-width: 560px) {
  #header {
    top: -76px;
  }
}

.header-search-result-item {
  padding: 6px;
  color: #1A2E35;
  cursor: pointer;
  display: flex;
  gap: 6px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 16px;
}
.header-search-result-item:hover {
  background: #E9EDF3;
  text-decoration: underline;
}
.header-search-result-item img {
  width: 58px;
  height: 58px;
  object-fit: cover;
  object-position: center;
  border-radius: 6px;
  flex-shrink: 0;
}
.header-search-result-item .header-search-result-text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
}
.header-search-result-item .header-search-result-text .header-search-result-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 16px;
  font-size: 13px;
  font-weight: 500;
  color: #284B8C;
}
.header-search-result-item .header-search-result-text .header-search-result-subtitle {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #5e5e5e;
  font-size: 12px;
  line-height: 13px;
}

#content {
  min-height: calc(100vh - 620px);
}

#menu-container {
  width: 100%;
  background-color: #284B8C;
  top: 0;
  position: sticky;
  z-index: 7;
}
#menu-container #menu-in {
  box-sizing: border-box;
  padding: 0 24px;
  max-width: 1920px;
  margin: 0 auto;
  justify-content: space-between;
}
#menu-container #menu-in .lang-container, #menu-container #menu-in #menu-close-container {
  display: none;
}
#menu-container #menu-in .menu-item {
  color: #FFFFFF;
  padding: 24px;
  cursor: pointer;
  font-size: 16px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  user-select: none;
}
#menu-container #menu-in .menu-item svg {
  pointer-events: none;
}
#menu-container #menu-in .menu-item .menu-subcategory-container {
  position: absolute;
  left: 0;
  padding: 4px 0;
  border-radius: 0 0 4px 4px;
  background-color: #2A5E9B;
  top: 71px;
  width: max-content;
  max-width: 400px;
  min-width: 280px;
  display: none;
  z-index: 3;
  animation: subcategory-animation 0.2s;
}
#menu-container #menu-in .menu-item .menu-subcategory-container.last-subcategory-item {
  left: unset;
  right: 0;
}
#menu-container #menu-in .menu-item .menu-subcategory-container .menu-subcategory-item {
  padding: 12px 24px;
  cursor: pointer;
  font-size: 15px;
  color: #FFFFFF;
}
#menu-container #menu-in .menu-item .menu-subcategory-container .menu-subcategory-item:hover {
  background-color: #284B8C;
}
#menu-container #menu-in .menu-item:hover {
  background-color: #2A5E9B;
}
#menu-container #menu-in .menu-item.active {
  background-color: #2A5E9B;
}
#menu-container #menu-in .menu-item.active .menu-subcategory-container {
  display: block;
}
@media screen and (max-width: 1440px) {
  #menu-container #menu-in {
    padding: 0 12px;
  }
  #menu-container #menu-in .menu-item {
    font-size: 14px;
    padding: 20px 12px;
    box-sizing: border-box;
    width: 16.6666666667%;
    flex-shrink: 0;
    text-align: center;
    justify-content: center;
  }
  #menu-container #menu-in .menu-item .menu-subcategory-container {
    top: 63px;
  }
  #menu-container #menu-in .menu-item .menu-subcategory-container .menu-subcategory-item {
    padding: 6px 12px;
    font-size: 14px;
    text-align: left;
  }
}
@media screen and (max-width: 1024px) {
  #menu-container #menu-in .menu-item {
    font-size: 14px;
    padding: 20px 12px;
  }
}
@media screen and (max-width: 980px) {
  #menu-container {
    position: fixed;
    height: 100%;
    top: 0;
    left: -100%;
    transition: left 0.3s;
  }
  #menu-container.active {
    left: 0;
  }
  #menu-container #menu-in {
    flex-direction: column;
  }
  #menu-container #menu-in #menu-close-container {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 16px;
  }
  #menu-container #menu-in #menu-close-container #menu-close-button {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #menu-container #menu-in #menu-close-container #menu-close-button svg {
    width: 32px;
    height: 32px;
    color: #FFFFFF;
  }
  #menu-container #menu-in .lang-container {
    display: flex;
    margin-top: 12px;
  }
  #menu-container #menu-in .lang-container .lang-title {
    color: #FFFFFF;
    gap: 4px;
  }
  #menu-container #menu-in .menu-item {
    width: 100%;
  }
  #menu-container #menu-in .menu-item .menu-subcategory-container {
    width: 100%;
    max-width: unset;
    min-width: unset;
  }
}

#footer {
  width: 100%;
  border-radius: 32px 32px 0 0;
  background: #292B2F;
  padding-top: 48px;
  margin-top: 48px;
}
#footer #footer-in {
  width: calc(100% - 24px);
  max-width: 1872px;
  margin: 0 auto;
  display: flex;
  padding-bottom: 48px;
  gap: 12px;
}
#footer #footer-in .footer-logo {
  height: 68px;
}
#footer #footer-in .footer-item {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#footer #footer-in .footer-item .footer-title {
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 17px;
}
#footer #footer-in .footer-item .footer-link-item {
  color: #FFFFFF;
  padding: 2px 0;
  max-width: 380px;
  cursor: pointer;
  font-size: 13px;
  width: fit-content;
}
#footer #footer-in .footer-item .footer-link-item:hover {
  color: #2A5E9B;
}
#footer #footer-in .footer-item #footer-soc-links {
  margin-top: 24px;
  display: flex;
  gap: 12px;
  align-items: center;
}
#footer #footer-in .footer-item #footer-soc-links svg {
  color: #FFFFFF;
}
#footer #footer-in .footer-item #footer-soc-links svg:hover {
  color: #2A5E9B;
}
@media screen and (max-width: 820px) {
  #footer #footer-in {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  #footer {
    border-radius: 12px;
  }
}

.lang-container {
  position: relative;
}
.lang-container .lang-title {
  gap: 4px;
  font-size: 13px;
}
.lang-container .lang-title svg {
  width: 10px;
  height: 8px;
}
.lang-container .lang-context {
  background: #FFFFFF;
  border: 1px solid #C8C8C8;
  padding: 4px 0;
  min-width: 140px;
  right: -6px;
  top: 26px;
  border-radius: 6px;
  position: absolute;
  z-index: 9;
  display: none;
}
.lang-container .lang-context .lang-context-item {
  display: flex;
  gap: 6px;
  padding: 4px;
  cursor: pointer;
  font-size: 13px;
}
.lang-container .lang-context .lang-context-item:hover {
  background: #2A5E9B;
  color: #FFFFFF;
}
.lang-container.active .lang-context {
  display: block;
  animation: subcategory-animation 0.2s;
}

.layout-container {
  width: 100%;
  display: flex;
  gap: 24px;
  margin-top: 12px;
}
.layout-container .layout-left {
  width: 320px;
  flex-shrink: 0;
  position: sticky;
  height: fit-content;
  top: 76px;
  bottom: 0;
}
.layout-container .layout-left.layout-left-bg {
  background-color: rgba(40, 75, 140, 0.1);
  border-radius: 6px;
  overflow: hidden;
}
@media screen and (max-width: 1440px) {
  .layout-container .layout-left {
    top: 65px;
  }
}
@media screen and (max-width: 980px) {
  .layout-container .layout-left {
    top: 99px;
  }
}
@media screen and (max-width: 768px) {
  .layout-container .layout-left {
    position: unset;
  }
}
.layout-container .layout-left .layout-list-container {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.layout-container .layout-left .layout-list-container .layout-list {
  border-radius: 6px;
  overflow: hidden;
}
.layout-container .layout-left .layout-list-container .layout-list .layout-list-title {
  padding: 12px;
  background-color: #284B8C;
  color: #FFFFFF;
  display: flex;
  align-items: center;
}
.layout-container .layout-left .layout-list-container .layout-list .layout-list-title .layout-list-title-icon {
  margin-left: auto;
  width: 24px;
  height: 20px;
  justify-content: flex-end;
  align-items: center;
  display: none;
}
.layout-container .layout-left .layout-list-container .layout-list a .layout-list-title:hover {
  background: #2A5E9B;
}
.layout-container .layout-left .layout-list-container .layout-list .layout-list-items-container {
  display: flex;
  gap: 2px;
  flex-direction: column;
  margin-top: 2px;
}
.layout-container .layout-left .layout-list-container .layout-list .layout-list-items-container .layout-list-item {
  background-color: rgba(40, 75, 140, 0.1);
  padding: 12px;
  font-size: 13px;
}
.layout-container .layout-left .layout-list-container .layout-list .layout-list-items-container .layout-list-item:hover {
  background-color: #2A5E9B;
  color: #FFFFFF;
}
.layout-container .layout-left .layout-list-container .layout-list .layout-list-items-container .layout-list-item.active {
  background-color: rgba(40, 75, 140, 0.2);
  color: #284B8C;
}
.layout-container .layout-left .layout-list-container .layout-list.active .layout-list-title .layout-list-title-icon svg {
  transform: rotate(-180deg);
}
@media screen and (max-width: 768px) {
  .layout-container .layout-left .layout-list-container .layout-list .layout-list-title .layout-list-title-icon {
    display: flex;
  }
  .layout-container .layout-left .layout-list-container .layout-list:not(.active) .layout-list-items-container {
    display: none;
  }
}
.layout-container .layout-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.layout-container .layout-content .layout-title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.layout-container .layout-content .layout-text-content img {
  border-radius: 6px;
  box-sizing: border-box;
  max-width: 100%;
}
.layout-container .layout-content .layout-text-content a {
  color: #0c63e3;
}
.layout-container .layout-content .layout-text-content a:hover {
  color: rgba(12, 99, 227, 0.7);
}
.layout-container .layout-content .layout-text-content iframe {
  max-width: 100%;
}
.layout-container .layout-content .layout-text-content li {
  margin-left: 18px;
}
.layout-container .layout-content table tbody tr td {
  font-size: 15px;
}
@media only screen and (max-width: 425px) {
  .layout-container .layout-content table tbody tr {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .layout-container {
    gap: 12px;
  }
  .layout-container .layout-left {
    width: 280px;
  }
}
@media screen and (max-width: 768px) {
  .layout-container {
    flex-direction: column;
  }
  .layout-container.layout-container-reverse {
    flex-direction: column-reverse;
  }
  .layout-container .layout-left {
    width: 100%;
  }
}

#url-content {
  display: flex;
  gap: 4px;
  margin-top: 6px;
  flex-wrap: wrap;
  color: #5e5e5e;
}
#url-content .url-item {
  display: flex;
  align-items: center;
  font-size: 13px;
  gap: 2px;
  border-radius: 6px;
  color: #5e5e5e;
}
#url-content .url-item.b-url-item {
  color: #284B8C;
}
#url-content .url-item svg {
  width: 10px;
  height: 10px;
}
#url-content .url-item:hover {
  color: #284B8C;
}

#cover-image {
  display: flex;
  justify-content: center;
}
#cover-image img {
  max-width: 100%;
  max-height: 520px;
  height: auto;
  border-radius: 6px;
}

#services-main-page {
  width: 100%;
  min-height: 100vh;
}
#services-main-page #services-main-title {
  display: flex;
  width: 100%;
  justify-content: center;
  position: relative;
}
#services-main-page #services-main-title #services-main-title-in {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  font-weight: 800;
  text-transform: uppercase;
  color: #008F4F;
  text-align: center;
}
#services-main-page #services-main-title #services-main-title-in.adults {
  color: #284B8C;
}
@media screen and (max-width: 768px) {
  #services-main-page #services-main-title #services-main-title-in {
    font-size: 32px;
  }
}
@media screen and (max-width: 368px) {
  #services-main-page #services-main-title #services-main-title-in {
    font-size: 22px;
  }
}
#services-main-page #services-main-title svg {
  width: 280px;
  height: 280px;
}
#services-main-page.adults #services-main-title #services-main-title-in {
  color: #284B8C;
}

#services-search-container {
  background: linear-gradient(90deg, #008F4F, rgba(0, 143, 79, 0.5));
  display: flex;
  justify-content: center;
}
#services-search-container.adults {
  background: linear-gradient(90deg, #284B8C, rgba(40, 75, 140, 0.8));
}
#services-search-container #services-search-container-in {
  display: flex;
  gap: 40px;
  width: calc(100% - 24px);
  max-width: 1920px;
  padding: 24px 12px;
}
#services-search-container #services-search-container-in .ssc-p {
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#services-search-container #services-search-container-in .ssc-p #s-s-c-title {
  font-size: 24px;
  color: #FFFFFF;
}
#services-search-container #services-search-container-in .ssc-p #s-s-c-sub-title {
  margin-top: 6px;
  color: #FFFFFF;
}
#services-search-container #services-search-container-in .ssc-p .services-search-title {
  color: #FFFFFF;
}
#services-search-container #services-search-container-in .ssc-p .services-search-container {
  padding: 0 12px 0 0;
  border: 1px solid #C8C8C8;
  border-radius: 6px;
  color: #C8C8C8;
  position: relative;
  background: #FFFFFF;
  display: flex;
  margin-top: 6px;
  max-width: 440px;
}
#services-search-container #services-search-container-in .ssc-p .services-search-container #services-search-button {
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#services-search-container #services-search-container-in .ssc-p .services-search-container #services-search-input {
  width: 100%;
  border: none;
  background: none;
  padding: 8px 0;
}
#services-search-container #services-search-container-in .ssc-p .services-search-container #services-search-input:focus {
  outline: none;
  border: none;
}
#services-search-container #services-search-container-in .ssc-p .services-search-container:focus-within {
  color: #284B8C;
}
@media screen and (max-width: 620px) {
  #services-search-container #services-search-container-in {
    flex-direction: column;
  }
  #services-search-container #services-search-container-in .ssc-p {
    width: 100%;
  }
}

.left-panel-ceo-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 12px;
}
.left-panel-ceo-container .ceo-list-item {
  display: flex;
  gap: 6px;
  flex-direction: column;
}
.left-panel-ceo-container .ceo-list-item .panel-about-image {
  width: 100%;
  border-radius: 6px;
}
.left-panel-ceo-container .ceo-list-item .left-panel-about-tx-bl .left-panel-about-name {
  font-weight: bold;
}
.left-panel-ceo-container .ceo-list-item .left-panel-about-tx-bl .left-panel-about-text {
  color: #5e5e5e;
  font-size: 13px;
}

#services-letter-title {
  color: rgba(255, 255, 255, 0.8);
}

#services-letters-container {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
}
#services-letters-container .services-letter-button {
  width: 56px;
  height: 56px;
  background: rgba(0, 143, 79, 0.5);
  color: #FFFFFF;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  user-select: none;
  transition: 0.2s font-size;
}
#services-letters-container .services-letter-button.active {
  background: #FFFFFF;
  color: #008F4F;
}
#services-letters-container .services-letter-button:hover {
  opacity: 0.7;
}
#services-letters-container .services-letter-button:active {
  font-size: 16px;
}
#services-letters-container .services-letter-button.adults {
  background: rgba(40, 75, 140, 0.5);
}
#services-letters-container .services-letter-button.adults.active {
  background: #FFFFFF;
  color: #284B8C;
}

#services-items-container {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 24px);
  max-width: 1920px;
  padding: 24px 12px;
  margin: 0 auto;
  gap: 12px;
}
#services-items-container .service-list-item-container {
  width: calc((100% - 48px) / 5);
  background-color: rgba(0, 143, 79, 0.1);
  padding: 12px;
  border-radius: 6px;
  box-sizing: border-box;
  border: 1px solid transparent;
  transition: 0.2s all ease-in-out;
}
#services-items-container .service-list-item-container .service-list-item-container-letter {
  font-weight: bold;
  font-size: 20px;
  color: #008F4F;
}
#services-items-container .service-list-item-container .services-list-items {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 6px;
}
#services-items-container .service-list-item-container .services-list-items .service-list-item.highlight {
  text-decoration: underline;
  font-weight: 500;
  color: rgba(0, 143, 79, 0.8);
}
#services-items-container .service-list-item-container .services-list-items .service-list-item:hover {
  color: #008F4F;
}
#services-items-container .service-list-item-container:hover {
  border-color: #008F4F;
}
#services-items-container .service-list-item-container.adults {
  background-color: rgba(40, 75, 140, 0.1);
}
#services-items-container .service-list-item-container.adults .service-list-item-container-letter {
  color: #284B8C;
}
#services-items-container .service-list-item-container.adults .services-list-items .service-list-item:hover {
  color: #284B8C;
}
#services-items-container .service-list-item-container.adults:hover {
  border-color: #284B8C;
}
@media screen and (max-width: 1520px) {
  #services-items-container .service-list-item-container {
    width: calc((100% - 36px) / 4);
  }
}
@media screen and (max-width: 1024px) {
  #services-items-container .service-list-item-container {
    width: calc((100% - 24px) / 3);
  }
}
@media screen and (max-width: 768px) {
  #services-items-container .service-list-item-container {
    width: calc((100% - 12px) / 2);
  }
}
@media screen and (max-width: 560px) {
  #services-items-container .service-list-item-container {
    width: 100%;
  }
}

#service-info-container #services-info-tabs {
  display: flex;
  gap: 24px;
  position: sticky;
  background-color: #FFFFFF;
  z-index: 2;
  top: 68px;
  border-bottom: 1px solid #C8C8C8;
}
@media screen and (max-width: 1440px) {
  #service-info-container #services-info-tabs {
    top: 56px;
  }
}
@media screen and (max-width: 980px) {
  #service-info-container #services-info-tabs {
    top: 87px;
  }
}
@media screen and (max-width: 768px) {
  #service-info-container #services-info-tabs {
    top: 38px;
  }
}
#service-info-container #services-info-tabs .services-info-tab-item {
  user-select: none;
  padding: 8px 0;
  border-bottom: 2px solid transparent;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-bottom: -1px;
}
#service-info-container #services-info-tabs .services-info-tab-item:hover {
  border-bottom-color: #C8C8C8;
}
#service-info-container #services-info-tabs .services-info-tab-item.active, #service-info-container #services-info-tabs .services-info-tab-item:active {
  border-bottom-color: #284B8C;
  color: #284B8C;
}
#service-info-container .services-info-tab-content {
  display: none;
  flex-direction: column;
  margin-top: 12px;
}
#service-info-container .services-info-tab-content #price-info {
  font-size: 12px;
  color: #C8C8C8;
}
#service-info-container .services-info-tab-content.active {
  display: flex;
}
#service-info-container .services-info-tab-content.services-info-tab-row {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
}

.service-staff-item {
  display: flex;
  gap: 6px;
  width: calc((100% - 18px) / 4);
  border-radius: 6px;
  padding: 6px;
  box-sizing: border-box;
  border: 1px solid transparent;
}
.service-staff-item .service-staff-item-image {
  width: 86px;
  height: 86px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(40, 75, 140, 0.4);
}
.service-staff-item .service-staff-item-image svg {
  width: 44px;
  height: 44px;
  color: #FFFFFF;
}
.service-staff-item .service-staff-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.2s transform ease-in-out;
}
.service-staff-item .service-staff-item-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.service-staff-item .service-staff-item-text .service-staff-item-name {
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.service-staff-item .service-staff-item-text .service-staff-item-position {
  color: #5e5e5e;
  font-size: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 14px;
}
.service-staff-item .service-staff-item-text .service-staff-item-position.color-main {
  color: #284B8C;
}
.service-staff-item:hover {
  background-color: rgba(40, 75, 140, 0.1);
}
.service-staff-item:hover .service-staff-item-image img {
  transform: scale(1.1);
}
@media screen and (max-width: 1560px) {
  .service-staff-item {
    width: calc((100% - 12px) / 3);
  }
}
@media screen and (max-width: 1200px) {
  .service-staff-item {
    width: calc((100% - 6px) / 2);
  }
}
@media screen and (max-width: 540px) {
  .service-staff-item {
    width: 100%;
  }
}
.service-staff-item.service-staff-item-full {
  width: 100%;
}

.news-item {
  width: calc((100% - 12px) / 3);
  display: flex;
  gap: 6px;
  padding: 6px;
  border-radius: 6px;
  box-sizing: border-box;
}
.news-item .news-image {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 4px;
  background-color: rgba(40, 75, 140, 0.4);
}
.news-item .news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.2s all ease-in-out;
}
.news-item .news-image svg {
  width: 80px;
  height: 80px;
  color: #FFFFFF;
}
.news-item .news-text {
  overflow: hidden;
}
.news-item .news-text .news-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
  font-weight: 500;
}
.news-item .news-text .news-date {
  font-size: 11px;
  color: #5e5e5e;
  left: 4px;
  top: 4px;
  padding: 2px;
  border-radius: 2px;
  width: fit-content;
}
.news-item .news-text .news-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 13px;
  color: #5e5e5e;
}
.news-item:hover {
  background-color: rgba(40, 75, 140, 0.1);
}
.news-item:hover .news-image img {
  transform: scale(1.1);
}
@media screen and (max-width: 1200px) {
  .news-item {
    width: calc((100% - 6px) / 2);
  }
}
@media screen and (max-width: 540px) {
  .news-item {
    width: 100%;
  }
}

#price-list-search-container {
  padding: 0 12px 0 0;
  border: 1px solid #C8C8C8;
  border-radius: 6px;
  color: #C8C8C8;
  position: relative;
  background: #FFFFFF;
  display: flex;
  margin-top: 6px;
  max-width: 440px;
}
#price-list-search-container #price-search-icon {
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#price-list-search-container #price-search-input {
  width: 100%;
  border: none;
  background: none;
  padding: 8px 0;
}
#price-list-search-container #price-search-input:focus {
  outline: none;
  border: none;
}
#price-list-search-container:focus-within {
  color: #284B8C;
  border-color: #284B8C;
}

#price-list-container {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  overflow: hidden;
}
#price-list-container .price-section-container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
#price-list-container .price-section-container .price-section-title {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 12px 6px 12px 12px;
  gap: 4px;
  background-color: #F8F8F8;
  font-size: 14px;
  box-sizing: border-box;
  border-bottom: 1px solid #C8C8C8;
  font-weight: 500;
}
#price-list-container .price-section-container .price-section-title:last-child .price-section-title {
  border-bottom-color: transparent;
}
#price-list-container .price-section-container .price-section-title .price-section-icon {
  margin-left: auto;
}
#price-list-container .price-section-container .price-section-title:hover {
  color: #284B8C;
  background-color: rgba(200, 200, 200, 0.3);
}
#price-list-container .price-section-container .section-price-list-container {
  display: flex;
  flex-direction: column;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
  max-height: 0;
  border-style: solid;
  border-color: #284B8C;
  border-radius: 0 0 4px 4px;
  border-width: 0;
}
#price-list-container .price-section-container .section-price-list-container::-webkit-scrollbar {
  width: 4px;
  position: absolute;
}
#price-list-container .price-section-container .section-price-list-container::-webkit-scrollbar-thumb {
  background: rgba(40, 75, 140, 0.4);
  border-radius: 4px;
}
#price-list-container .price-section-container .section-price-list-container::-webkit-scrollbar-thumb:hover {
  background: #2A5E9B;
}
#price-list-container .price-section-container .section-price-list-container .section-price-list-item {
  display: flex;
  padding: 6px;
  gap: 6px;
}
#price-list-container .price-section-container .section-price-list-container .section-price-list-item .price-list-item-title {
  width: 100%;
  font-size: 13px;
}
#price-list-container .price-section-container .section-price-list-container .section-price-list-item .price-list-item-price {
  min-width: 120px;
  width: max-content;
  display: none;
  text-align: right;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#price-list-container .price-section-container .section-price-list-container .section-price-list-item:nth-child(odd):not(.search-result-item, .section-price-list-title) {
  background-color: rgba(40, 75, 140, 0.1);
}
#price-list-container .price-section-container .section-price-list-container .section-price-list-item.section-price-list-title {
  background-color: #E9EDF3;
  color: #284B8C;
  font-weight: 500;
  top: 0;
  position: sticky;
  z-index: 1;
}
#price-list-container .price-section-container .section-price-list-container .section-price-list-item:hover:not(.section-price-list-title) {
  cursor: pointer;
}
#price-list-container .price-section-container .section-price-list-container .section-price-list-item:hover:not(.section-price-list-title) .price-list-item-title, #price-list-container .price-section-container .section-price-list-container .section-price-list-item:hover:not(.section-price-list-title) .price-list-item-price {
  color: #284B8C;
}
#price-list-container .price-section-container.opened .price-section-title {
  background-color: #284B8C;
  color: #FFFFFF;
  border-bottom-color: transparent;
}
#price-list-container .price-section-container.opened .price-section-title .price-section-icon {
  transform: rotate(-180deg);
}
#price-list-container .price-section-container.opened .section-price-list-container {
  max-height: 800px;
  overflow-y: auto;
  border-width: 0 1px 1px 1px;
}
#price-list-container .price-section-container.price-list-section-type-1 .section-price-list-item .price-type-1 {
  display: block;
}
#price-list-container .price-section-container.price-list-section-type-2 .section-price-list-item .price-type-2 {
  display: block;
}
#price-list-container .price-section-container.price-list-section-type-3 .section-price-list-item .price-type-1, #price-list-container .price-section-container.price-list-section-type-3 .section-price-list-item .price-type-3 {
  display: block;
}
#price-list-container .price-section-container.searching .section-price-list-container {
  max-height: unset;
  border: none;
}
#price-list-container .price-section-container.searching .section-price-list-container .section-price-list-item:not(.search-result-item) {
  display: none;
}
#price-list-container .price-section-container.searching .price-section-title, #price-list-container .price-section-container.searching .section-price-list-title {
  display: none;
}

.service-contacts-line {
  margin-bottom: 12px;
}
.service-contacts-line .service-contacts-title {
  font-size: 14px;
  color: #5e5e5e;
}
.service-contacts-line .service-contacts-value {
  font-size: 14px;
}

#map {
  width: 100%;
  height: 340px;
  border-radius: 8px;
  overflow: hidden;
}

#staff-page-list-container {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
  margin: 0 auto;
}

#pagination-container {
  width: fit-content;
  max-width: calc(100% - 24px);
  justify-content: center;
  display: flex;
  background-color: #F8F8F8;
  padding: 6px 12px;
  border-radius: 6px;
  margin: 0 auto;
  gap: 2px;
  flex-wrap: wrap;
}
#pagination-container .pagination_item {
  padding: 2px 4px;
  min-width: 16px;
  text-align: center;
  border-radius: 2px;
  font-size: 14px;
}
#pagination-container .pagination_item:hover {
  background-color: rgba(40, 75, 140, 0.1);
  color: #FFFFFF;
}
#pagination-container .pagination_item.pagination_current {
  background-color: #284B8C;
  color: #FFFFFF;
}
#pagination-container .pagination-button {
  width: 24px;
  height: 24px;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
#pagination-container .pagination-button svg {
  width: 22px;
  height: 22px;
}
#pagination-container .pagination-button:hover {
  background-color: rgba(40, 75, 140, 0.3);
}
#pagination-container .pagination-button:hover svg {
  color: #FFFFFF;
}

#staff-info-container {
  display: flex;
  gap: 24px;
  height: 100%;
}
#staff-info-container #staff-info-left {
  height: fit-content;
  position: sticky;
  top: 76px;
  bottom: 0;
}
@media screen and (max-width: 1440px) {
  #staff-info-container #staff-info-left {
    top: 65px;
  }
}
@media screen and (max-width: 1080px) {
  #staff-info-container #staff-info-left {
    position: relative;
    top: unset;
  }
}
#staff-info-container #staff-info-left #staff-info-image {
  width: 320px;
  height: 320px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  background-color: rgba(40, 75, 140, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  max-height: calc(100vw - 24px);
}
#staff-info-container #staff-info-left #staff-info-image img {
  width: 100%;
  height: auto;
  object-position: center;
  object-fit: cover;
  border-radius: 6px;
}
#staff-info-container #staff-info-left #staff-info-image svg {
  width: 140px;
  height: 140px;
  color: #FFFFFF;
}
#staff-info-container #staff-info-left #staff-info-contacts {
  display: flex;
  gap: 6px;
  margin-top: 12px;
  position: absolute;
  left: 6px;
  bottom: 6px;
  background-color: #FFFFFF;
  padding: 4px;
  border-radius: 4px;
}
#staff-info-container #staff-info-left #staff-info-contacts .staff-soc-button {
  width: 20px;
  height: 20px;
  position: relative;
}
#staff-info-container #staff-info-left #staff-info-contacts .staff-soc-button svg {
  width: 20px;
  height: 20px;
}
#staff-info-container #staff-info-left #staff-info-contacts .staff-soc-button .staff-soc-button-info {
  position: absolute;
  padding-bottom: 8px;
  left: 0;
  bottom: 20px;
  display: none;
}
#staff-info-container #staff-info-left #staff-info-contacts .staff-soc-button .staff-soc-button-info .staff-soc-button-info-in {
  padding: 6px;
  border-radius: 6px;
  background-color: #E9EDF3;
  border: 1px solid rgba(40, 75, 140, 0.4);
}
#staff-info-container #staff-info-left #staff-info-contacts .staff-soc-button .staff-soc-button-info .staff-soc-button-info-in .staff-soc-button-info-line {
  font-size: 13px;
  color: #1A2E35;
  white-space: nowrap;
}
#staff-info-container #staff-info-left #staff-info-contacts .staff-soc-button:hover .staff-soc-button-info {
  display: block;
}
#staff-info-container #staff-info-text-container #staff-info-name {
  font-size: 18px;
  font-weight: bold;
}
#staff-info-container #staff-info-text-container .staff-info-position {
  margin-top: 2px;
  font-size: 14px;
  color: #5e5e5e;
  font-weight: normal;
}
#staff-info-container #staff-info-text-container .staff-info-position.main-color {
  color: #284B8C;
}
#staff-info-container #staff-info-text-container #staff-info-text {
  margin-top: 12px;
}
@media screen and (max-width: 1080px) {
  #staff-info-container {
    flex-direction: column;
    gap: 12px;
  }
}

.service-info-container-title {
  font-size: 18px;
  font-weight: bold;
  margin-top: 12px;
}

#main-partner-title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 12px;
}

#partner-main-block {
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: calc(100% - 24px);
  margin: 24px auto 12px;
  flex-shrink: 0;
}
#partner-main-block #partner-main-text {
  width: calc(50% - 12px);
  max-width: 400px;
  text-align: right;
  color: #5e5e5e;
}
#partner-main-block #partner-main-text p {
  margin-top: 6px;
  font-size: 18px;
  color: #284B8C;
  font-weight: bold;
}
#partner-main-block #partner-main-logo {
  width: calc(50% - 12px);
  max-width: 400px;
}
#partner-main-block #partner-main-logo img {
  width: 100%;
  max-width: 400px;
}
@media screen and (max-width: 560px) {
  #partner-main-block {
    flex-direction: column;
  }
  #partner-main-block #partner-main-text, #partner-main-block #partner-main-logo {
    width: 100%;
    text-align: center;
    max-width: unset;
  }
}

#partners-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
#partners-container .partner-item {
  border-bottom: 4px solid #C8C8C8;
  padding: 12px;
  border-radius: 6px 6px 0 0;
  box-sizing: border-box;
  width: calc((100% - 48px) / 5);
  background-color: #E9EDF3;
}
#partners-container .partner-item .partner-item-image img {
  width: 100%;
  height: 100px;
  object-fit: contain;
  object-position: center;
  transition: 0.2s transform ease-in-out;
}
#partners-container .partner-item .partner-item-title {
  margin-top: 12px;
  text-align: center;
}
#partners-container .partner-item:hover {
  border-bottom-color: #284B8C;
}
#partners-container .partner-item:hover .partner-item-image img {
  transform: scale(1.05);
}
#partners-container .partner-item:hover .partner-item-title {
  color: #284B8C;
}
@media screen and (max-width: 1400px) {
  #partners-container .partner-item {
    width: calc((100% - 36px) / 4);
  }
}
@media screen and (max-width: 1200px) {
  #partners-container .partner-item {
    width: calc((100% - 24px) / 3);
  }
}
@media screen and (max-width: 960px) {
  #partners-container .partner-item {
    width: calc((100% - 12px) / 2);
  }
}
@media screen and (max-width: 560px) {
  #partners-container .partner-item {
    width: 100%;
  }
}

.lazy-load-skeleton {
  position: relative;
}
.lazy-load-skeleton:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background-color: #9CACCA;
  z-index: 1;
}
.lazy-load-skeleton:after {
  z-index: 2;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: -80%;
  top: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  animation-name: image-lazy;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes image-lazy {
  from {
    left: -80%;
  }
  to {
    left: 80%;
  }
}
.feature-gallery-block {
  width: 100%;
  height: calc((100vw - 24px) / 1.7);
  max-height: 520px;
  position: relative;
}
.feature-gallery-block .feature-gallery-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  opacity: 0;
  z-index: 0;
  transition: 1s opacity ease-in-out;
}
.feature-gallery-block .feature-gallery-image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.feature-gallery-block .feature-gallery-image.out {
  z-index: 2;
}
.feature-gallery-block .feature-gallery-image.active {
  opacity: 1;
  z-index: 3;
}
.feature-gallery-block #f-gallery-control-line {
  display: flex;
  gap: 6px;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  z-index: 4;
}
.feature-gallery-block #f-gallery-control-line .f-gallery-button {
  width: 16px;
  height: 8px;
  flex-shrink: 0;
  background-color: #E9EDF3;
  border-radius: 16px;
  cursor: pointer;
}
.feature-gallery-block #f-gallery-control-line .f-gallery-button.active {
  background-color: #284B8C;
}
.feature-gallery-block #f-gallery-control-line .f-gallery-button:hover {
  background-color: #2A5E9B;
}
.feature-gallery-block.feature-gallery-block-1 #f-gallery-control-line {
  display: none;
}

.files-container .files-title {
  font-size: 18px;
  font-weight: bold;
  margin-top: 12px;
}
.files-container .files-container-list {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.files-container .files-container-list .file-item {
  border-radius: 6px;
  padding: 6px;
  width: calc((100% - 36px) / 4);
  box-sizing: border-box;
  border: 1px solid #C8C8C8;
  display: flex;
  gap: 2px;
  align-items: center;
}
.files-container .files-container-list .file-item .file-item-info .file-item-title {
  word-break: break-word;
  font-size: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 18px;
}
.files-container .files-container-list .file-item .file-item-info .file-item-size {
  font-size: 13px;
  color: #C8C8C8;
  margin-top: 2px;
}
.files-container .files-container-list .file-item .file-item-icon {
  display: flex;
  justify-content: center;
  position: relative;
}
.files-container .files-container-list .file-item .file-item-icon .file-item-ext {
  position: absolute;
  left: 0;
  padding: 4px;
  border-radius: 4px;
  font-size: 10px;
  bottom: 15px;
  color: #FFFFFF;
}
.files-container .files-container-list .file-item .file-item-icon svg {
  width: 52px;
  height: 52px;
  color: #1A2E35;
}
.files-container .files-container-list .file-item:hover {
  background-color: #E9EDF3;
  border-color: #E9EDF3;
}
.files-container .files-container-list .file-item:hover .file-item-icon svg {
  color: #284B8C;
}
.files-container .files-container-list .file-item:hover .file-item-info .file-item-title {
  color: #284B8C;
}
.files-container .files-container-list .file-item:hover .file-item-info .file-item-size {
  color: #5e5e5e;
}
@media screen and (max-width: 1280px) {
  .files-container .files-container-list .file-item {
    width: calc((100% - 24px) / 3);
  }
}
@media screen and (max-width: 1024px) {
  .files-container .files-container-list .file-item {
    width: calc((100% - 12px) / 2);
  }
}
@media screen and (max-width: 520px) {
  .files-container .files-container-list .file-item {
    width: 100%;
  }
}

.news-post-date {
  text-align: center;
  font-size: 13px;
  color: #5e5e5e;
  font-weight: 400;
}

#search-p-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: calc(100vh - 460px);
  max-width: 700px;
  margin: 12px auto;
}
#search-p-content #s-p-input {
  width: calc(100% - 12px);
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #C8C8C8;
}
#search-p-content #s-p-input:focus {
  outline: none;
  border-color: #284B8C;
}
#search-p-content #s-p-result-container {
  width: 100%;
}
#search-p-content #s-p-result-container .sp-loader {
  font-size: 13px;
  text-align: center;
}
#search-p-content #s-p-result-container .sp-result-item {
  display: flex;
  gap: 12px;
}
#contacts-container {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
}
#contacts-container .contacts-item {
  border: 1px solid #9CACCA;
  width: calc((100% - 24px) / 3);
  box-sizing: border-box;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-bottom: 12px;
  cursor: pointer;
}
#contacts-container .contacts-item .contacts-title {
  text-align: center;
  font-size: 16px;
  color: #284B8C;
  font-weight: 500;
  padding: 12px;
  border-radius: 4px 4px 0 0;
}
#contacts-container .contacts-item .contacts-line {
  padding: 0 12px;
  margin-top: 6px;
}
#contacts-container .contacts-item .contacts-line .c-l-title {
  font-size: 13px;
  color: #C8C8C8;
}
#contacts-container .contacts-item:hover {
  border-color: #284B8C;
}
@media screen and (max-width: 1024px) {
  #contacts-container .contacts-item {
    width: calc((100% - 12px) / 2);
  }
}
@media screen and (max-width: 640px) {
  #contacts-container .contacts-item {
    width: 100%;
  }
}

#content-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 12px 0;
}
#content-items img {
  width: fit-content;
  max-width: 100%;
  border-radius: 6px;
  margin: 0 auto;
}
#content-items .content-file {
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
}
#content-items .content-file .content-file-icon {
  width: 24px;
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#content-items .content-file .content-file-icon .file-extension {
  position: absolute;
  width: calc(100% - 2px);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 7px;
  padding: 0 1px;
  color: white;
  margin-top: 4px;
  font-weight: bold;
}
#content-items .content-file .content-file-icon svg {
  width: 24px;
  height: 32px;
}
#content-items .p-title-2 {
  font-weight: 700;
  font-size: 24px;
}
#content-items .p-text {
  white-space: pre-wrap;
  line-height: 130%;
}
#content-items .p-text font {
  color: attr(color, #1A2E35);
}
#content-items .content-video {
  display: flex;
  justify-content: center;
}
#content-items .content-video iframe {
  width: 100%;
  height: calc((100vw - 24px) / 1.77);
  max-height: 542px;
  max-width: 960px;
  border-radius: 6px;
}

#edit-button {
  position: fixed;
  padding: 6px 12px;
  background: #284B8C;
  right: 12px;
  bottom: 12px;
  color: white;
  border-radius: 20px;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 4px;
  z-index: 9;
}
#edit-button svg {
  width: 20px;
  height: 20px;
}
#edit-button:hover {
  background: #9CACCA;
}

div#developer-line {
  margin-top: auto;
  font-size: 13px;
  padding: 6px 0;
  color: #5e5e5e;
}
div#developer-line a {
  color: #FF3A66;
  font-weight: 500;
  display: inline;
}
div#developer-line a:hover {
  opacity: 0.7;
}

#cookie-container {
  position: fixed;
  z-index: 5;
  width: 100%;
  background: #292B2F;
  left: 0;
  bottom: 0;
  display: none;
  border-top: 1px solid #F8F8F8;
}
#cookie-container.view {
  display: block;
}
#cookie-container #cookie-content {
  padding: 12px;
  display: flex;
  width: calc(100% - 24px);
  max-width: 640px;
  margin: 0 auto;
  gap: 12px;
  align-items: center;
  justify-content: center;
}
#cookie-container #cookie-content #cookie-text {
  font-size: 13px;
  color: #FFFFFF;
}
#cookie-container #cookie-content #cookie-text #cookie-more-button {
  color: #FFFFFF;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 12px;
}
#cookie-container #cookie-content #cookie-text #cookie-more-button:hover {
  color: #2A5E9B;
}
#cookie-container #cookie-content #cookie-text-more {
  color: #FFFFFF;
  font-size: 13px;
  display: none;
}
#cookie-container #cookie-content #cookie-accept-button {
  background: #284B8C;
  color: #FFFFFF;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
}
#cookie-container #cookie-content #cookie-accept-button:hover {
  background: #FFFFFF;
  color: #284B8C;
}
#cookie-container #cookie-content.more #cookie-text {
  display: none;
}
#cookie-container #cookie-content.more #cookie-text-more {
  display: block;
}

/*# sourceMappingURL=header.css.map */