.fancy-heading {
margin: 0;
line-height: 1.2;
} .fancy-heading.align-left {
text-align: left;
}
.fancy-heading.align-center {
text-align: center;
}
.fancy-heading.align-right {
text-align: right;
} .fancy-heading.font-main {
font-family: var(--typography-family-main);
}
.fancy-heading.font-secondary {
font-family: var(--typography-family-secondary);
} .fancy-heading.weight-400 {
font-weight: var(--typography-weight-regular);
}
.fancy-heading.weight-800 {
font-weight: 900;
} .fancy-heading.size-standard {
font-size: inherit;
}
.fancy-heading.size-2em {
font-size: 2em;
}
.fancy-heading.size-3em {
font-size: 3em;
}
.fancy-heading.size-4em {
font-size: 4em;
}
.fancy-heading.size-5em {
font-size: 5em;
}
.fancy-heading.size-6em {
font-size: 6em;
}
.fancy-heading.size-7em {
font-size: 7em;
}
.fancy-heading.size-8em {
font-size: 8em;
} .fancy-heading.color-standard {
color: var(--color-heading);
}
.fancy-heading.color-white {
color: var(--color-white);
}
.fancy-heading.color-blue {
color: var(--color-science-blue);
} .fancy-heading.transform-standard {
text-transform: none;
}
.fancy-heading.transform-uppercase {
text-transform: uppercase;
} @media (max-width: 768px) {
.fancy-heading.align-right {
text-align: left;
}
.fancy-heading.size-2em {
font-size: 1.5em;
}
.fancy-heading.size-3em {
font-size: 2em;
}
.fancy-heading.size-4em {
font-size: 2.5em;
}
.fancy-heading.size-5em {
font-size: 3em;
}
.fancy-heading.size-6em {
font-size: 3.5em;
}
.fancy-heading.size-7em {
font-size: 4em;
}
.fancy-heading.size-8em {
font-size: 4.5em;
}
} @media (max-width: 480px) {
.fancy-heading.align-right {
text-align: left;
}
.fancy-heading.size-2em {
font-size: 1.3em;
}
.fancy-heading.size-3em {
font-size: 1.6em;
}
.fancy-heading.size-4em {
font-size: 2em;
}
.fancy-heading.size-5em {
font-size: 2.5em;
}
.fancy-heading.size-6em {
font-size: 3em;
}
.fancy-heading.size-7em {
font-size: 3.5em;
}
.fancy-heading.size-8em {
font-size: 4em;
}
} @media (max-width: 360px) {
.fancy-heading.size-2em {
font-size: 1.2em;
}
.fancy-heading.size-3em {
font-size: 1.4em;
}
.fancy-heading.size-4em {
font-size: 1.8em;
}
.fancy-heading.size-5em {
font-size: 2.2em;
}
.fancy-heading.size-6em {
font-size: 2.6em;
}
.fancy-heading.size-7em {
font-size: 3em;
}
.fancy-heading.size-8em {
font-size: 3.4em;
}
}.icon-links {
background: var(--color-white);
}
.icon-links__list {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
width: 100%;
}
.icon-links__item {
display: inline-flex;
align-items: center;
gap: 15px;
text-decoration: none;
color: var(--color-text-dark, #333);
width: fit-content;
max-width: none;
}
.icon-links__item:hover {
opacity: 0.8;
}
.icon-links__item:visited {
color: inherit;
}
.icon-links__item:active {
color: inherit;
}
.icon-links__item svg {
width: 24px;
height: 24px;
fill: var(--color-primary, #007cba);
flex-shrink: 0;
} @media (max-width: 768px) {
.icon-links__item {
gap: 10px;
}
.icon-links__item svg {
width: 20px;
height: 20px;
}
} @media (max-width: 480px) {
.icon-links__item {
gap: 8px;
}
.icon-links__item svg {
width: 18px;
height: 18px;
}
} @media (max-width: 360px) {
.icon-links__item {
gap: 6px;
}
.icon-links__item svg {
width: 16px;
height: 16px;
}
}.team {
background: var(--color-white);
}
.team__members {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 20px;
margin-bottom: 60px;
flex-wrap: wrap;
width: 100%;
}
.team__member {
text-align: center;
flex: 1;
min-width: 200px;
max-width: none;
cursor: pointer; position: relative; }
.team__member-photo-wrapper {
position: relative;
width: 200px;
height: 200px;
margin: 0 auto 20px;
border-radius: 50%;
overflow: hidden;
cursor: pointer;
transition: transform 0.3s ease;
}
.team__member-photo-wrapper:hover {
transform: scale(1.05);
}
.team__member-photo {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: filter 0.3s ease;
}
.team__member-photo-wrapper:hover .team__member-photo {
filter: brightness(0.7);
} .team__member-photo-wrapper--active .team__member-photo {
filter: brightness(0.7);
}
.team__member-photo-wrapper--active .team__member-contact-overlay {
opacity: 1;
}
.team__member-contact-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 15px;
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 50%;
}
.team__member-contact-item {
display: flex;
align-items: center;
gap: 8px;
color: var(--color-white);
text-decoration: none;
font-size: 14px;
font-weight: 500;
padding: 8px 12px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
transition: all 0.3s ease;
}
.team__member-contact-item:hover {
background: rgba(255, 255, 255, 0.3);
transform: translateY(-2px);
color: var(--color-white);
}
.team__member-contact-icon {
flex-shrink: 0;
}
.team__member-info {
padding: 0 10px;
cursor: pointer; }
.team__member-name {
font-family: var(--typography-family-main);
font-size: var(--typography-size-body);
font-weight: var(--typography-weight-regular);
color: var(--color-text-dark);
margin: 0 0 8px 0;
text-transform: uppercase;
letter-spacing: 0.5px;
} .team__member--active .team__member-name {
font-weight: var(--typography-weight-bold);
}
.team__member-position {
font-family: var(--typography-family-main);
font-size: var(--typography-size-body);
font-weight: var(--typography-weight-regular);
color: var(--color-text-dark);
margin: 0;
line-height: 1.4;
} .team__member--active::after {
content: '';
display: block;
width: 24px;
height: 24px;
margin: 15px auto 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' width='24' height='24'%3E%3Cpath d='M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z' fill='%23007bff'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .team__description {
margin-top: 40px;
text-align: left;
width: 80%;
max-width: none;
margin-left: 0;
margin-right: auto;
}
.team__description-content {
font-family: var(--typography-family-main);
font-size: var(--typography-size-body);
line-height: 1.6;
color: var(--color-text-dark);
}
.team__description-content p {
margin: 0 0 15px 0;
}
.team__description-content p:last-child {
margin-bottom: 0;
} @media (max-width: 768px) {
.team {
padding: 0px 0;
}
.team__members {
gap: 30px;
margin-bottom: 0px;
}
.team__member-photo-wrapper {
width: 150px;
height: 150px;
margin-bottom: 15px;
}
.team__member-name {
font-size: var(--typography-size-h5);
}
.team__member-position {
font-size: var(--typography-size-small);
}
.team__member-contact-item {
font-size: 12px;
padding: 6px 10px;
gap: 6px;
}
.team__member-contact-icon {
width: 16px;
height: 16px;
}
}
@media (max-width: 480px) {
.team__members {
gap: 20px;
}
.team__member {
min-width: 150px;
}
.team__member-photo-wrapper {
width: 120px;
height: 120px;
}
.team__member-contact-overlay {
gap: 10px;
}
.team__member-contact-item {
font-size: 11px;
padding: 5px 8px;
}
} @media (max-width: 360px) {
.team__members {
gap: 15px;
}
.team__member {
min-width: 120px;
}
.team__member-photo-wrapper {
width: 100px;
height: 100px;
}
.team__member-name {
font-size: var(--typography-size-small);
}
.team__member-position {
font-size: var(--typography-size-small);
}
}.horizontal-buttons-block {
position: relative;
margin: 2rem 0;
} .horizontal-button {
display: inline-block;
text-decoration: none;
transition: transform 0.3s ease;
position: relative;
}
.horizontal-button:hover {
transform: translateY(-2px);
}
.horizontal-button-content {
display: inline-block;
vertical-align: middle;
} .horizontal-button-icon {
display: inline-block;
vertical-align: middle;
height: auto;
margin-right: 1rem;
}
.horizontal-button-icon svg {
width: 100% !important;
height: auto !important;
} .horizontal-button-text {
display: inline-block;
vertical-align: middle;
font-family: var(--typography-family-secondary);
font-weight: var(--typography-weight-medium);
font-size: 1.1rem;
letter-spacing: 0.05em;
text-transform: uppercase;
white-space: nowrap;
} .horizontal-buttons-block.text-left .horizontal-button-icon {
margin-right: 1rem;
margin-left: 0;
}
.horizontal-buttons-block.text-right .horizontal-button-icon {
margin-left: 1rem;
margin-right: 0;
} .horizontal-buttons-block.color-standard .horizontal-button-text {
color: var(--color-heading);
}
.horizontal-buttons-block.color-white .horizontal-button-text {
color: var(--color-white);
} .horizontal-button:focus {
outline: 2px solid var(--color-science-blue);
outline-offset: 2px;
} @media (max-width: 768px) {
.horizontal-button-icon svg {
max-width: 250px !important; max-height: 250px !important; }
.horizontal-button-text {
font-size: 1rem;
}
} @media (max-width: 480px) {
.horizontal-button-text {
font-size: 0.9rem;
}
} @media (max-width: 360px) {
.horizontal-button-text {
font-size: 0.8rem;
}
}.downloads-block {
position: relative;
margin: 2rem 0;
}
.downloads-container {
height: 100%;
overflow-y: auto;
scrollbar-width: none; -ms-overflow-style: none; } .downloads-container::-webkit-scrollbar {
display: none;
} .download-item {
min-height: 50px; border-bottom: 2px solid var(--color-science-blue);
transition: background-color 0.3s ease;
padding: 10px 0;
}
.download-item:last-child {
border-bottom: none;
}
.download-link {
display: block;
text-decoration: none;
color: inherit;
transition: background-color 0.3s ease;
}
.download-link:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.download-content {
display: flex;
justify-content: space-between;
align-items: center;
width: 100% !important;
max-width: 100% !important;
}
span.download-title {
margin-right: 10px;
}
.download-info {
flex: 1;
display: flex;
align-items: center;
font-family: var(--typography-family-main);
font-weight: var(--typography-weight-medium);
font-size: 1.5rem; line-height: 1.4;
}
.download-title {
font-family: var(--typography-family-secondary);
font-weight: var(--typography-weight-semibold);
}
.document-type {
font-family: var(--typography-family-main);
font-weight: var(--typography-weight-regular);
}
.download-country {
font-family: var(--typography-family-secondary);
font-weight: var(--typography-weight-semibold);
font-size: 1.3rem; text-transform: uppercase;
letter-spacing: 0.1em;
flex-shrink: 0;
margin-left: 1rem;
} .downloads-scroll-btn {
position: absolute !important;
right: -25px !important;
background: transparent !important;
border: none !important;
height: 30px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
z-index: 999 !important;
opacity: 1 !important;
visibility: visible !important;
}
.downloads-scroll-btn:hover {
background: var(--color-science-blue) !important;
}
.downloads-scroll-btn svg {
fill: var(--color-science-blue) !important;
transition: fill 0.3s ease !important;
width: 50px !important;
height: 50px !important;
}
.downloads-scroll-btn:hover svg {
fill: var(--color-white) !important;
}
.downloads-scroll-btn:focus {
outline: 2px solid var(--color-science-blue) !important;
outline-offset: 2px !important;
}
.downloads-scroll-up {
top: -30px !important; }
.downloads-scroll-down {
bottom: -30px !important; } .downloads-block.scheme-dark {
background-color: var(--color-main);
color: var(--color-white);
}
.downloads-block.scheme-light {
background-color: var(--color-white);
color: var(--color-heading);
border: 1px solid var(--color-border);
}
.downloads-block.scheme-light .download-item {
border-bottom-color: var(--color-science-blue);
} @media (max-width: 768px) {
.downloads-block {
height: 280px;
}
.download-info {
font-size: 1.3rem;
}
.download-country {
font-size: 1.1rem;
}
.downloads-scroll-btn {
width: 40px !important;
height: 40px !important;
}
.downloads-scroll-btn svg {
width: 40px !important;
height: 40px !important;
}
} @media (max-width: 480px) {
.downloads-block {
height: 250px;
}
.download-info {
font-size: 1.1rem;
}
.download-country {
font-size: 1rem;
}
.downloads-scroll-btn {
width: 35px !important;
height: 35px !important;
}
.downloads-scroll-btn svg {
width: 35px !important;
height: 35px !important;
}
} @media (max-width: 360px) {
.downloads-block {
height: 220px;
}
.download-info {
font-size: 1rem;
}
.download-country {
font-size: 0.9rem;
}
}