:root {
    --main-color: #004071;
    --lb-color: #3eb5f1;
    --db-color: #1f385e;
    --light-color: #7dc4df;
    --cyan-color: #27a4dd;
	
}

*,
*::before,
*::after {
	box-sizing: border-box;
}
ul[class],
ol[class] {
	padding: 0;
}
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
	margin: 0;
}
body {
	min-height: 100vh;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	line-height: 1.5;
}
ul[class],
ol[class] {
	list-style: none;
}
a:not([class]) {
	text-decoration-skip-ink: auto;
}
img {
	max-width: 100%;
	display: block;
}
article > * + * {
	margin-top: 1em;
}
input,
button,
textarea,
select {
	font: inherit;
}
@media (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}
a:focus, img:focus{outline:0;}
textarea, input[type="text"]{
	-webkit-appearance: none !important;
}
button, input[type="submit"]{
	-webkit-appearance: none !important;
}
html {
    line-height: 1.6;
}
body{
	padding:0;
	margin:0;
	width:100%;
	background:#fff;
	position:relative;
	font-family: "Roboto", "Segoe UI", sans-serif;
	color:#3c3c3c;
	font-stretch: condensed;
}

.container{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	padding:0 15px;
}

.header {
    width: 100%;
    background: url(../img/header-main-bg.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    transition: background 0.3s ease;
    position: relative;
    z-index: 100;
}
.header .header-top {
    background: transparent;
    transition: background-color 0.25s ease;
}
.header .header-top .container {
    display: flex;
    justify-content: space-between;
    gap: clamp(15px, calc(-10px + 2.083vw), 30px);
    padding: 0 15px;
    align-items: stretch;
}
.header .header-top .container .logo {
	flex: 0 1 250px;
    padding: 15px 0;
}
.header .header-top .container .logo img {
    width: 100%;
    height: auto;
    transition: opacity 0.25s ease;
}
.header .header-top .container .logo img.color-logo {
    display: none;
}
.header.menu-open .header-top {
    background: #ffffff !important;
}
.header.menu-open .header-top .container .top-navigation .site-top-menu a {
    color: #000 !important;
}

.header .header-top .container .logo .c-dark  { fill: #ffffff !important; }
.header .header-top .container .logo .c-light { fill: var(--light-color) !important; }
.header .header-top .container .logo .c-cyan  { fill: var(--cyan-color) !important; }

.header.menu-open .header-top .container .logo .c-dark  { fill: var(--main-color) !important; }

.header .header-top .container .top-navigation {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
	flex: 1 1 auto;
}
.header .header-top .container .top-navigation .site-title {
    width: 100%;
    font-weight: 700;
    font-size: clamp(1.00rem, calc(4px + 1.206vw), 1.70rem);
	line-height: clamp(1.30em, calc(0.980em + 0.032vw), 1.60em);
    text-transform: uppercase;
	text-align:center;
    color: #fff;
    white-space: nowrap;
    padding-top: 25px;
}
.header.menu-open .header-top .container .top-navigation .site-title {
    color: #000 !important;
}
.header .header-top .container .top-navigation .site-top-menu {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: clamp(5px, calc(-11px + 1.615vw), 20px);
    font-size: clamp(1.20rem, calc(-5px + 1.500vw), 1.50rem);
    line-height: 1.6em;
    text-transform: uppercase;
    color: #fff;
}
@media (max-width: 1600px) {
    .header .header-top .container .top-navigation .site-top-menu {
		font-size: clamp(0.90rem, calc(10px + 0.400vw), 1.00rem);
	}
}
@media (max-width: 1200px) {
    .header .header-top .container .top-navigation .site-top-menu {
		font-size: clamp(1.10rem, calc(0px + 1.231vw), 1.50rem);
	}
}
.header .header-top .container .top-navigation .site-top-menu .menu-item {
    position: relative;
    padding-bottom: 15px;
}
.header .header-top .container .top-navigation .site-top-menu .menu-item > a {
    text-decoration: none;
    color: #fff;
    padding: 5px 10px;
    transition: color 0.3s ease;
    position: relative;
    display: inline-block;
	white-space:nowrap;
    padding-bottom: 5px;
}
.header .header-top .container .top-navigation .site-top-menu .menu-item.active > a,
.header .header-top .container .top-navigation .site-top-menu .menu-item:hover > a,
.header.menu-open .header-top .container .top-navigation .site-top-menu .menu-item:hover > a {
    color: var(--main-color) !important;
}
.header .header-top .container .top-navigation .site-top-menu .menu-item > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background-color: var(--main-color);
    transition: width 0.3s ease;
}
.header .header-top .container .top-navigation .site-top-menu .menu-item.active > a::after,
.header .header-top .container .top-navigation .site-top-menu .menu-item:hover > a::after {
    width: 100%;
}
.header .header-top .container .top-navigation .site-top-menu .menu-item .dropdown-content {
    display: none;
}
.header .header-top .container .top-navigation .site-top-menu .menu-item .dropdown-content .dropdown-container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 16px 40px;
    max-height: 500px;
}
.header .header-top .container .top-navigation .site-top-menu .menu-item .dropdown-content .dropdown-container.auto-cols.is-limited {
    height: 500px;
}
.header .header-top .container .top-navigation .site-top-menu .menu-item .dropdown-content .dropdown-container.auto-cols {
    height: auto;
}
.header .header-top .container .top-navigation .site-top-menu .menu-item .dropdown-content .dropdown-container .submenu-column {
    width: calc((100% - 80px) / 3);
    min-width: 260px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    break-inside: avoid;
}
.header .header-top .container .top-navigation .site-top-menu .menu-item .dropdown-content .dropdown-container a {
    color: #000;
    font-size: 1rem;
    display: block;
    padding: 5px 0;
    text-decoration: none;
}
.header .header-top .container .top-controls {
        flex: 0 0 auto;
        padding-top: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 12px;
        position: relative;
}
.header .header-top .container .top-controls img {
	height: 27px;
	width: auto;
	transition: transform 0.2s ease, filter 0.2s ease;
}
.header .header-top .container .top-controls img:hover {
	transform: scale(1.1);
}
.header.menu-open .header-top .container .top-controls img {
	filter: invert(1) brightness(0);
}

.header.menu-open .header-top .container .top-controls .language-icon span {
	color: #000;
}
.header .header-top .container .top-controls .language-icon span {
	color: #fff;
	font-size: 16px;
	margin-left: 10px;
	transition: color 0.2s ease;
}
.header .header-top .container .top-controls .control-item button,
.header .header-top .container .top-controls .control-item a {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: inherit;
	color: inherit;
	text-decoration: none;
}
.header .header-top .container .top-controls .dropdown {
	position: relative;
}
.header .header-top .container .top-controls .dropdown-content {
	position: absolute;
	top: calc(100% + 10px);
	left: -50%;
	background: #fff;
	border: 1px solid #ccc;
	min-width: 110px;
	max-width: 200px;
	padding: 8px 10px;
	font-size: 14px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.08);
	opacity: 0;
	transform: translateY(-8px);
	pointer-events: none;
	transition: all 0.2s ease;
	z-index: 1000;
}
.header .header-top .container .top-controls .dropdown-content.active {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}
.header .header-top .container .top-controls .font-control {
	display: flex;
	padding: 0;
}
.header .header-top .container .top-controls .font-control button {
	flex: 1;
	padding: 3px 5px;
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
	border-right: none;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}
