.top-nav {
	background: var(--gradient-1);
	height: 65px;
	position: sticky;
	top: 0;
	z-index: 1000;
	width: 100%
}

.top-nav .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	padding-left: 1rem !important;
	padding-right: 1rem !important
}

.logo {
	width: 60px;
	height: 60px;
	background: url('../images/logo.svg') no-repeat center/contain;
	text-indent: -9999px;
	overflow: hidden;
	flex-shrink: 0
}

.menu-btn {
	display: none;
	background: transparent;
	border: none;
	width: 40px;
	height: 40px;
	position: relative;
	cursor: pointer;
	z-index: 1010;
	flex-shrink: 0
}

.menu-btn-lines,
.menu-btn-lines::before,
.menu-btn-lines::after {
	position: absolute;
	left: 50%;
	width: 24px;
	height: 2px;
	background: var(--white);
	transform: translateX(-50%);
	transition: var(--transition)
}

.menu-btn-lines {
	top: 50%;
	transform: translate(-50%, -50%)
}

.menu-btn-lines::before {
	content: "";
	top: -8px
}

.menu-btn-lines::after {
	content: "";
	top: 8px
}

.menu-btn.open .menu-btn-lines {
	background: transparent
}

.menu-btn.open .menu-btn-lines::before {
	transform: translateX(-50%) rotate(45deg);
	top: 0
}

.menu-btn.open .menu-btn-lines::after {
	transform: translateX(-50%) rotate(-45deg);
	top: 0
}

.main-nav {
	flex: 1;
	display: flex;
	justify-content: right
}

.main-menu {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%
}

.menu-item {
	position: relative
}

.menu-item > a {
	display: flex;
	align-items: center;
	height: 65px;
	padding: 0 1.25rem;
	color: var(--white);
	text-decoration: none;
	font-family: var(--font-medium);
	font-size: var(--font-size);
	transition: var(--transition)
}

.has-submenu > a {
	position: relative;
	padding-right: 2.25rem
}

.has-submenu > a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.25rem;
	width: 12px;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translateY(-50%);
	transition: var(--transition)
}

.menu-item:hover > a::after {
	transform: translateY(-50%) rotate(180deg)
}

.submenu {
	position: absolute;
	top: 100%;
	left: 0;
	background: var(--black);
	list-style: none;
	padding: .5rem 0;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: var(--transition);
	border-top: 2px solid var(--navy-blue);
	box-shadow: 0 4px 16px rgba(29, 38, 51, .3);
	z-index: 10
}

.submenu a {
	display: block;
	padding: .5rem;
	color: var(--white);
	text-decoration: none;
	font-family: var(--font-normal);
	font-size: .95rem
}

.submenu a:hover {
	color: var(--navy-blue);
}

.menu-item:hover > .submenu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0)
}

.hero-slider {
	position: relative;
	width: 100%;
	overflow: hidden
}

.hero-swiper {
	width: 100%;
	height: 450px;
	position: relative;
}

.hero-swiper .swiper-slide {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 2rem 5%;
	color: var(--white)
}

.hero-swiper .swiper-slide img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1
}

.hero-swiper .slide-content {
	max-width: 600px;
	z-index: 10;
}

.hero-swiper .slide-content h2 {
	font-family: var(--font-medium);
	font-size: 1.25rem;
	margin-bottom: .5rem;
	color: var(--white);
	opacity: .8
}

.hero-swiper .slide-content h1 {
	font-family: var(--font-extrabold);
	font-size: 2.5rem;
	margin-bottom: 1rem;
	color: var(--white);
	text-transform: uppercase
}

.hero-swiper .slide-content p {
	font-family: var(--font-light);
	font-size: 1.1rem
}

.hero-swiper .swiper-button-prev,
.hero-swiper .swiper-button-next {
	position: absolute !important;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
	margin: 0 !important
}

.hero-swiper .swiper-button-prev {
	left: 20px
}

.hero-swiper .swiper-button-next {
	right: 20px
}

