/* Start:/local/templates/fhso_2025/components/bitrix/news.detail/main_about/style.css?1790250335155*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}

/* End */


/* Start:/local/templates/fhso_2025/components/bitrix/news.list/turnament/style.css?17882548904462*/
.tournament-bracket {
    overflow-x: auto;
}

.bracket-table {
    width: 100%;
    border-collapse: collapse;
    background: #f9f9f9;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    margin-top: 20px;
}

.bracket-table th {
    background: #0db7ff;
    color: white;
    padding: 16px 18px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}

.bracket-table td {
    padding: 16px;
    vertical-align: middle;
    border-bottom: 1px solid #e0e0e0;
}

.match-cell {
    min-width: 320px;
    padding: 16px !important;
}

.match-wrapper {
    background: white;
    border-radius: 8px;
    padding: 12px 14px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    border-left: 4px solid #3498db;
    transition: all 0.3s ease;
}

.match-wrapper:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.match-wrapper.winner {
    border-left-color: #27ae60;
}

.match-wrapper.final {
    border-left-color: #f39c12;
    background: #fffbf0;
}

.match-wrapper.final.winner {
    border-left-color: #e67e22;
    background: #fff8e1;
}

.match-wrapper.semifinal {
    border-left-color: #3498db;
}

.match-wrapper.quarterfinal {
    border-left-color: #27ae60;
}

.match-body {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: 14px;
    align-items: stretch;
}

.match-scores {
    grid-column: 1;
    grid-row: 1 / 3;
    display: flex;
    align-items: stretch;
    gap: 6px;
}

.score-col {
    display: grid;
    grid-template-rows: 1fr auto 1fr;
    justify-items: center;
    align-items: center;
    min-width: 38px;
    padding: 2px 8px;
    background: #f4f7fb;
    border: 1px solid #d5deea;
    border-radius: 18px;
}

.score-col-bar {
    width: 2px;
    height: 14px;
    background: #8ea0b8;
    border-radius: 1px;
}

.score-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    min-height: 26px;
    padding: 2px 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #333;
    text-align: center;
}

.score-badge.period-win {
    color: #0b6b3a;
    font-weight: 800;
}

.score-badge.final-score {
    background: #f39c12;
    color: white;
    border-radius: 6px;
}

.team-row {
    display: flex;
    align-items: center;
    min-height: 34px;
    padding: 4px 2px;
}

.team-row:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}

.team-row:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    border-top: 1px solid #eceff3;
}

.team-name {
    flex: 1;
    font-size: 16px;
    line-height: 1.3;
    color: #333;
    text-decoration: none;
    font-weight: 700;
}

.separator-line {
    width: 100%;
    height: 2px;
    background: #ddd;
    margin: 10px 0;
}

.separator-line-vertical {
    width: 2px;
    height: 100%;
    background: #ddd;
    margin: 0 auto;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.02); }
    100% { transform: scale(1); }
}

.round-label {
    font-size: 14px;
    font-weight: bold;
    color: #7f8c8d;
    text-align: center;
    padding: 8px 0;
    background: #ecf0f1;
    border-radius: 4px;
    margin-bottom: 10px;
}

.empty-match {
    text-align: center;
    color: #999;
    padding: 20px;
    font-size: 15px;
    font-style: italic;
}