.header .header-top .container .top-controls .font-control button:last-child {
        border-right: 1px solid #ccc;
}

.header .header-top .container .top-controls .font-control button:hover {
	background: #f5f5f5;
}

.header .header-top .container .top-controls .language-list {
	display: flex;
	flex-direction: column;
}

.header .header-top .container .top-controls .language-list a {
	color: #000;
	text-decoration: none;
	padding: 3px 5px;
	font-size: 16px;
	border-bottom: 1px solid #eee;
	transition: background 0.2s ease;
}

.header .header-top .container .top-controls .language-list a:last-child {
	border-bottom: none;
}

.header .header-top .container .top-controls .language-list a:hover {
	background: #f2f2f2;
}

.header .header-top .container .top-controls .language-list a.selected {
	background: #e5e5e5;
	font-weight: bold;
}
.header .slide-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #ffffff;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.35s ease, opacity 0.3s ease;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #eaeaea;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    z-index: 9999;
}

.header .slide-menu.active {
    opacity: 1;
    visibility: visible;
    max-height: 2000px;
}

.header .slide-menu .slide-container {
    max-width: 1600px;
    margin: 0 auto;
    padding: clamp(20px, calc(-13px + 2.778vw), 40px) clamp(30px, calc(-20px + 4.167vw), 60px);
    column-width: clamp(260px, calc(120px + 8vw), 320px);
    column-gap: clamp(40px, calc(-10px + 3.5vw), 80px);
    column-rule: 1px solid #e5e5e5;
    display: block;
}

.header .slide-menu .slide-container .submenu-column {
    break-inside: avoid;
    display: block;
    margin-bottom: 10px;
}

.header .slide-menu .slide-container .submenu-column .submenu-title {
    font-weight: 700;
    font-size: clamp(0.9rem, calc(5px + 1vw), 1.1rem);
    color: #000;
    text-decoration: none;
    display: block;
    margin-bottom: 8px;
    transition: color 0.2s ease;
}

.header .slide-menu .slide-container .submenu-column .submenu-link {
    font-weight: 400;
    font-size: clamp(0.85rem, calc(5px + 0.8vw), 1rem);
    color: #000;
    display: block;
    text-decoration: none;
    margin: 4px 0;
    line-height: 1.4;
    transition: color 0.2s ease;
}

.header .slide-menu .slide-container .submenu-column .submenu-title:hover,
.header .slide-menu .slide-container .submenu-column .submenu-link:hover {
    color: var(--main-color);
}

.header .slide-menu .slide-container .submenu-column .submenu-title.active,
.header .slide-menu .slide-container .submenu-column .submenu-link.active {
    color: var(--main-color);
    font-weight: 700;
}

@media (max-width: 1200px) {
    .header .slide-menu .slide-container {
        column-width: clamp(220px, calc(100px + 6vw), 280px);
        column-gap: 40px;
    }
}

.top-actions {
        display: flex;
        align-items: flex-start;
        gap: 12px;
		padding-top:25px;
        margin-left: auto;
}

.top-actions .top-controls {
        gap: 12px;
}

.mobile-menu-toggle-wrapper {
        display: none;
}

.mobile-menu-toggle {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 6px;
        width: 44px;
        height: 44px;
        background: transparent;
        border: none;
        border-radius: 0;
        cursor: pointer;
        padding: 6px;
        transition: transform 0.2s ease;
}

.mobile-menu-toggle:focus {
        outline: 2px solid #003f82;
        outline-offset: 2px;
}

.mobile-menu-toggle:hover {
        transform: scale(1.02);
}

.mobile-menu-line {
        display: block;
        width: 24px;
        height: 3px;
        background: #ffffff;
        border-radius: 3px;
}

.mobile-menu-overlay {
        position: fixed;
        inset: 0;
        z-index: 2000;
        display: none;
        background: rgba(0, 0, 0, 0.7);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.3s ease, visibility 0.3s ease;
}

.mobile-menu-overlay.is-open {
        display: flex;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
}

.mobile-menu-panel {
        width: 100%;
        max-width: 100%;
        background: #ffffff;
        color: #000000;
        height: 100%;
        overflow-y: auto;
        padding: 20px 16px 32px;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        display: flex;
        flex-direction: column;
        gap: 12px;
}

.mobile-menu-overlay.is-open .mobile-menu-panel {
        transform: translateX(0);
}

.mobile-menu-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #e5e7eb;
}

.mobile-menu-title {
        font-weight: 700;
        font-size: 1.1rem;
        text-transform: uppercase;
        text-align: center;
        flex: 1 1 auto;
}

.mobile-menu-close {
        background: transparent;
        border: none;
        font-size: 1.5rem;
        line-height: 1;
        cursor: pointer;
        color: #111827;
}

.mobile-menu-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
}

.mobile-menu-item {
        display: flex;
        flex-direction: column;
        gap: 8px;
}

.mobile-menu-item-header,
.mobile-submenu-header {
        display: flex;
        align-items: center;
        gap: 12px;
}

.mobile-menu-link,
.mobile-submenu-link {
        display: inline-block;
        padding: 10px 12px;
        background: #f3f4f6;
        border-radius: 8px;
        color: #1f2937;
        text-decoration: none;
        transition: background-color 0.2s ease, color 0.2s ease;
        flex: 1 1 auto;
}

.mobile-menu-link:hover,
.mobile-submenu-link:hover {
        background: #e5e7eb;
}

.mobile-menu-link.active,
.mobile-submenu-link.active {
        background: #e0ecff;
        color: #003f82;
}