.hero-swiper .swiper-pagination {
	position: absolute;
	bottom: 1rem;
	padding: .25rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
	display: flex;
	gap: 4px
}

.hero-swiper .swiper-pagination-bullet {
	min-width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(var(--rgb-white), .5);
	opacity: 1;
	cursor: pointer;
	box-shadow: 0 0 0 .5rem rgba(var(--rgb-black), .5);
	transition: var(--transition)
}

.hero-swiper .swiper-pagination-bullet-active {
	background: rgba(var(--rgb-white), 1)
}

.breadcrumbs {
	background-image: url('../images/copter.gif');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: background var(--this-transition)
}

.breadcrumbs {
	background: var(--gradient-1)
}

.breadcrumbs .overlay {
	background: linear-gradient(90deg, rgba(var(--rgb-black), .4), rgba(var(--rgb-navy-blue), .4));
	padding: 100px 0
}

.breadcrumbs h1 {
	color: var(--white);
	text-transform: none;
	letter-spacing: .1rem;
	line-height: 1;
	margin: 1rem 0
}

header h1 {
	letter-spacing: .1rem;
	line-height: 1;
	margin: 0
}

header .slogan {
	margin: 0 0 2rem;
	display: block;
	color: rgba(var(--rgb-black), .7);
	line-height: 1;
	font-family: var(--font-medium);
	font-size: 30px
}

.breadcrumbs span,
.breadcrumbs span a {
	color: var(--white)
}

.breadcrumbs span a:hover {
	color: var(--navy-blue)
}

.breadcrumbs span > span {
	margin: 0 .75rem
}

.order {
	background: var(--very-light-blue)
}

.order .map {
	background: var(--steel-blue);
	border-right: 5px solid var(--white)
}

.order .form form {
	margin: 2rem 1rem;
	padding: 1rem;
	background: var(--white);
	border-radius: var(--border-radius)
}

.order .form h3 {
	font-size: 1.25rem;
	text-transform: none;
	text-align: center;
	color: var(--dark-blue)
}

.btn {
	display: inline-block;
	background: var(--steel-blue);
	color: var(--white);
	font-family: var(--font-light);
	font-size: 1.1rem;
	padding: 15px 30px;
	border-radius: var(--border-radius);
	cursor: pointer;
	transition: var(--transition)
}

.btn:hover {
	color: var(--white);
	background: var(--navy-blue)
}

.form-group {
	margin-bottom: 1rem
}

.form-control {
	width: 100%;
	padding: .75rem;
	border: none;
	border-radius: var(--border-radius);
	font-size: 1rem;
	background: var(--very-light-blue);
	font-family: var(--font-normal);
	transition: var(--transition)
}

.form-control::placeholder {
	color: var(--gray-blue)
}

.form-control:focus {
	background: var(--steel-blue);
	color: var(--white);
	border-color: var(--navy-blue);
	outline: 0;
	box-shadow: 0 0 0 .15rem rgba(var(--rgb-navy-blue), .25)
}


.form-check {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin-top: .5rem
}

.form-check label {
	margin: 0;
	font-size: .9375rem
}

.form-check label a {
	text-decoration: underline
}

.card {
	border: 2px solid var(--black);
	padding: 3rem 2rem;
	text-align: center;
	height: 100%;
	border-radius: var(--border-radius)
}

.card.blue {
	border-color: var(--navy-blue)
}

.card.pink {
	border-color: var(--pink)
}

.card.gold {
	border-color: var(--gold)
}

section.content,
section.news {
	margin: 3rem 0
}

.contacts .icon.circle {
	display: block;
	margin: 0 auto 2rem
}

.icon {
	background-size: 14px;
	background-position: center;
	background-repeat: no-repeat
}

.icon.circle {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-size: 50%
}

.contacts .icon.circle {
	display: block;
	margin: 0 auto 2rem
}

