.header-2 *,
.header-2 *::before,
.header-2 *::after {transition:.3s;}
.header-2 {position:relative; z-index:10;}
.header-2 #logo {display:flex; font-weight: 700; align-items:center; max-width:250px;}
.header-2 #logo .img {margin-right:.3rem;}
.header-2 #logo:hover .img {opacity:.75;}
.header-2 #logo img {max-width:200px; max-height:200px;}

.header-2 #header_items {margin:.5rem 0; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
.header-2 #top_menu {}
.header-2 #top_menu ul {display:flex; padding: 0; flex-wrap:wrap; margin:0;}
.header-2 #top_menu ul li {position: relative; flex: auto; text-align: center; display:block;}
.header-2 #top_menu ul li a {display:flex; padding: 1rem .4rem;}
.header-2 #top_menu > ul > li.parent > a::after {content:"\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left:.3rem; position:relative;}
.header-2 #top_menu > ul > li.active > a {border-bottom:2px solid var(--color-inverse);}
.header-2 #top_menu ul li:hover a::after {transform:rotate(180deg);}
.header-2 #top_menu ul li ul {display:none; position:absolute; top:100%; left:0; background:#fff; text-align:left; box-shadow: 0 6px 12px rgb(0 0 0 / 18%); white-space: nowrap;}
.header-2 #top_menu ul li ul li {text-align:left; border-bottom:1px solid #ddd; position: unset; max-width: 60rem;}
.header-2 #top_menu ul li ul li a {color: var(--color-text) !important;}
.header-2 #top_menu ul li ul li:hover > a {background:#ddd;}
.header-2 #top_menu ul li ul li ul li:hover a {box-shadow: 0 6px 12px rgb(0 0 0 / 18%);}
.header-2 #top_menu ul li:hover > ul {display: block;}
.header-2 #top_menu ul li ul li ul {display: none; top: 0; left: 100%; min-height: 100%;}
.header-2 #top_menu ul li ul li.parent > a {padding-right:2rem; position:relative;}
.header-2 #top_menu ul li ul li.parent > a::before {content: '\27A4'; position:absolute; right:.5rem; top:50%; transform:translateY(-50%);}
.header-2 .mobile-window {}
.header-2 .mobile-window .bg {position:fixed; background:rgba(0,0,0,.5); top:0; left:0; right:100%; bottom:0; border-radius:0 100% 100% 0;}
.header-2 .mobile-window .window {width:0; background:#fff; position:fixed; top:0; left:0; bottom:0; border-radius:0 100% 100% 0; opacity:0; padding:0; overflow:auto; display:flex; flex-direction: column; text-align: center;}
.header-2 .mobile-window .close {position:fixed; top:0; left:300px; margin:1rem; font-size:0; color:#fff; cursor:pointer;}
.header-2 .mobile-window .close:hover {opacity:.7;}
.header-2 .mobile-window .window > div {margin:1rem 0;}
.header-2 .mobile-window .mobile_menu {background:var(--color-base); text-align:left; margin-bottom:auto;}
.header-2 .mobile-window .mobile_menu ul {display:block; margin:0; padding:0;}
.header-2 .mobile-window .mobile_menu ul li {display:block; margin:0; padding:0; border-bottom:1px solid #ddd; position:relative;}
.header-2 .mobile-window .mobile_menu ul li a {color: var(--color-base-text); display:block; padding:.5rem;}
.header-2 .mobile-window .mobile_menu ul li ul li {display:none; background:rgba(255,255,255,.3); padding-left:.5rem;}
.header-2 .mobile-window .mobile_menu ul li ul.active > li {display:block;}
.header-2 .mobile-window .mobile_menu ul li.parent ul::before {content:'\f107'; font-family: "Font Awesome 6 Free"; font-weight: 900; position:absolute; background:#fff; padding:0 .5rem; top: .5rem; right:.5rem; cursor:pointer;}

body.active-menu {overflow:hidden;}
body.active-menu .header-2 .mobile-window {display:block;}
body.active-menu .header-2 .mobile-window .bg {right:0; border-radius:0;}
body.active-menu .header-2 .mobile-window .close {font-size:3rem;}
body.active-menu .header-2 .mobile-window .window {width:300px; border-radius:0; opacity:1; padding:1rem;}

.header-2 .btn {padding: 0.5rem 1rem;}


@media (min-width: 450px) {
	.header-2 .btn {padding: 1rem 2rem;}
}

@media (min-width: 1200px) {
	.header-2 #top_menu ul li a {padding:1rem;}
}

[data-color="#000000FF"] {color:#000000FF}

.cover-17 svg {position:absolute; bottom:2rem; cursor:pointer; left:50%; margin-left:-1rem; animation: cover-17-pulse 2s infinite ease-in-out; width:2rem;}
@keyframes cover-17-pulse {
	0%, 100% {margin-top:0;}
	50%{margin-bottom:1rem;}
}

[data-color="#ffffffff"] {color:#ffffffff}

.teams-5 .row {align-items: center;}
.teams-5 .wrap img {height: 250px; width: 300px; object-fit: cover;}
.teams-5 .wrap > .row.mb-4:nth-last-child(1) {margin-bottom:0 !important;}
.teams-5 .cards-desc {opacity: .7;}
.teams-5 .cards-img {overflow: hidden;display:inline-block; position:relative;box-shadow: -1rem -1rem #FEDE73;border: 2px solid #FEDE73;border-radius: 0.75rem;}
 @media (max-width: 320px) {
	.teams-5 .col-sm-8 {margin: 1rem 0 1rem 0;}

}

.module.teams-5 {padding:87px 0;}
[data-color="#000000FF"] {color:#000000FF}
[data-color="#FEDE73FF"] {color:#FEDE73FF}

.contacts-2 .row > div {position:relative; color:#fff;}
.contacts-2 .row .card-img {position:absolute; top:0; left:50%; margin-left:-50vw; bottom:0; width:100vw;  z-index:-1;}
.contacts-2 .row .card-img img {width:100%; height:100%; object-fit:cover;}
.contacts-2 .row .card-img::after {content:''; background:rgba(30, 72, 112, 0.55); position:absolute; top:0; left:0; right:0; bottom:0;}

.contacts-2 .row .img-map img {width:100%; height:100%; object-fit:cover; min-height:400px;}
.contacts-2 .row .img-map iframe {height:100% !important; min-height:400px;}

.contacts-2 .nav-tabs {border:0 none;}
.contacts-2 .nav-tabs .nav-item .nav-link {padding:1rem; background:#EFEFEF; border-left:1px solid #D0D0D0; border-radius:0; color:#000;}
.contacts-2 .nav-tabs .nav-item:nth-child(1) .nav-link {border-left:0 none; border-radius:1rem 0 0 1rem;}
.contacts-2 .nav-tabs .nav-item:nth-last-child(1) .nav-link {border-radius:0 1rem 1rem 0;}
.contacts-2 .nav-tabs .nav-item .nav-link.active {background: #0C3C7C;; color:#fff;}
.contacts-2 .py-3 {padding-bottom: 0 !important}
.contacts-2 .tab-content .h3 {margin-bottom: 1rem;}
.contacts-2 .btn {margin-top: 1rem;}

@media (min-width: 768px) {
	.contacts-2 .row .card-img {width:50vw; left:auto; right:0; margin:0;}
	.contacts-2 .row .img-map {position:absolute; top:0; bottom:0; left:0; width:50vw;}
}
 @media (max-width: 321px) {
	.contacts-2 .nav {font-size: 0.5875rem;}
	.contacts-2 .nav-tabs .nav-item .nav-link {padding: 1rem 0.5rem 1rem 0.5rem;}
}

[data-color="#000000FF"] {color:#000000FF}
[data-color="#0C3C7CFF"] {color:#0C3C7CFF}

.footer-1 {padding:3rem 0;}
.footer-1 ul {display:block; margin:0; padding:0;}
.footer-1 ul li {display:block; margin:0; padding:0; border-bottom:1px solid var(--color-inverse);}
.footer-1 ul li a {display:block; margin:0; padding:.3rem 1rem;}
.footer-1 a {color:var(--color-inverse);}
.footer-1 .zerro-author {display: flex; color:#A2A2A2;}
.footer-1 .zerro-author:hover {color:#A2A2A2;}
.footer-1 .zerro-author::before {content: url('/assets/images/zerro.svg'); margin-right:1rem; filter:grayscale(1) invert(1);}
.footer-1 .row:nth-child(1) {padding-bottom:1.5rem; margin-bottom:1.5rem; border-bottom:1px solid #a2a2a2;}
.footer-1 .row:nth-child(2) a:hover {filter:contrast(3);}


.footer-1 #upBtn {
  display: none; /* Скрываем кнопку по умолчанию */
  position: fixed; /* Фиксированное позиционирование */
  bottom: 20px; /* Отступ от нижнего края */
  right: 30px; /* Отступ от правого края */
  z-index: 1000; /* Устанавливаем z-index выше других элементов */
  border: none;
  outline: none;
  background-color: #008CBA; /* Цвет фона */
  color: white; /* Цвет текста */
  cursor: pointer;
  padding: 15px;
  border-radius: 30px;
}

.footer-1 #upBtn:hover {
  background-color: #555; /* Цвет фона при наведении */
}

/* Показываем кнопку, когда пользователь прокручивает вниз */
.footer-1 #upBtn.show {
  display: block;
}


[data-color="#ffffffFF"] {color:#ffffffFF}
[data-color="#A2A2A2"] {color:#A2A2A2}