.mobile-menu-expand {
        flex: 0 0 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 36px;
        background: transparent;
        border: 1px solid #d1d5db;
        border-radius: 8px;
        cursor: pointer;
        color: #111827;
        transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.mobile-menu-expand::before {
        content: '+';
        font-size: 1.2rem;
        line-height: 1;
}

.mobile-menu-expand.is-open {
        background: #e0ecff;
        border-color: #003f82;
        color: #003f82;
}

.mobile-menu-expand.is-open::before {
        content: '−';
}

.mobile-submenu,
.mobile-subsubmenu {
        display: none;
        flex-direction: column;
        gap: 6px;
        padding-left: 6px;
}

.mobile-subsubmenu {
        gap: 4px;
        padding-left: 12px;
}

.mobile-submenu.is-open,
.mobile-subsubmenu.is-open {
        display: flex;
}

.mobile-submenu-link.level-2 {
        font-size: 0.95rem;
}

@media (max-width: 992px) {
        .header .header-top .container {
                align-items: center;
        }

        .header .header-top .container .logo {
                flex: 0 1 150px;
        }

        .header .header-top .container .logo img{
                width:150px;
                height:auto;
        }

        .header .header-top .container .top-navigation {
                display: none;
        }

        .top-actions {
                margin-left: auto;
				align-items:center;
				padding-top:0;
        }

        .mobile-menu-toggle-wrapper {
                display: flex;
                justify-content: flex-end;
        }

        .mobile-menu-overlay {
                display: none;
        }

        body.is-mobile-menu-open {
                overflow: hidden;
        }
}

@media (min-width: 993px) {
        .mobile-menu-toggle-wrapper,
        .mobile-menu-overlay {
                display: none !important;
                opacity: 0 !important;
                visibility: hidden !important;
                pointer-events: none !important;
        }
}

@media (max-width: 992px) {
    .header .slide-menu .slide-container {
        column-width: 100%;
        column-gap: 0;
        column-rule: none;
    }
    .header .slide-menu .slide-container .submenu-column {
        margin-bottom: 20px;
    }
}

.header .header-main-navigation .menu-section {
    display: flex;
    border-top: 2px solid rgba(255, 255, 255, 0.3);
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
.header .header-main-navigation .menu-section .menu-item {
    position: relative;
    flex: 1 1 0;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    cursor: pointer;
}
.header .header-main-navigation .menu-section .menu-item .overlay {
    position: absolute;
    inset: 0;
    background: transparent;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    z-index: 2;
    transition: transform 0.6s ease;
}
.header .header-main-navigation .menu-section .menu-item .overlay img {
    transition: transform 0.3s ease;
    max-width: clamp(65px, calc(7px + 4.861vw), 100px);
    height: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
.header .header-main-navigation .menu-section .menu-item .overlay h3 {
    text-transform: uppercase;
    font-size: clamp(2.00rem, calc(5.33px + 2.222vw), 3.00rem);
    line-height: clamp(1.30em, calc(0.800em + 0.042vw), 1.60em);
    font-weight: 700;
    max-width: clamp(260px, calc(77px + 15.278vw), 370px);
    margin: 0;
    letter-spacing: 0.5px;
    transition: transform 0.3s ease;
}
.header .header-main-navigation .menu-section .menu-item .submenu {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    padding: 44px 16px;
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.6s ease, opacity 0.6s ease;
    background: transparent;
    z-index: 1;
}
.header .header-main-navigation .menu-section .menu-item .submenu .submenu-title {
    inset: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(20px, calc(3px + 1.389vw), 30px);
    margin-bottom: clamp(20px, calc(3px + 1.389vw), 30px);
    transition: transform 0.6s ease;
}
.header .header-main-navigation .menu-section .menu-item .submenu .submenu-title img {
    filter: brightness(0) invert(1);
    transition: transform 0.3s ease;
    max-width: clamp(65px, calc(7px + 4.861vw), 100px);
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    height: auto;
}
.header .header-main-navigation .menu-section .menu-item .submenu .submenu-title h3 {
    text-transform: uppercase;
    font-size: clamp(2.00rem, calc(5.33px + 2.222vw), 3.00rem);
    line-height: clamp(1.30em, calc(0.800em + 0.042vw), 1.60em);
    font-weight: 700;
    max-width: clamp(260px, calc(77px + 15.278vw), 370px);
    margin: 0;
    letter-spacing: 0.5px;
    transition: transform 0.3s ease;
}
.header .header-main-navigation .menu-section .menu-item .submenu-nav {
    width: clamp(270px, calc(-30px + 25.000vw), 450px);
}
.header .header-main-navigation .menu-section .menu-item .submenu ul li {
    margin: 8px 0;
	position:relative;
	padding-left: 36px;
}
.header .header-main-navigation .menu-section .menu-item .submenu ul li a {
    color: #fff;
    text-decoration: none;
    font-size: clamp(1.00rem, calc(2.67px + 1.111vw), 1.50rem);
    line-height: clamp(1.30em, calc(0.800em + 0.042vw), 1.60em);
    opacity: 0.85;
    transition: opacity 0.2s;
}
.header .header-main-navigation .menu-section .menu-item .submenu ul li a:hover {
    opacity: 1;
}
.header .header-main-navigation .menu-section .menu-item .submenu ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.15);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    pointer-events: none;
}
.header .header-main-navigation .menu-section .menu-item .submenu ul li:hover::before {
    background: var(--main-color);
}
.header .header-main-navigation .menu-section .menu-item:hover .overlay {
    transform: translateX(100%);
}
.header .header-main-navigation .menu-section .menu-item:hover .submenu {
    transform: translateX(0);
    opacity: 1;
}
.header .header-title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    padding: 40px 15px;
    border-top: 2px solid rgba(255, 255, 255, 0.3);
}
.header .header-title h1 {
    font-size: clamp(1.20rem, calc(-2px + 1.778vw), 2.00rem);
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.header .header-title .breadcrumbs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: clamp(0.88rem, calc(7px + 0.556vw), 1.13rem);
}
.header .header-title .breadcrumbs a {
    color: #fff;
    font-size: clamp(0.88rem, calc(7px + 0.556vw), 1.13rem);
    text-decoration: none;
}
.header .header-title .breadcrumbs a:hover {
    text-decoration: underline;
}



.header {
  width: 100%;
  background: var(--main-color) url(../img/header-main-bg.jpg) top center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  z-index: 100;
}

.header .header-top {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 10000;
  background: transparent !important;
  transition: background-color 0.25s ease;
}

body.scrolled .header .header-top {
  background-color: var(--main-color) !important;
}

body.scrolled .header.menu-open .header-top {
  background-color: #fff !important;
}

.header .slide-menu {
  position: fixed !important;
  top: var(--header-height, 120px);
  left: 0; width: 100%;
  z-index: 9999;
  background: #fff;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.35s ease, opacity 0.3s ease, visibility 0s linear 0.35s;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #eaeaea;
  box-shadow: none;
}

.header .slide-menu.active {
  max-height: 2000px;
  opacity: 1;
  visibility: visible;
  transition: max-height 0.35s ease, opacity 0.3s ease;
}

.header .header-top,
body.scrolled .header .header-top,
.header.menu-open .header-top {
  box-shadow: none !important;
}
header.header {
    padding-top: var(--header-height, 0px);
}

.header .header-main-navigation .menu-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.header .header-title {
    padding: clamp(30px, calc(10px + 3vw), 50px) 15px;
    text-align: center;
}

.header .header-title h1 {
    max-width: 100%;
    width: 100%;
    text-align: center;
    word-break: break-word;
    hyphens: auto;
    line-height: 1.3;
}

.header .header-title .breadcrumbs {
    flex-wrap: wrap;
    text-align: center;
    line-height: 1.4;
}

.header .header-title .breadcrumbs a {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .header .header-title h1 {
        font-size: clamp(1.2rem, 4vw, 1.7rem);
        letter-spacing: 1px;
    }
    .header .header-title .breadcrumbs {
        gap: 6px;
        font-size: clamp(0.85rem, 3.5vw, 1.05rem);
    }
}

@media (max-width: 480px) {
    .header .header-title h1 {
        font-size: clamp(1.1rem, 5vw, 1.5rem);
    }
    .header .header-title .breadcrumbs a {
        white-space: normal;
    }
}