.icon.address {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M272 192C272 236.2 236.2 272 192 272C147.8 272 112 236.2 112 192C112 147.8 147.8 112 192 112C236.2 112 272 147.8 272 192zM192 160C174.3 160 160 174.3 160 192C160 209.7 174.3 224 192 224C209.7 224 224 209.7 224 192C224 174.3 209.7 160 192 160zM384 192C384 279.4 267 435 215.7 499.2C203.4 514.5 180.6 514.5 168.3 499.2C116.1 435 0 279.4 0 192C0 85.96 85.96 0 192 0C298 0 384 85.96 384 192H384zM192 48C112.5 48 48 112.5 48 192C48 204.4 52.49 223.6 63.3 249.2C73.78 274 88.66 301.4 105.8 329.1C134.2 375.3 167.2 419.1 192 451.7C216.8 419.1 249.8 375.3 278.2 329.1C295.3 301.4 310.2 274 320.7 249.2C331.5 223.6 336 204.4 336 192C336 112.5 271.5 48 192 48V48z' fill='%23FFFFFF'/%3E%3C/svg%3E")
}

.icon.email {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z' fill='%23FFFFFF'/%3E%3C/svg%3E")
}

.icon.phone {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M480.3 320.3L382.1 278.2c-21.41-9.281-46.64-3.109-61.2 14.95l-27.44 33.5c-44.78-25.75-82.29-63.25-108-107.1l33.55-27.48c17.91-14.62 24.09-39.7 15.02-61.05L191.7 31.53c-10.16-23.2-35.34-35.86-59.87-30.19l-91.25 21.06C16.7 27.86 0 48.83 0 73.39c0 241.9 196.7 438.6 438.6 438.6c24.56 0 45.53-16.69 50.1-40.53l21.06-91.34C516.4 355.5 503.6 330.3 480.3 320.3zM463.9 369.3l-21.09 91.41c-.4687 1.1-2.109 3.281-4.219 3.281c-215.4 0-390.6-175.2-390.6-390.6c0-2.094 1.297-3.734 3.344-4.203l91.34-21.08c.3125-.0781 .6406-.1094 .9531-.1094c1.734 0 3.359 1.047 4.047 2.609l42.14 98.33c.75 1.766 .25 3.828-1.25 5.062L139.8 193.1c-8.625 7.062-11.25 19.14-6.344 29.14c33.01 67.23 88.26 122.5 155.5 155.5c9.1 4.906 22.09 2.281 29.16-6.344l40.01-48.87c1.109-1.406 3.187-1.938 4.922-1.125l98.26 42.09C463.2 365.2 464.3 367.3 463.9 369.3z' fill='%23FFFFFF'/%3E%3C/svg%3E")
}

.icon.circle.blue {
	background-color: var(--navy-blue)
}

.icon.circle.pink {
	background-color: var(--pink)
}

.icon.circle.gold {
	background-color: var(--gold)
}

#YaMap {
	width: 100%;
	height: 400px;
	background: var(--very-light-blue);
	transition: var(--transition)
}

#YaMap.loaded {
	background: transparent;
}

#YaMap ymaps > div {
	width: 40px
}

.panel {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 5rem 2rem;
	background: rgba(var(--rgb-very-light-blue), .5)
}

.news span.description {
	font-size: 1.2rem;
	letter-spacing: .1rem;
	color: rgba(var(--rgb-black), .7)
}

.news .poster,
.news .poster img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	border-radius: var(--border-radius-xl);
	overflow: hidden
}

.news .poster.contain img {
	width: auto;
	object-fit: contain
}

.news .poster.top img {
	object-position: top
}

.news .poster.right img {
	object-position: right
}

.news .poster.bottom img {
	object-position: bottom
}

.news .poster.left img {
	object-position: left
}

.news .poster,
.news .annotation.panel .image {
	background: rgba(var(--rgb-vl-blue), .5)
}

.news .poster.contain {
	background: none;
	text-align: center
}

.content img,
.content .plyr {
	display: block;
	margin: 2rem auto;
	border-radius: var(--border-radius-xl);
	overflow: hidden
}