.quarterfinal-pair {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.quarterfinal-pair .match-wrapper {
    border-left-color: #27ae60;
}

.bracket-connector {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.bracket-connector .line-h {
    width: 100%;
    height: 2px;
    background: #ddd;
}

.bracket-connector .line-v {
    width: 2px;
    height: 50%;
    background: #ddd;
}

.bracket-connector .line-v-top {
    width: 2px;
    height: 50%;
    background: #ddd;
    margin-bottom: -1px;
}

.bracket-connector .line-v-bottom {
    width: 2px;
    height: 50%;
    background: #ddd;
    margin-top: -1px;
}

@media (max-width: 768px) {
    .match-cell {
        min-width: 240px;
    }

    .team-name {
        font-size: 14px;
    }

    .score-badge {
        font-size: 14px;
        min-height: 24px;
    }

    .score-col {
        min-width: 32px;
        padding: 2px 6px;
    }

    .bracket-table th {
        font-size: 14px;
        padding: 12px;
    }
}

/* End */


/* Start:/local/templates/fhso_2025/components/bitrix/news.list/fhso_main_lists/style.css?1773314585133*/
.areas_activity{
    min-width: 322px !important;
}
.new_env{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
/* End */


/* Start:/local/templates/fhso_2025/assets/css/media.css?17734010815088*/
.media {
	padding-bottom: 40px;
}

.media__wrapper {
	display: flex;
	flex-direction: column;
	gap: 24px;
	background: var(--color-bg-white);
	box-shadow: 0px 32px 64px -16px #001c4780;
	padding: 20px;
	border-radius: 48px;
}

.media__banner {
	margin: 0;
	height: 400px;
	box-shadow: 0px 32px 64px -24px #0045ad40, 0px 0px 0px 2px #ffffff80 inset,
		0px 0px 0px 1px #001c4733;
	border-radius: var(--radius-lg);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 24px;
	position: relative;
	overflow: hidden;
}

.media__banner-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}

.media__banner-img::before {
	border-radius: 24px;
	background: linear-gradient(
		180deg,
		rgba(0, 100, 181, 0) 38.62%,
		rgba(0, 100, 181, 0.9) 100%,
		#0045adb2
	);
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.media__banner-img::after {
	border-radius: 24px;
	background: #0045adb2;
	box-shadow: 0px 32px 64px -24px #0045ad40, 0px 0px 0px 2px #ffffff80 inset,
		0px 0px 0px 1px #001c4733;
	mix-blend-mode: soft-light;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.media__banner-title {
	font-family: var(--font-heading);
	font-size: 48px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1.1;
	filter: drop-shadow(0px 4px 16px #001c4733);
	background: linear-gradient(88.88deg, #ffffff 0.19%, #c7f7ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	z-index: 2;
}

.media__content {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: center;
}

.media__tabs {
	padding: 8px;
	display: grid;
	grid-template-columns: repeat(3, auto);
	align-items: center;
	gap: 12px;
	/* background: #f2f7f8; */
	border-radius: 24px;
}

.media__tab {
	background: #004890;
	color: #a2d9f3;
	padding: 12px 32px;
	border-radius: 24px;
	font-size: 24px;
	cursor: pointer;
	text-align: center;
}

.media__tab--active {
	background: #0085e4;
	color: #ffffff;
}

.media__videos {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 24px;
}

.video__item {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.video__wrapper {
	position: relative;
	border-radius: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video__item video {
	width: 100%;
	display: block;
	border-radius: inherit;
}

.video__wrapper::after {
	position: absolute;
	content: "";
	border-radius: inherit;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(
			180deg,
			rgba(0, 100, 181, 0) 25%,
			rgba(0, 100, 181, 0.25) 100%
		),
		#0064b51a;
	background-blend-mode: soft-light;
	box-shadow: 0px 32px 48px -16px #1071ae1a, 0px 0px 0px 1px #ffffff40 inset;
}

.video__play-btn {
	position: absolute;
	cursor: pointer;
	background: #0064b580;
	box-shadow: 0px 16px 24px -8px #001c4740, 0px 4px 4px 2px #001c471a inset,
		0px 0px 0px 0.5px #ffffff33 inset, 0px 0px 2px 1px #ffffff80 inset;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 64px;
	height: 64px;
	border-radius: 50%;
}

.video__play-btn svg {
	position: relative;
	left: 2px;
}

.media__gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 20px 24px;
}

.media__gallery-item {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.media__gallery-wrapper {
	border-radius: 24px;
	overflow: hidden;
	height: 180px;
	position: relative;
}

.media__gallery-item picture {
	position: relative;
}

.media__gallery-item picture::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: #0045ad40;
}

.media__gallery-img {
	box-shadow: 0px 32px 48px -16px #1071ae1a, 0px 0px 0px 1px #ffffff40 inset;
}

.media__gallery-title {
	font-size: 16px;
}

.media__gallery-btn {
	position: absolute;
	cursor: pointer;
	bottom: 10px;
	right: 10px;
	background: #0064b540;
	box-shadow: 0px 16px 24px -8px #001c4740, 0px 4px 4px 2px #001c471a inset,
		0px 0px 0px 0.5px #ffffff33 inset, 0px 0px 2px 1px #ffffff80 inset;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 64px;
	height: 64px;
	border-radius: 50%;
}

.media__gallery-btn svg {
	position: relative;
	left: 2px;
}
.new_env{
	display: flex;
    justify-content: center;
    margin-top: 20px;
}
/* .media__section:not(.media__section--active) {
	display: none;
} */

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

	.media__tab:first-child {
		grid-column: 1 / 3;
	}
}

@media (max-width: 768px) {
	.media__wrapper {
		padding: 10px 10px 30px;
		border-radius: 32px;
	}

	.media__content {
		overflow: hidden;
	}

	.media__banner {
		padding: 12px;
	}

	.media__banner-title {
		font-size: clamp(20px, 5vw, 32px);
	}

	.media__videos {
		grid-template-columns: 1fr;
	}

	.media__gallery {
		gap: 10px;
	}
}

@media (max-width: 550px) {
	.media__gallery {
		grid-template-columns: 1fr;
	}

	.media__tab {
		font-size: 16px;
		padding: 12px;
	}
}

/* End */


/* Start:/local/templates/fhso_2025/assets/css/contacts.css?17902503352912*/
.contacts {
	padding-bottom: 40px;
}

.contacts__wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background: var(--color-bg-white);
	box-shadow: 0px 32px 64px -16px #001c4780;
	padding: 20px;
	border-radius: 48px;
}

.contacts__banner {
	margin: 0;
	height: 400px;
	box-shadow: 0px 32px 64px -24px #0045ad40, 0px 0px 0px 2px #ffffff80 inset,
		0px 0px 0px 1px #001c4733;
	border-radius: var(--radius-lg);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 24px;
	position: relative;
	overflow: hidden;
}

.contacts__banner-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}

.contacts__banner-img::before {
	border-radius: 24px;
	background: linear-gradient(
		180deg,
		rgba(0, 100, 181, 0) 38.62%,
		rgba(0, 100, 181, 0.9) 100%,
		#0045adb2
	);
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.contacts__banner-img::after {
	border-radius: 24px;
	background: #0045adb2;
	box-shadow: 0px 32px 64px -24px #0045ad40, 0px 0px 0px 2px #ffffff80 inset,
		0px 0px 0px 1px #001c4733;
	mix-blend-mode: soft-light;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.contacts__banner-title {
	font-family: var(--font-heading);
	font-size: 48px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1.1;
	filter: drop-shadow(0px 4px 16px #001c4733);
	background: linear-gradient(88.88deg, #ffffff 0.19%, #c7f7ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	z-index: 2;
}

.contacts__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.contacts__content--no-map {
	grid-template-columns: 1fr;
}

.contacts__info {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.contacts__content--no-map .contacts__info {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.contacts__item {
	background: var(--color-bg-light);
	display: flex;
	flex-direction: column;
	border-radius: 24px;
	padding: 12px;
	gap: 12px;
}

.contacts__item-text {
	font-weight: 500;
	line-height: 150%;
}

.contacts__item-label {
	font-weight: 600;
}

.contacts__map {
	display: flex;
	position: relative;
	overflow: hidden;
	border-radius: 24px;
	box-shadow: 0px 0px 0px 2px #ffffff80 inset, 0px 32px 64px -24px #0045ad40,
		0px 0px 0px 1px #001c4733;
}

.contacts__map iframe {
	height: 100%;
}

@media (max-width: 991px) {
	.contacts__map iframe {
		height: 360px;
	}
}

@media (max-width: 768px) {
	.contacts__wrapper {
		padding: 10px 10px 30px;
		border-radius: 32px;
	}

	.contacts__banner {
		padding: 12px;
	}

	.contacts__banner-title {
		font-size: clamp(20px, 5vw, 32px);
	}

	.contacts__content {
		display: flex;
		flex-direction: column;
		margin-top: 24px;
	}

	.contacts__content--no-map .contacts__info {
		grid-template-columns: 1fr;
	}
}

/* End */
/* /local/templates/fhso_2025/components/bitrix/news.detail/main_about/style.css?1790250335155 */
/* /local/templates/fhso_2025/components/bitrix/news.list/turnament/style.css?17882548904462 */
/* /local/templates/fhso_2025/components/bitrix/news.list/fhso_main_lists/style.css?1773314585133 */
/* /local/templates/fhso_2025/assets/css/media.css?17734010815088 */
/* /local/templates/fhso_2025/assets/css/contacts.css?17902503352912 */