@media (max-width: 991px) {
    .header .header-main-navigation .menu-section {
		display:flex;
        flex-direction: column;
        align-items: stretch;
    }

    .header .header-main-navigation .menu-section .menu-item {
        flex: 0 0 auto;
        flex-direction: column;
        align-items: stretch;
        border-top: 1px solid rgba(255, 255, 255, 0.25);
    }

    .header .header-main-navigation .menu-section .menu-item:first-child {
        border-top: none;
    }

    .header .header-main-navigation .menu-section .menu-item .overlay {
        position: relative;
        padding: 20px 16px;
        transform: none;
        gap: 16px;
    }

    .header .header-main-navigation .menu-section .menu-item .overlay h3 {
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .header .header-main-navigation .menu-section .menu-item .submenu {
        position: relative;
        transform: none;
        opacity: 1;
        padding: 0 16px 16px;
        align-items: flex-start;
        display: none;
    }

    .header .header-main-navigation .menu-section .menu-item .submenu .submenu-title {
        display:none;
    }

    .header .header-main-navigation .menu-section .menu-item .submenu .submenu-nav {
        width: 100%;
		max-width: 450px;
        margin: 0 auto;
    }

    .header .header-main-navigation .menu-section .menu-item:hover .overlay {
        transform: none;
    }
	.header .header-main-navigation .menu-section .menu-item .overlay h3 {
		max-width:100%;
	}

    .header .header-main-navigation .menu-section .menu-item:hover .submenu {
        transform: none;
    }

    .header .header-main-navigation .menu-section .menu-item.is-open .submenu {
        display: flex;
    }
}


.accessibility-panel {
	position: fixed;
	top: 0;
	right: -140px;
	width: 120px;
	height: 100vh;
	background: #fff;
	box-shadow: -2px 0 10px rgba(0,0,0,0.15);
	border-left: 1px solid #ddd;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	transition: right 0.3s ease-in-out;
	z-index: 9999;
}
.accessibility-panel.open {
	right: 0;
}
.accessibility-panel .panel-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	margin-bottom: 10px;
}
.accessibility-panel .close-panel {
	background: none;
	border: none;
	font-size: 44px;
	line-height:50px;
	cursor: pointer;
	margin-left:auto;
	margin-right:auto;
}
.accessibility-panel .panel-section label {
	display: block;
	font-weight: 600;
	text-align:center;
	margin-bottom: 6px;
}
.accessibility-panel .panel-section button {
	border: 1px solid #000;
	background: #fff;
	cursor: pointer;
	min-width: 35px;
	height:35px;
	padding: 0 5px;
	font-weight: bold;
	transition: all 0.2s ease;
}
.accessibility-panel .panel-section button.active,
.accessibility-panel .panel-section button:hover {
	background: #000;
	color: #fff;
}
.accessibility-panel .font-size-controls,
.accessibility-panel .contrast-controls,
.accessibility-panel .image-mode-controls {
	display: flex;
	flex-direction:column;
	gap: 5px;
}


.section-title{
	height: clamp(100px, calc(17px + 6.944vw), 150px);
	background: url(../img/section-title-bg.png) center center no-repeat;
	background-size:contain;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#000;
	font-size: clamp(2.00rem, calc(5.33px + 2.222vw), 3.00rem);
	line-height: clamp(1.30em, calc(0.800em + 0.042vw), 1.60em);
	text-transform:uppercase;
	margin-bottom: clamp(20px, calc(3px + 1.389vw), 30px);
}

.search-form{
	display:flex;
	justify-content:center;
	align-items:center;
}
.search-form input{
	max-width:550px;
	width:100%;
	height: 40px;
	padding: 5px 15px;
	outline:0;
	border:2px solid #0d4d7a;
}
.search-form button{
	height: 40px;
	padding: 0 25px;
	line-height: 40px;
	color:#fff;
	background:#0d4d7a;
	border:0;
	outline:0;
	cursor:pointer;
}
.search-form button:hover{
	background:var(--lb-color);
}

.page-container .container{
	max-width:1740px;
}
.page-container .container .page-text{
	padding: 30px 0;
	text-align:justify;
	font-size: clamp(1.00rem, calc(7px + 0.778vw), 1.35rem);
	letter-spacing:0;
}
.page-container .container .page-text h2{
	text-indent:0;
	font-size: clamp(1.50rem, calc(11px + 1.111vw), 2.00rem);
}
.page-container .container .page-text h3{
	text-indent:0;
	font-size: clamp(1.30rem, calc(7px + 1.111vw), 1.80rem);
}
.page-container .container .page-text h4{
	text-indent:0;
	font-size: clamp(1.10rem, calc(4px + 1.111vw), 1.60rem);
}
.page-container .container .page-text a{
	font-weight:600;
	color:#0d4d7a;
	text-decoration:none;
	text-indent:0;
}
.page-container .container .page-text a.download-link{
	width:250px;
	height:100px;
	display: inline-block;
	margin: 10px;
	padding: 0 30px;
	background: #0d4d7a url(../img/download.png) 20px center no-repeat;
	font-size: clamp(1.00rem, calc(11px + 0.444vw), 1.20rem);
	line-height: 100px;
	color:#fff;
	text-align:right;
}
.page-container .container .page-text  a.blue-link {
    width:200px;
	height:50px;
	display: inline-block;
	margin: 10px;
	padding: 0 30px;
	background: #0d4d7a;
	font-size: clamp(1.00rem, calc(11px + 0.444vw), 1.20rem);
	line-height: 50px;
	color:#fff;
	text-align:center;
}
.page-container .container .page-text a:hover{
	text-decoration:underline;
}
.page-container .container .page-text img{
	display:inline-block;
}
.page-container .container .page-text ul{
	list-style: disc outside;
}
.page-container .container .page-text ul li, .page-container .container .page-text ol li{
	text-indent:0;
}

.page-container .container .page-text table {
	max-width:1200px;
	width:100%;
	margin:20px auto;
	border-collapse: collapse;
}
.page-container .container .page-text table tr{
	
}
.page-container .container .page-text table thead tr{
	background:#0d4d7a;
	color:#fff;
}
.page-container .container .page-text table tr th{
	background:#0d4d7a;
	color:#fff;
	padding: 10px;
}
.page-container .container .page-text table tr td{
	border: 1px solid #0d4d7a;
	padding: 10px;
	text-align: center;
	font-size: clamp(1.00rem, calc(11px + 0.444vw), 1.20rem);
	line-height: clamp(1.10em, calc(0.767em + 0.028vw), 1.30em);
}
.page-container .container .page-text table tr td p, .page-container .container .page-text table tr td a{
	text-align: center;
	font-size: clamp(1.00rem, calc(11px + 0.444vw), 1.20rem);
	line-height: clamp(1.10em, calc(0.767em + 0.028vw), 1.30em);
}
.page-container .container .page-text .csr-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
	margin-bottom:30px;
}
.page-container .container .page-text .csr-block {
    flex: 1 1 calc(50% - 40px);
    max-width: 600px;
    text-align: center;
}
.page-container .container .page-text .csr-block img {
    width: 100%;
    max-width: 300px;
    height: auto;
    display: block;
    margin: 0 auto 20px;
    object-fit: cover;
}
.page-container .container .page-text .csr-block h5 {
    margin: 5px 0;
    text-align: center;
	text-indent: 0;
}
@media (max-width: 768px) {
    .page-container .container .page-text .csr-block {
        flex: 1 1 100%;
        max-width: none;
    }
}



.page-container .container .page-links ul.page-links-list{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:stretch;
	flex-wrap:wrap;
	gap: clamp(30px, calc(-3px + 2.778vw), 50px);
	padding: clamp(15px, calc(-10px + 2.083vw), 30px) clamp(20px, calc(-80px + 8.333vw), 80px) clamp(30px, calc(-3px + 2.778vw), 50px);
}
.page-container .container .page-links ul.page-links-list li.page-link-item{
	width:350px;
	height:200px;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:15px;
	background:var(--main-color) url(../img/link-bg.png) center center no-repeat;
	transition: background-color 0.4s ease-out;
}
.page-container .container .page-links ul.page-links-list li.page-link-item a{
	color:#fff;
	font-size:28px;
	line-height:1.6rem;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
}
.page-container .container .page-links ul.page-links-list li.page-link-item a.title-endless{
	font-size:14px;
	line-height:1.3rem;
}
.page-container .container .page-links ul.page-links-list li.page-link-item a.title-long{
	font-size:16px;
}
.page-container .container .page-links ul.page-links-list li.page-link-item a.title-medium{
	font-size:22px;
}
.page-container .container .page-links ul.page-links-list li.page-link-item:hover{
	background-color: var(--cyan-color);
}