.news .content {
	min-height: 300px
}

.news .panel,
.project .panel {
	padding: .5rem 1.5rem;
	border-radius: var(--border-radius)
}

.news .panel span {
	transition: var(--transition)
}

.content *:not(.text) > p,
.news *:not(.text) > p,
.content *:not(.text) > ul li,
.news *:not(.text) > ul li,
.news *:not(.text) > ol li {
	font-size: 1.25rem
}

.content *:not(.text) > p:not(:first-of-type),
.news *:not(.text) > p:not(:first-of-type) {
	margin-top: 2rem
}

.news p:last-of-type {
	margin-bottom: 0
}

.news .panel span,
.news .panel *:not(.text) > p {
	letter-spacing: .1rem;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-family: var(--font-medium);
	margin: 0
}

.news .annotation.panel {
	position: relative;
	padding: 1.5rem
}

.news .annotation.panel.first {
	padding: 1.5rem
}

.news .annotation.panel .image {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
	border-radius: var(--border-radius)
}

.news .image a {
	display: block
}

.news .annotation.panel img,
.news .image.first img {
	width: 100%;
	object-fit: cover
}

.news .annotation.panel img {
	width: 100%;
	height: 200px
}

.news .image.first,
.news .image.first img {
	border-radius: var(--border-radius);
	overflow: hidden;
	height: 300px
}

.news .annotation.panel .panel {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	display: block;
	height: auto;
	border: 1px solid var(--white);
	pointer-events: none
}

.project .annotation.panel .panel {
	background: none;
	padding: 0;
	margin: 2rem 0 3rem
}

.news .annotation.panel.first .panel {
	border: 1px solid var(--text-color);
	top: 1.5rem;
	left: 1.5rem;
	bottom: auto
}

.news .panel .panel p {
	font-size: 1rem;
	color: var(--white);
	font-family: var(--font-normal)
}

.news .annotation.panel.first .panel p {
	color: var(--text-color)
}

.news .annotation.panel .text {
	margin-top: 2rem
}

.news .annotation.panel.first .text {
	margin-top: 5rem
}

.news .annotation.panel .text h3 {
	font-size: 1.3rem !important;
	font-family: var(--font-normal);
	-webkit-line-clamp: 2;
	height: 50px;
	letter-spacing: .1rem;
	margin: 0 0 1.5rem;
	transition: var(--transition)
}

.news .annotation.panel .text h3:hover {
	color: var(--blue)
}
.item.panel h3 {
	font-size: 1.25rem;
	font-family: var(--font-medium);
	text-transform: none
}

.panel p,
.news .panel span {
	color: rgba(var(--rgb-black), .6)
}

.panel p {
	color: var(--text-color)
}

.news .annotation.panel .text p {
	font-size: 1rem !important;
	color: rgba(var(--rgb-black), .7);
	-webkit-line-clamp: 4;
	height: 80px;
	letter-spacing: .1rem
}

.news .annotation.panel .text h3,
.news .annotation.panel .text p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
	
}

.news .annotation.panel .date {
	color: var(--navy-blue);
	font-family: var(--font-light);
	font-size: .9rem
}

.link-btn {
	position: relative;
	padding-right: 35px;
	color: var(--text-color)
}

.link-btn:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 15px);
	right: 0;
	width: 30px;
	height: 30px;
	background-color: rgba(var(--rgb-black), .1);
	border: 1px solid rgba(var(--rgb-black), .25);
	border-radius: 50%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320' xml:space='preserve'%3E%3Cpath d='M320 24v240c0 13.3-10.8 24-24 24s-24-10.8-24-24V81.9l-231 231c-4.7 4.8-10.9 7.1-17 7.1s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9L238.1 48H56c-13.3 0-24-10.7-24-24S42.8 0 56 0h240c13.3 0 24 10.8 24 24z' fill='%231d2633'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px;
	transition: var(--transition)
}