.page-container .container .gazeta-page table {
	display: table !important;
	width: 100%;
	border-collapse: collapse;
}

.page-container .container .gazeta-page table td {
	display: table-cell !important;
	vertical-align: top;
	padding: 10px;
	border: none !important;
	text-align: center;
}

.page-container .container .gazeta-page table img {
    max-width: 250px !important;
	width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

.page-container .container .gazeta-page table td p {
    margin: 5px 0;
}

@media (max-width: 1298px) {

    .page-container .container .gazeta-page table {
        width: 100%;
    }

    .page-container .container .gazeta-page table tr {
		width: 100%;
        display: flex !important;
        flex-wrap: wrap;
        gap: 20px;
    }

    .page-container .container .gazeta-page table td {
        display: block !important;
        width: calc(50% - 20px);
        text-align: center;
        padding: 10px;
        border: none !important;
    }

    @media (min-width: 600px) and (max-width: 900px) {
        .page-container .container .gazeta-page table td {
            width: calc(33.33% - 20px);
        }
    }

    @media (min-width: 900px) and (max-width: 1298px) {
        .page-container .container .gazeta-page table td {
            width: calc(25% - 20px);
        }
    }
}

.tiles {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-top:40px;
  justify-content: center;
}

.tiles p {
  margin: 0;
  
  display: flex;
  justify-content: center;
}

.tiles img {
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.tiles a:hover img {
  transform: scale(1.05);
}

@media (max-width: 992px) {
  .tiles p {
    flex: 1 1 calc(50% - 20px);
  }
}

@media (max-width: 576px) {
  .tiles p {
    flex: 1 1 100%;
  }
}


.last-news, .news-list{
	width:100%;
	padding: 30px 0;
}
.news-block{
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
	gap: clamp(25px, calc(-17px + 3.472vw), 50px);
}
.news-block .post-block{
	width: calc((100% - clamp(25px, calc(-17px + 3.472vw), 50px)*3) / 4);
	
}
.news-block .post-block .image{
	aspect-ratio: 16/9;
    width: 100%;
    overflow: hidden;
	margin-bottom: clamp(10px, calc(-7px + 1.389vw), 20px);
}
.news-block .post-block .image img{
	width: 100%;
    height: 100%;
    object-fit: cover;
	transition: transform 0.8s ease-out;
}
.news-block .post-block .image:hover img{
	transform: scale(1.1);
}
.news-block .post-block .post-title{
	width: 100%;
	margin-bottom:10px;
}
.news-block .post-block .post-title a{
	font-size: clamp(1.00rem, calc(3px + 1.111vw), 1.50rem);
	color:#000;
	text-decoration:none;	
}
.news-block .post-block .post-title a:hover{
	text-decoration:underline;	
}
.news-block .post-block .post-annotation{
	width: 100%;
	font-size: clamp(0.75rem, calc(5px + 0.556vw), 1.00rem);
	font-weight:300;
	margin-bottom:10px;
}
.news-block .post-block .post-date{
	width: 100%;
	font-size: clamp(0.60rem, calc(4px + 0.444vw), 0.80rem);
	color:#999;
}
.last-news .more-news{
	width: 100%;
	display:flex;
	justify-content:center;
	align-items:center;
	padding: clamp(30px, calc(-3px + 2.778vw), 50px) 0;
}
.last-news .more-news a{
	width:270px;
	height:60px;
	display:flex;
	justify-content:center;
	align-items:center;
	background: var(--lb-color);
	color:#fff;
	text-decoration:none;
	font-size: clamp(1.00rem, calc(5px + 0.889vw), 1.40rem);
	text-transform:uppercase;
	transition: background 0.3s ease-out;
}
.last-news .more-news a:hover{
	background: var(--db-color);
}

.post-container .container{
	max-width:1740px;
}
.post-container .container .post-preview{
	padding: 20px 0;
	display:flex;
	justify-content:center;
	align-items:center;
}
.post-container .container .post-preview img{
	max-width:1000px;
	max-height:750px;
}
.post-container .container .post-text{
	padding: 20px 0;
	text-align:justify;
	font-size: clamp(1.00rem, calc(3px + 1.111vw), 1.50rem);
	letter-spacing:1px;
}
.post-container .container .post-text h2{
	font-size: clamp(1.50rem, calc(11px + 1.111vw), 2.00rem);
}
.post-container .container .post-text h3{
	font-size: clamp(1.30rem, calc(7px + 1.111vw), 1.80rem);
}
.post-container .container .post-text h4{
	font-size: clamp(1.10rem, calc(4px + 1.111vw), 1.60rem);
}

.post-container .post-images{ 
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	gap:20px;
	padding:50px 0;
}

.post-container .post-images .post-image{
	width: calc((100% - 20px * 3) / 4);
	overflow: hidden;
}

.post-container .post-images .post-image img{
	width:100%;
	height:260px;
	object-fit: cover;
	display:block;
	border-radius:6px;
}

@media (max-width:1199px){
	.post-container .post-images .post-image{
		width: calc((100% - 20px) / 2);
	}
}
@media (max-width:991px){
	.post-container .container .post-preview img{
		width:100%;
		height:auto;
	}
	.post-container .container .post-text img{
		width:100%;
		height:auto;
		margin-bottom:10px;
	}
}

@media (max-width:599px){
	.post-container .post-images .post-image{
		width:100%;
	}
	.post-container .post-images .post-image img{
		height:220px; 
	}
}

@media (max-width: 1199px){
	.news-block .post-block{
		width: calc((100% - 25px) / 2);
	}
}

@media (max-width: 575px){
	.news-block{
		gap: 20px;
	}

	.news-block .post-block{
		width: 100%;
	}

	.news-block .post-block .image{
		margin-bottom: 15px;
	}

	.last-news .more-news a{
		width: 100%;
		height: 55px;
		font-size: 1.2rem;
	}
}

.faculties{
	width:100%;
	background: var(--db-color);
	padding: clamp(40px, calc(-27px + 5.556vw), 80px) 0;
	margin-bottom: clamp(10px, calc(-23px + 2.778vw), 30px);
}
.faculties .container{
	max-width:1600px;
}
.faculties .container .faculties-list{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	gap: clamp(15px, calc(-10px + 2.083vw), 30px);
}
.faculties .container .faculties-list .faculty{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content: space-between;
	width:calc((100% - clamp(15px, calc(-10px + 2.083vw), 30px) * 3) / 4);
	background:#fff;
	padding: clamp(10px, calc(-7px + 1.389vw), 20px);
	min-height: clamp(150px, calc(67px + 6.944vw), 200px);
	text-decoration:none;
	transition: background 0.3s ease-out;
}
.faculties .container .faculties-list .faculty:hover{
	background: var(--lb-color);
}
.faculties .container .faculties-list .faculty .faculty-subtitle{
	max-width:70%;
	color:var(--db-color);
	font-weight:100;
	font-size: clamp(0.75rem, calc(5px + 0.556vw), 1.00rem);
	line-height: clamp(1.30em, calc(0.800em + 0.042vw), 1.60em);
	text-decoration:none;
	z-index:1;
	
}
.faculties .container .faculties-list .faculty .faculty-title{
	color:var(--db-color);
	font-weight:bold;
	font-size: clamp(1.40rem, calc(12px + 0.889vw), 1.60rem);
	line-height: clamp(1.10em, calc(0.767em + 0.028vw), 1.30em);
	text-decoration:none;
	z-index:1;
	
}
.faculties .container .faculties-list .faculty .faculty-icon{
	position:absolute;
	right: 15px;
	bottom: 15px;
	z-index:0;
}
.faculties .container .faculties-list .faculty:hover .faculty-icon img{
	filter: invert(1) brightness(1000%);
}

@media (max-width: 1199px){
	.faculties .container .faculties-list .faculty{
		width: calc((100% - 20px*2) / 3);
	}
}

@media (max-width: 991px){
	.faculties .container .faculties-list .faculty{
		width: calc((100% - 20px) / 2);
	}
}

@media (max-width: 575px){
	.faculties .container .faculties-list{
		gap: 20px;
	}

	.faculties .container .faculties-list .faculty{
		width: 100%;
	}
}


.last-galleries{
	width:100%;
	padding: 30px 0;
}
.last-galleries .container, .galleries-list .container{
	max-width:1780px;
}
.galleries-list{
	padding: 30px 0; 
}
.galleries-block{
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
	gap: clamp(20px, calc(-30px + 4.167vw), 50px);
}
.galleries-block .album-block{
	width: calc((100% - clamp(20px, calc(-30px + 4.167vw), 50px) * 3) / 4);
	
}
.galleries-block .album-block .image{
	aspect-ratio: 16 / 9;
    width: 100%;
    overflow: hidden;
    margin-bottom: clamp(10px, calc(-7px + 1.389vw), 20px);
}
.galleries-block .album-block .image img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease-out;
}
.galleries-block .album-block .image:hover img{
	transform: scale(1.1);
}
.galleries-block .album-block .album-title{
	width: 100%;
	margin-bottom:10px;
}
.galleries-block .album-block .album-title a{
	font-size: clamp(1.00rem, calc(3px + 1.111vw), 1.20rem);
	line-height: clamp(1.30em, calc(0.800em + 0.042vw), 1.40em);
	color:#000;
	text-decoration:none;	
}
.galleries-block .album-block .album-title a:hover{
	text-decoration:underline;	
}
.galleries-block .album-block .album-date{
	width: 100%;
	font-size: clamp(0.70rem, calc(7px + 0.333vw), 0.85rem);
	color:#999;
}
.last-galleries .more-galleries{
	width: 100%;
	display:flex;
	justify-content:center;
	align-items:center;
	padding: clamp(30px, calc(-3px + 2.778vw), 50px) 0;
}
.last-galleries .more-galleries a{
	width:270px;
	height:60px;
	display:flex;
	justify-content:center;
	align-items:center;
	background: var(--lb-color);
	color:#fff;
	text-decoration:none;
	font-size: clamp(1.00rem, calc(5px + 0.889vw), 1.40rem);
	text-transform:uppercase;
	transition: background 0.3s ease-out;
}
.last-galleries .more-galleries a:hover{
	background: var(--db-color);
}

@media (max-width: 1199px){
	.galleries-block .album-block{
		width: calc((100% - 20px) / 2);
	}
}

@media (max-width: 575px){
	.galleries-block{
		gap: 20px;
	}

	.galleries-block .album-block{
		width: 100%;
	}

	.last-galleries .more-galleries a{
		width: 100%;
		height: 55px;
		font-size: 1.2rem;
	}
}

.album-container .container{
	max-width:1740px;
}

.album-container .album-text{
	width:100%;
	padding-bottom:50px;
}
.album-container .album-images{ 
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	gap:20px;
	padding:50px 0;
}

.album-container .album-images .album-image{
	width: calc((100% - 20px * 3) / 4);
	overflow: hidden;
}

.album-container .album-images .album-image img{
	width:100%;
	height:260px;
	object-fit: cover;
	display:block;
}

@media (max-width:1199px){
	.album-container .album-images .album-image{
		width: calc((100% - 20px) / 2);
	}
}

@media (max-width:599px){
	.album-container .album-images .album-image{
		width:100%;
	}
	.album-container .album-images .album-image img{
		height:220px; 
	}
}



.staff-container .container{
	max-width:1740px;
}

.staff-container .container .staff-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	gap: clamp(15px, calc(-10px + 2.083vw), 30px);
	padding: clamp(15px, calc(-10px + 2.083vw), 30px) 0;
}

.staff-container .container .staff-list .staff-item{
	display:flex;
	flex: 0 0 calc((100% - clamp(15px, calc(-10px + 2.083vw), 30px) * 3) / 4);
}

.staff-container .container .staff-list .staff-item .staff-item-inner{
	display:flex;
	flex-direction:column;
	width:100%;
	height:100%;
}

.staff-container .container .staff-list .staff-item .staff-image{
	width:100%;
	overflow:hidden;
}

.staff-container .container .staff-list .staff-item .staff-image img{
	width:100%;
	height:auto;
	transition: transform .5s;
}

.staff-container .container .staff-list .staff-item .staff-image:hover img{
	transform:scale(1.1);
}

.staff-container .container .staff-list .staff-item .staff-title{
	width:85%;
	height:140px;
	margin-top:-80px;
	background:var(--db-color);
	padding:16px 20px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	clip-path: polygon(0 0,100% 0,100% calc(100% - 60px),calc(100% - 60px) 100%,0 100%);
}

.staff-container .container .staff-list .staff-item .staff-title h3,
.staff-container .container .staff-list .staff-item .staff-title h3 a{
	font-size: clamp(1rem, calc(8px + 0.667vw), 1.3rem);
	line-height: clamp(1.1em, calc(0.6em + 0.042vw), 1.4em);
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
}

.staff-container .container .staff-list .staff-item .staff-title h3 a:hover{
	color:#97daf8;
}

.staff-container .container .staff-list .staff-item .staff-title p{
	color:#fff;
	font-size: clamp(0.6rem, calc(4px + 0.444vw), .8rem);
	line-height: clamp(1.2em, calc(0.5em + 0.042vw), 1.5em);
	font-weight:100;
	text-transform:uppercase;
	letter-spacing:1px;
	max-width:calc(100% - clamp(30px, calc(-20px + 4.167vw), 60px));
}

.staff-container .container .staff-list.kerivnictvo{
	justify-content:center;
}

.staff-container .container .staff-list.kerivnictvo .staff-item.leader-item{
	order:0;
	flex-basis:100%;
	display:flex;
	justify-content:center;
}

.staff-container .container .staff-list.kerivnictvo .staff-item.leader-item .staff-item-inner{
	max-width: calc((100% - clamp(15px, calc(-10px + 2.083vw), 30px) * 3) / 4);
	width:100%;
}

.staff-container .container .staff-list.kerivnictvo .staff-item:not(.leader-item){
	order:1;
}

@media (max-width:1199px){
	.staff-container .container .staff-list .staff-item{
		flex: 0 0 calc((100% - 20px) / 2);
	}

	.staff-container .container .staff-list.kerivnictvo .staff-item.leader-item .staff-item-inner{
		max-width: calc((100% - 20px) / 2);
	}
}

@media (max-width:575px){
	.staff-container .container .staff-list{
		gap:20px;
	}

	.staff-container .container .staff-list .staff-item{
		flex: 0 0 100%;
	}

	.staff-container .container .staff-list.kerivnictvo .staff-item.leader-item .staff-item-inner{
		max-width:100%;
	}
}