.link-btn:hover:after {
	transform: rotate(45deg);
	background-color: rgba(var(--rgb-black), .25);
	border-color: rgba(var(--rgb-black), .5)
}

.column-slide {
	display: flex;
	flex-direction: column;
	width: calc(100% / 2);
	height: auto;
	gap: 0
}

.links-swiper .column-slide .link-block {
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	text-decoration: none;
	color: var(--white);
	font-family: var(--font-medium);
	font-size: .95rem;
	padding: 1rem;
	box-sizing: border-box;
	text-align: center;
	transition: var(--transition)
}

.section-links.rounded .column-slide {
	gap: 1rem;
	padding: .5rem
}

.section-links.rounded .column-slide .link-block {
	border-radius: var(--border-radius)
}

.links-swiper .column-slide .link-block:hover {
	opacity: .75
}

.links-swiper .icon {
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-bottom: .75rem
}

.links-swiper .icon.cog {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M160 256C160 202.1 202.1 160 256 160C309 160 352 202.1 352 256C352 309 309 352 256 352C202.1 352 160 309 160 256zM256 208C229.5 208 208 229.5 208 256C208 282.5 229.5 304 256 304C282.5 304 304 282.5 304 256C304 229.5 282.5 208 256 208zM293.1 .0003C315.3 .0003 334.6 15.19 339.8 36.74L347.6 69.21C356.1 73.36 364.2 78.07 371.9 83.28L404 73.83C425.3 67.56 448.1 76.67 459.2 95.87L496.3 160.1C507.3 179.3 503.8 203.6 487.8 218.9L463.5 241.1C463.8 246.6 464 251.3 464 256C464 260.7 463.8 265.4 463.5 270L487.8 293.1C503.8 308.4 507.3 332.7 496.3 351.9L459.2 416.1C448.1 435.3 425.3 444.4 404 438.2L371.9 428.7C364.2 433.9 356.1 438.6 347.6 442.8L339.8 475.3C334.6 496.8 315.3 512 293.1 512H218.9C196.7 512 177.4 496.8 172.2 475.3L164.4 442.8C155.9 438.6 147.8 433.9 140.1 428.7L107.1 438.2C86.73 444.4 63.94 435.3 52.85 416.1L15.75 351.9C4.66 332.7 8.168 308.4 24.23 293.1L48.47 270C48.16 265.4 48 260.7 48 255.1C48 251.3 48.16 246.6 48.47 241.1L24.23 218.9C8.167 203.6 4.66 179.3 15.75 160.1L52.85 95.87C63.94 76.67 86.73 67.56 107.1 73.83L140.1 83.28C147.8 78.07 155.9 73.36 164.4 69.21L172.2 36.74C177.4 15.18 196.7 0 218.9 0L293.1 .0003zM205.5 103.6L194.3 108.3C181.6 113.6 169.8 120.5 159.1 128.7L149.4 136.1L94.42 119.9L57.31 184.1L98.81 223.6L97.28 235.6C96.44 242.3 96 249.1 96 256C96 262.9 96.44 269.7 97.28 276.4L98.81 288.4L57.32 327.9L94.42 392.1L149.4 375.9L159.1 383.3C169.8 391.5 181.6 398.4 194.3 403.7L205.5 408.4L218.9 464H293.1L306.5 408.4L317.7 403.7C330.4 398.4 342.2 391.5 352.9 383.3L362.6 375.9L417.6 392.1L454.7 327.9L413.2 288.4L414.7 276.4C415.6 269.7 416 262.9 416 256C416 249.1 415.6 242.3 414.7 235.6L413.2 223.6L454.7 184.1L417.6 119.9L362.6 136.1L352.9 128.7C342.2 120.5 330.4 113.6 317.7 108.3L306.5 103.6L293.1 48H218.9L205.5 103.6z'/%3E%3C/svg%3E")
}

.swiper-button-prev svg,
.swiper-button-next svg {
	display: none !important;
}