.staff-page .staff-top{
	padding: 30px 0;
	background:#0d4d7a;
}

.staff-page .staff-top .container{
	display:flex;
	gap:70px;
	flex-wrap:wrap;
}

.staff-page .staff-top .container .staff-image-block{
	width:350px;
	overflow:hidden;
}

.staff-page .staff-top .container .staff-image-block .staff-image{
	margin-bottom:20px;
}

.staff-page .staff-top .container .staff-image-block .staff-contacts{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	gap:10px;
	padding:0 15px;
}

.staff-page .staff-top .container .staff-image-block .staff-contacts .phone,
.staff-page .staff-top .container .staff-image-block .staff-contacts .email{
	color:#fff;
	font-size:clamp(1rem, calc(7px + 0.778vw), 1.35rem);
	line-height:40px;
	padding-left:50px;
	min-height:40px;
	background-position:left center;
	background-repeat:no-repeat;
}

.staff-page .staff-top .container .staff-image-block .staff-contacts .phone{
	background-image:url('../img/staff-phone.png');
}

.staff-page .staff-top .container .staff-image-block .staff-contacts .email{
	background-image:url('../img/staff-email.png');
}

.staff-page .staff-top .container .staff-image-block .staff-contacts .email a{
	color:#fff;
	text-decoration:none;
}

.staff-page .staff-top .container .staff-desc{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	gap:30px;
}

.staff-page .staff-top .container .staff-desc .staff-title{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:30px;
}

.staff-page .staff-top .container .staff-desc .staff-title h2{
	color:#fff;
	font-weight:bold;
	font-size:clamp(1.5rem, calc(11px + 1.111vw), 2rem);
}

.staff-page .staff-top .container .staff-desc .staff-title .cv-link{
	color:#fff;
	background:var(--lb-color);
	font-size:clamp(1.1rem, calc(4px + 1.111vw), 1.6rem);
	padding:15px 35px;
	text-decoration:none;
	cursor:pointer;
}
.staff-page .staff-top .container .staff-desc .staff-title .cv-link:hover{
	background:#fff;
}

.staff-page .staff-top .container .staff-desc .staff-positions,
.staff-page .staff-top .container .staff-desc .staff-ranks,
.staff-page .staff-top .container .staff-desc .staff-subjects{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	gap:10px;
	max-width:800px;
	width:100%;
}

.staff-page .staff-top .container .staff-desc .staff-positions .staff-position,
.staff-page .staff-top .container .staff-desc .staff-ranks .staff-rank,
.staff-page .staff-top .container .staff-desc .staff-subjects .staff-subject{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	gap:15px;
	text-align:left;
	line-height:1.45;
	padding-left:0;
	background:none;
	min-height:auto;
	color:#fff;
	font-size:clamp(1rem, calc(7px + 0.778vw), 1.35rem);
}

.staff-page .staff-top .container .staff-desc .staff-positions .staff-position::before,
.staff-page .staff-top .container .staff-desc .staff-ranks .staff-rank::before,
.staff-page .staff-top .container .staff-desc .staff-subjects .staff-subject::before{
	content:"";
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	margin-top:3px;
	width:32px;
	height:32px;
	flex:0 0 32px;
}

.staff-page .staff-top .container .staff-desc .staff-positions .staff-position::before{
	background-image:url('../img/position.png');
}

.staff-page .staff-top .container .staff-desc .staff-ranks .staff-rank::before{
	background-image:url('../img/rank.png');
}

.staff-page .staff-top .container .staff-desc .staff-subjects .staff-subject::before{
	background-image:url('../img/subject.png');
}

.staff-page .staff-top .container .staff-desc .staff-subjects .staff-subjects-title{
	color:#fff;
	font-size:clamp(1rem, calc(7px + 0.778vw), 1.35rem);
}

.staff-page .staff-top .container .staff-desc .staff-links{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:10px;
	padding-top:20px;
}

.staff-page .staff-top .container .staff-desc .staff-links a{
	overflow:hidden;
	transition:.8s;
}

.staff-page .staff-top .container .staff-desc .staff-links a img{
	width:auto;
	height:60px;
}

.staff-page .staff-text{
	padding:30px 0;
	text-align:justify;
	font-size:clamp(1rem, calc(7px + 0.778vw), 1.35rem);
	letter-spacing:0;
}

.staff-page .staff-text h2{
	font-size:clamp(1.5rem, calc(11px + 1.111vw), 2rem);
}

.staff-page .staff-text h3{
	font-size:clamp(1.3rem, calc(7px + 1.111vw), 1.8rem);
}

.staff-page .staff-text h4{
	font-size:clamp(1.1rem, calc(4px + 1.111vw), 1.6rem);
}

.staff-page .staff-text a{
	font-weight:600;
	color:#0d4d7a;
	text-decoration:none;
}

/* адаптив */

@media (max-width:1199px){
	.staff-page .staff-top .container{
		gap:40px;
	}
	.staff-page .staff-top .container .staff-image-block{
		width:310px;
	}
}

@media (max-width:991px){
	.staff-page .staff-top .container{
		flex-direction:column;
		align-items:center;
		text-align:center;
		gap:50px;
	}
	.staff-page .staff-top .container .staff-image-block{
		width:320px;
	}
	.staff-page .staff-top .container .staff-image-block .staff-contacts{
		align-items:center;
		padding:0;
	}
	.staff-page .staff-top .container .staff-desc{
		align-items:center;
		text-align:center;
		gap:25px;
	}
	.staff-page .staff-top .container .staff-desc .staff-title{
		justify-content:center;
		flex-wrap:wrap;
		gap:15px;
	}
	.staff-page .staff-top .container .staff-desc .staff-positions,
	.staff-page .staff-top .container .staff-desc .staff-ranks,
	.staff-page .staff-top .container .staff-desc .staff-subjects{
		align-items:flex-start;
		text-align:left;
		max-width:100%;
	}
	.staff-page .staff-top .container .staff-desc .staff-links{
		justify-content:center;
	}
}

@media (max-width:575px){
	.staff-page .staff-top{
		padding:20px 0;
	}
	.staff-page .staff-top .container{
		gap:30px;
	}
	.staff-page .staff-top .container .staff-image-block{
		width:260px;
	}
	.staff-page .staff-top .container .staff-desc{
		gap:20px;
	}
	.staff-page .staff-top .container .staff-desc .staff-title span{
		padding:10px 20px;
	}
	.staff-page .staff-top .container .staff-desc .staff-links a img{
		height:48px;
	}
	.staff-page .staff-top .container .staff-desc .staff-positions .staff-position::before,
	.staff-page .staff-top .container .staff-desc .staff-ranks .staff-rank::before,
	.staff-page .staff-top .container .staff-desc .staff-subjects .staff-subject::before{
		width:26px;
		height:26px;
		flex:0 0 26px;
	}
	.staff-page .staff-text{
		font-size:clamp(0.95rem, calc(6px + 1vw), 1.2rem);
	}
}





.pagination {
	width:100%;
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 10px 0;
}

.pagination a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    background-color: var(--main-color);
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.pagination a:hover {
    background-color: #0061a8;
}

.pagination a.selected {
    background-color: #002b4e;
    cursor: default;
}

.contacts-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    padding: 40px 0;
}

.contacts-blocks .block {
    flex: 1 1 350px;
    background: #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    max-width: 500px;
}