.swiper-button-prev,
.swiper-button-next {
	position: static !important;
	width: 40px;
	height: 40px;
	background-color: rgba(var(--rgb-black), .1);
	border: 1px solid rgba(var(--rgb-black), .25);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px 18px;
	flex-shrink: 0;
	transition: var(--transition)
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	background-color: rgba(var(--rgb-black), .25);
	border-color: rgba(var(--rgb-black), .5)
}

.swiper-button-prev {
	margin-right: 1rem !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' xml:space='preserve'%3E%3Cpath d='M206.7 464.6l-183.1-191.1C18.22 267.1 16 261.1 16 256s2.219-11.97 6.688-16.59l183.1-191.1c9.152-9.594 24.34-9.906 33.9-.7187c9.625 9.125 9.938 24.37.7187 33.91L73.24 256l168 175.4c9.219 9.5 8.906 24.78-.7187 33.91C231 474.5 215.8 474.2 206.7 464.6z' fill='%231d2633'/%3E%3C/svg%3E")
}

.swiper-button-next {
	margin-left: 1rem !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' xml:space='preserve'%3E%3Cpath d='M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9.7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78.7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z' fill='%231d2633'/%3E%3C/svg%3E")
}

.swiper-button-disabled {
	opacity: 0;
	visibility: hidden;
	pointer-events: none
}

.pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	list-style: none;
	padding: 0;
	margin: 2rem 0
}

.gallery {
	margin: 3rem 0
}

.gallery .gallery-item {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
	border-radius: var(--border-radius-xl);
}

.gallery .gallery-item img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--transition)
}

.gallery .gallery-item:hover img {
	transform: scale(1.02)
}

.gallery .video-indicator {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: rgba(var(--rgb-black), 0.6);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	opacity: 0.9;
	transition: var(--transition);
}

.gallery .video-indicator svg {
	width: 24px;
	height: 24px;
	fill: white;
}

.gallery .gallery-item:hover .video-indicator {
	background: rgba(var(--rgb-navy-blue), 0.8);
	opacity: 1;
}

.f-html {
    padding: 0;
    background: transparent
}

.pagination .page-item .page-link {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 0.5rem;
	font-family: var(--font-medium);
	font-size: 0.95rem;
	color: var(--navy-blue);
	text-decoration: none;
	background: transparent;
	border: 1px solid var(--navy-blue);
	border-radius: var(--border-radius-xs);
	transition: var(--transition);
	cursor: pointer
}

.pagination .page-item.active .page-link {
	background-color: var(--navy-blue);
	color: var(--white);
	border-color: var(--navy-blue)
}

.pagination .page-item.disabled .page-link {
	color: rgba(var(--rgb-black), 0.3);
	border-color: rgba(var(--rgb-black), 0.2);
	cursor: not-allowed;
	pointer-events: none
}

.pagination .page-item:not(.disabled):not(.active) .page-link:hover {
	background-color: rgba(var(--rgb-navy-blue), 0.08);
	color: var(--navy-blue)
}

.pagination .page-link {
	white-space: nowrap
}

@media (min-width: 1200px) {
	.news .annotation.panel img,
	.news .image.first img {
		filter: grayscale(100%);
		transition: var(--transition)
	}

	.news .annotation.panel:hover img,
	.news .image.first:hover img {
		filter: grayscale(0)
	}

	.news .poster,
	.news .poster img {
		 height: 450px	 
	}

	.news .annotation.panel.first {
		padding: 3rem
	}
	
	.news .annotation.panel.first .panel {
		top: 3rem;
		left: 3rem
	}

	.news .annotation.panel.first .text {
		width: calc(100% - 6rem);
		bottom: 3rem;
		left: 3rem
	}

	.news .annotation.panel .image,
	.news .annotation.panel img {
		height: 350px
	}

	.news .image.first,
	.news .image.first img {
		height: 450px
	}
}

@media (min-width: 992px) {
	.mw-lg-70 {
		max-width: 70%
	}

	.menu-item:hover > a {
		text-shadow: 0 0 5px var(--light-blue), 0 0 10px var(--light-blue), 0 0 20px var(--light-blue)
	}

	.news .annotation.panel .image,
	.news .annotation.panel img {
		height: 250px
	}

	.news .image.first,
	.news .image.first img {
		height: 350px
	}

	.news .annotation.panel.first .text {
		position: absolute;
		width: calc(100% - 3rem);
		margin-top: 0;
		bottom: 1.5rem;
		left: 1.5rem
	}
}

@media (max-width: 991px) {
	.column-slide {
		width: calc(100% / 2)
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.column-slide {
		width: calc(100% / 3)
	}

	.breadcrumbs .overlay {
		padding: 75px 0
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.column-slide {
		width: calc(100% / 4)
	}
}
@media (min-width: 1400px) {
	.column-slide {
		width: calc(100% / 5)
	}
}

footer {
	padding: 2.5rem 0;
	background: var(--gradient-1);
	color: var(--white)
}

footer .logo {
	display: block;
	width: 80px;
	height: 80px;
	background-image: url('../images/logo.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

footer h4 {
	color: var(--white);
	font-size: 1.25rem
}

footer ul {
	list-style: none;
	padding: 0
}

footer ul li:not(:last-of-type) {
	margin-bottom: .5rem
}

footer a {
	color: var(--white)
}

footer a:hover {
	color: var(--navy-blue)
}

footer .copyright {
	display: inline-block;
	font-family: var(--font-light);
	font-size: .875rem;
	line-height: .875rem
}

@media (max-width: 991px) {
	.breadcrumbs .overlay {
		padding: 50px 0
	}

	.menu-btn {
		display: block;
	}

	.main-nav {
		position: fixed;
		top: 65px;
		right: 0;
		max-width: 320px;
		height: calc(100vh - 65px);
		background: var(--black);
		padding: 1rem 1.5rem 1rem 2.5rem;
		transform: translateX(100%);
		transition: var(--transition);
		z-index: 1010;
		margin: 0
	}

	.main-nav.open {
		transform: translateX(0)
	}

	.main-menu {
		flex-direction: column;
		align-items: flex-start;
		gap: .6rem;
		height: auto;
		overflow: auto
	}

	.menu-item > a {
		height: 45px;
		justify-content: space-between;
		padding: 0
	}

	.submenu {
		position: static;
		background: none;
		box-shadow: none;
		border: none;
		padding: 0;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		transition: var(--transition);
		height: 0;
		overflow: hidden
	}

	.has-submenu.open > .submenu {
		max-height: 500px
	}

	.menu-item:hover > a,
	.has-submenu.open > a {
		color: var(--navy-blue)
	}

	.menu-item:hover > a::after,
	.has-submenu.open > a:after	{
		transform: translateY(-50%) rotate(180deg);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%230072b6' d='M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z'/%3E%3C/svg%3E")
	}

	.submenu a {
		padding-left: 1.25rem;
		font-size: var(--font-size)
	}

	.content-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(29, 38, 51, .6);
		z-index: 100;
		opacity: 0;
		visibility: hidden;
		transition: var(--transition)
	}

	.content-overlay.active {
		opacity: 1;
		visibility: visible
	}

	body.menu-open {
		overflow: hidden
	}

	.order .map {
		border-right: none
	}

	.links-swiper .icon {
		width: 36px;
		height: 36px
	}

	.links-swiper .column-slide .link-block {
		font-size: .9rem
	}
}

@media (max-width: 767px) {
	.hero-swiper {
		height: 300px
	}
	.hero-swiper .swiper-slide {
		padding: 1rem
	}
	.slide-content {
		max-width: 100%
	}
	.slide-content h1 {
		font-size: 1.8rem
	}
	.slide-content p {
		font-size: 1rem
	}

	.links-swiper .icon {
		width: 28px;
		height: 28px
	}

	.links-swiper .column-slide .link-block {
		font-size: .85rem
	}
}