.contacts-blocks .block-title {
    font-size: 38px;
    font-weight: 700;
    padding: 25px 30px;
    background: linear-gradient(135deg, #0d4d7a 80%, transparent 80%);
    color: #fff;
    position: relative;
}

.contacts-blocks .block-info {
    padding: 25px 30px;
    border-top: 1px solid #f0f0f0;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}

.contacts-blocks .block-info p {
    margin: 0 0 15px;
}

.contacts-blocks .block-info a {
    color: var(--main-color);
    text-decoration: none;
}

.contacts-blocks .block-info a:hover {
    text-decoration: underline;
}
.info-item {
    position: relative;
    padding-left: 28px;
    display: inline-block;
}

.info-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
}

.info-item-adress:before { background-image: url('/templates/default/img/location.svg'); }
.info-item-mail:before { background-image: url('/templates/default/img/envelope.svg'); }
.info-item-press:before { background-image: url('/templates/default/img/fountain-pen.svg'); }
.info-item-buro:before { background-image: url('/templates/default/img/girl-on-phone.svg'); }
.info-item-phone:before { background-image: url('/templates/default/img/tel.svg'); }

.facts-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
	padding:60px 0;
}

.fact {
    flex: 1 1 calc(25% - 30px);
    display: flex;
    flex-direction: column;
    gap: 10px;
	text-align:justify;
}

.fact img {
    width: 100%;
    height: auto;
}

@media (max-width: 992px) {
    .fact {
        flex: 1 1 calc(50% - 30px);
    }
}

@media (max-width: 600px) {
    .facts-container {
        gap: 20px;
    }

    .fact {
        flex: 1 1 100%;
        text-align: left;
    }
}

.history-sections {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.history-item {
    width: 100%;
}

.history-title {
    text-align: center;
	font-size: 36px;
    margin-bottom: 25px;
}

.history-body {
    display: flex;
    flex-wrap: nowrap;
	align-items:center;
    justify-content: space-between;
    gap: 40px;
}

.history-item:nth-child(even) .history-body {
    flex-direction: row-reverse;
}

.history-text,
.history-image {
    flex: 1 1 50%;
    max-width: 50%;
}

.history-text {
	font-size:18px;
    line-height: 1.6;
	text-align:justify;
}
.history-image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.history-image img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

@media (max-width: 992px) {
    .history-body {
        flex-direction: column !important; /* отменяем шахматку */
        gap: 20px;
    }

    .history-text,
    .history-image {
        max-width: 100%;
        flex: 1 1 100%;
    }

    .history-image img {
        max-width: 80%;
        margin: 0 auto;
    }
}

@media (max-width: 600px) {
    .history-image img {
        max-width: 100%;
    }
}

.heroes-title {
	font-size:36px;
    text-align: center;
    margin: 60px 0 40px;
}

.heroes-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
	padding-bottom:60px;
}

.hero {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.hero-photo {
    width:50%;
}

.hero-photo img {
    width: 100%;
    height: auto;
    object-fit: cover;
    flex-shrink: 0;
}

.hero-info {
    width:50%;
}
.hero-info h3 {
    margin: 0 0 6px;
}

.hero-info h4 {
    margin: 0 0 10px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .heroes-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .heroes-list {
        grid-template-columns: 1fr;
    }

    .hero {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .hero-photo img {
        width: 70%;
        max-width: 260px;
        height: auto;
    }
}



.footer {
	background: var(--main-color);
}
.footer .container{
	max-width:1600px;	
}
.footer .f-columns{
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	gap: clamp(20px, calc(3px + 1.389vw), 30px);
	padding-top:30px;
}
.footer .f-columns .f-column{
	width:calc((100% - clamp(20px, calc(3px + 1.389vw), 30px) * 5) / 6);
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
}
.footer .f-columns .f-column .f-menu-title h4{
	width:100%;
	font-weight:bold;
	font-size: clamp(1.00rem, calc(3px + 1.111vw), 1.50rem);
	color:#fff;
	margin-bottom: 20px;
}
.footer .f-columns .f-column .f-menu-delimiter{
	width:50px;
	height:1px;
	background:#fff;
	margin-bottom: 20px;
}
.footer .f-columns .f-column .f-menu-content{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	gap:10px;
}
.footer .f-columns .f-column .f-menu-content a{
	color:#fff;
	text-decoration:none;
	font-size: clamp(0.80rem, calc(2px + 0.889vw), 1.20rem);
	line-height: clamp(1.30em, calc(0.800em + 0.042vw), 1.60em);
}
.footer .f-columns .f-column .f-menu-content a:hover{
	text-decoration:underline;
}

.footer .f-columns .f-column .f-menu-content .f-adress{
	color:#fff;
	font-size: clamp(0.80rem, calc(2px + 0.889vw), 1.20rem);
	line-height: clamp(1.30em, calc(0.800em + 0.042vw), 1.60em);
}
.footer .f-columns .f-column .f-menu-content .f-social{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:15px;
	font-size:18px;
}

.footer .f-bottom{
	width:100%;
	padding: 30px 0;
}
.footer .f-bottom .f-logo{
	margin-bottom:10px;
}
.footer .f-bottom .f-logo img{
	width:auto;
	height:50px;
}
.footer .f-bottom .f-copy{
	color:#fff;
	font-size: clamp(0.75rem, calc(5px + 0.556vw), 1.00rem);
}

@media (max-width: 1199px){
	.footer .f-columns .f-column{
		width: calc((100% - 20px*2) / 3);
	}
}

@media (max-width: 767px){
	.footer .f-columns .f-column{
		width: calc((100% - 20px) / 2);
	}

	.footer .f-bottom{
		text-align: center;
	}

	.footer .f-bottom .f-logo{
		margin-bottom: 15px;
		display: flex;
		justify-content: center;
	}

	.footer .f-bottom .f-copy{
		display: block;
	}
}

html.font-default {
	font-size: 16px;
}
html.font-medium {
	font-size: 20px;
}
html.font-large {
	font-size: 24px;
}

html.images-bw .last-news,
html.images-bw .faculties,
html.images-bw .last-galleries,
html.images-bw .header-top,
html.images-bw .site-content,
html.images-bw .fancybox-image,
html.images-bw .menu-item,
html.images-bw .slide-container,
html.images-bw .footer {
	filter: grayscale(100%) !important;
}
html.images-bw .header {
	background: #3d3d3d;
    background-image: none;
}

html.images-off *{
    background-image: none !important;
}
html.images-off .menu-item .overlay img,
html.images-off .menu-item .submenu-title img,
html.images-off .faculty-icon{
    display:none;
}
html.images-off .image{
	position:relative;
}
html.images-off .image::before{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	background: #fff;
	z-index:10;
    border: 2px dashed var(--main-color);
}
html.images-off .preview-img,
html.images-off .img-wrap,
html.images-off .album-image {
	border: 2px dashed var(--main-color) !important;
	display: inline-block;
}
html.images-off .preview-img img,
html.images-off .img-wrap img,
html.images-off .album-image img {
    opacity: 0;
    visibility: hidden;
}

html.theme-light {
	--main-color: #000;
    --lb-color: #3d3d3d;
    --db-color: #000;
	--light-color: #fff;
    --cyan-color: #fff;
}
html.theme-light .header {
	background: #000;
    background-image: none;
}
html.theme-light .header.menu-open .header-top .container .logo .c-light { fill: #000 !important; }
html.theme-light .header.menu-open .header-top .container .logo .c-cyan  { fill: #000 !important; }