/* Start:/local/templates/savin_armcentr/css/index.css?1769300583110014*/
@charset "UTF-8";

:root {
	--f-button-width: 40px;
	--f-button-height: 40px;
	--f-button-border: 0;
	--f-button-border-radius: 0;
	--f-button-color: #374151;
	--f-button-bg: #f8f8f8;
	--f-button-shadow: none;
	--f-button-transition: all .15s ease;
	--f-button-transform: none;
	--f-button-outline-width: 1px;
	--f-button-outline-color: rgba(0, 0, 0, .7);
	--f-button-svg-width: 20px;
	--f-button-svg-height: 20px;
	--f-button-svg-stroke-width: 1.5;
	--f-button-svg-fill: none;
	--f-button-svg-filter: none;
	--f-button-svg-opacity: 1;
	--f-button-svg-disabled-opacity: .5;
	--f-button-svg-transition: opacity .15s ease;
	--f-button-svg-transform: none
}

.f-button {
	width: var(--f-button-width);
	height: var(--f-button-height);
	border: var(--f-button-border);
	border-radius: var(--f-button-border-radius);
	color: var(--f-button-color);
	background: var(--f-button-bg);
	box-shadow: var(--f-button-shadow);
	transform: var(--f-button-transform);
	transition: var(--f-button-transition);
	-webkit-backdrop-filter: var(--f-button-backdrop-filter);
	backdrop-filter: var(--f-button-backdrop-filter);
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: content-box;
	position: relative;
	margin: 0;
	padding: 0;
	pointer-events: all;
	cursor: pointer;
	overflow: hidden
}

@media (hover: hover) {
	.f-button:hover:not([aria-disabled]) {
		color: var(--f-button-hover-color, var(--f-button-color));
		background-color: var(--f-button-hover-bg, var(--f-button-bg))
	}
}

.f-button:active:not([aria-disabled]) {
	color: var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));
	background-color: var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))
}

.f-button:focus {
	outline: none
}

.f-button:focus-visible {
	outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
	outline-offset: var(--f-button-outline-offset);
	position: relative;
	z-index: 1
}

.f-button svg {
	width: var(--f-button-svg-width);
	height: var(--f-button-svg-height);
	transform: var(--f-button-svg-transform);
	fill: var(--f-button-svg-fill);
	filter: var(--f-button-svg-filter);
	opacity: var(--f-button-svg-opacity, 1);
	transition: var(--f-button-svg-transition);
	stroke: currentColor;
	stroke-width: var(--f-button-svg-stroke-width);
	stroke-linecap: round;
	stroke-linejoin: round;
	pointer-events: none
}

.f-button[aria-disabled] {
	cursor: default
}

.f-button[aria-disabled] svg {
	opacity: var(--f-button-svg-disabled-opacity)
}

:root {
	--f-spinner-color-1: rgba(0, 0, 0, .1);
	--f-spinner-color-2: rgba(17, 24, 28, .8);
	--f-spinner-width: 50px;
	--f-spinner-height: 50px;
	--f-spinner-border-radius: 50%;
	--f-spinner-border-width: 4px
}

.f-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5);
	padding: 0;
	width: var(--f-spinner-width);
	height: var(--f-spinner-height);
	border-radius: var(--f-spinner-border-radius);
	border: var(--f-spinner-border-width) solid var(--f-spinner-color-1);
	border-top-color: var(--f-spinner-color-2);
	animation: f-spinner .75s linear infinite, f-fadeIn .2s ease .2s both
}

@keyframes f-spinner {
	to {
		transform: rotate(360deg)
	}
}

.f-panzoom,
.f-zoomable {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	flex-direction: column
}

.f-panzoom:before,
.f-panzoom:after,
.f-zoomable:before,
.f-zoomable:after {
	display: block;
	content: ""
}

.f-panzoom:not(.has-controls):before,
.f-zoomable:not(.has-controls):before {
	margin-bottom: auto
}

.f-panzoom:after,
.f-zoomable:after {
	margin-top: auto
}

.f-panzoom__wrapper {
	position: relative;
	min-width: 0;
	min-height: 0;
	max-width: 100%;
	max-height: 100%
}

.f-panzoom__wrapper.will-zoom-out {
	cursor: zoom-out
}

.f-panzoom__wrapper.can-drag {
	cursor: move;
	cursor: grab
}

.f-panzoom__wrapper.will-zoom-in {
	cursor: zoom-in
}

.f-panzoom__wrapper.is-dragging {
	cursor: move;
	cursor: grabbing
}

.f-panzoom__wrapper.has-error {
	display: none
}

.f-panzoom__content {
	min-width: 0;
	min-height: 0;
	max-width: 100%;
	max-height: 100%
}

.f-panzoom__content.is-lazyloading,
.f-panzoom__content.has-lazyerror {
	visibility: hidden
}

img.f-panzoom__content {
	vertical-align: top;
	object-fit: contain;
	transition: none;
	-webkit-user-select: none;
	user-select: none
}

.f-panzoom__wrapper>img.f-panzoom__content,
.f-panzoom__wrapper>picture.f-panzoom__content {
	visibility: hidden
}

.f-panzoom__viewport {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.f-panzoom__viewport>.f-panzoom__content {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: fill
}

picture.f-panzoom__content img {
	vertical-align: top;
	width: 100%;
	height: auto;
	max-height: 100%;
	object-fit: contain;
	transition: none;
	-webkit-user-select: none;
	user-select: none
}

.f-panzoom__protected {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none
}

.f-fadeIn {
	animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
	z-index: 2
}

.f-fadeOut {
	animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
	z-index: 1
}

@keyframes f-fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes f-fadeOut {
	to {
		opacity: 0
	}
}

.f-crossfadeIn {
	animation: var(--f-transition-duration, .2s) ease both f-crossfadeIn;
	z-index: 2
}

.f-crossfadeOut {
	animation: calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;
	z-index: 1
}

@keyframes f-crossfadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes f-crossfadeOut {
	to {
		opacity: 0
	}
}

.is-horizontal .f-slideIn.from-next {
	animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNextX
}

.is-horizontal .f-slideIn.from-prev {
	animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrevX
}

.is-horizontal .f-slideOut.to-next {
	animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNextX
}

.is-horizontal .f-slideOut.to-prev {
	animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrevX
}

@keyframes f-slideInPrevX {
	0% {
		transform: translate(calc(100% + var(--f-carousel-gap, 0)))
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes f-slideInNextX {
	0% {
		transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes f-slideOutNextX {
	to {
		transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
	}
}

@keyframes f-slideOutPrevX {
	to {
		transform: translate(calc(100% + var(--f-carousel-gap, 0)))
	}
}

.is-vertical .f-slideIn.from-next {
	animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNextY
}

.is-vertical .f-slideIn.from-prev {
	animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrevY
}

.is-vertical .f-slideOut.to-next {
	animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNextY
}

.is-vertical .f-slideOut.to-prev {
	animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrevY
}

@keyframes f-slideInPrevY {
	0% {
		transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes f-slideInNextY {
	0% {
		transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes f-slideOutNextY {
	to {
		transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
	}
}

@keyframes f-slideOutPrevY {
	to {
		transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
	}
}

.f-zoomInUp {
	animation: var(--f-transition-duration, .3s) ease both f-zoomInUp
}

.f-zoomOutDown {
	animation: var(--f-transition-duration, .3s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
	0% {
		transform: scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
		opacity: var(--f-zoomInUp-opacity, 0)
	}

	to {
		transform: scale(1) translateZ(0);
		opacity: 1
	}
}

@keyframes f-zoomOutDown {
	to {
		transform: scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
		opacity: 0
	}
}

.f-throwOutUp {
	animation: var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp
}

.f-throwOutDown {
	animation: var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
	to {
		transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
		opacity: 0
	}
}

@keyframes f-throwOutDown {
	to {
		transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
		opacity: 0
	}
}

.has-iframe .f-html,
.has-pdf .f-html,
.has-gmap .f-html {
	width: 100%;
	height: 100%;
	min-height: 1px;
	overflow: visible
}

.has-pdf .f-html,
.has-gmap .f-html {
	padding: 0
}

.f-html {
	position: relative;
	box-sizing: border-box;
	margin: var(--f-html-margin, 0);
	padding: var(--f-html-padding, 2rem);
	color: var(--f-html-color, currentColor);
	background: var(--f-html-bg)
}

.f-html.is-error {
	text-align: center
}

.f-iframe {
	display: block;
	margin: 0;
	border: 0;
	height: 100%;
	width: 100%
}

.f-caption {
	align-self: center;
	flex-shrink: 0;
	margin: var(--f-caption-margin);
	padding: var(--f-caption-padding, 16px 8px);
	max-width: 100%;
	max-height: calc(80vh - 100px);
	overflow: auto;
	overflow-wrap: anywhere;
	line-height: var(--f-caption-line-height);
	color: var(--f-caption-color);
	background: var(--f-caption-bg);
	font: var(--f-caption-font)
}

.has-html5video .f-html,
.has-youtube .f-html,
.has-vimeo .f-html {
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 1px;
	overflow: visible;
	max-width: var(--f-video-width, 960px);
	max-height: var(--f-video-height, 540px);
	aspect-ratio: var(--f-video-aspect-ratio);
	background: var(--f-video-bg, rgba(0, 0, 0, .9))
}

.f-html5video {
	border: 0;
	display: block;
	height: 100%;
	width: 100%;
	background: transparent
}

.f-button.is-arrow {
	--f-button-width: var(--f-arrow-width, 46px);
	--f-button-height: var(--f-arrow-height, 46px);
	--f-button-svg-width: var(--f-arrow-svg-width, 24px);
	--f-button-svg-height: var(--f-arrow-svg-height, 24px);
	--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);
	--f-button-border-radius: var(--f-arrow-border-radius, unset);
	--f-button-bg: var(--f-arrow-bg, transparent);
	--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));
	--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));
	--f-button-shadow: var(--f-arrow-shadow);
	--f-button-color: var(--f-arrow-color);
	--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));
	--f-button-active-color: var(--f-arrow-active-color, var(--f-arrow-hover-color));
	overflow: visible
}

.f-button.is-arrow.is-prev,
.f-button.is-arrow.is-next {
	position: absolute;
	transform: translate(0);
	z-index: 20
}

.is-horizontal .f-button.is-arrow.is-prev,
.is-horizontal .f-button.is-arrow.is-next {
	inset: 50% auto auto;
	transform: translateY(-50%)
}

.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
	left: var(--f-arrow-pos, 0)
}

.is-horizontal.is-ltr .f-button.is-arrow.is-next {
	right: var(--f-arrow-pos, 0)
}

.is-horizontal.is-rtl .f-button.is-arrow.is-prev {
	right: var(--f-arrow-pos, 0);
	transform: translateY(-50%) rotateY(180deg)
}

.is-horizontal.is-rtl .f-button.is-arrow.is-next {
	left: var(--f-arrow-pos, 0);
	transform: translateY(-50%) rotateY(180deg)
}

.is-vertical.is-ltr .f-button.is-arrow.is-prev,
.is-vertical.is-rtl .f-button.is-arrow.is-prev {
	top: var(--f-arrow-pos, 0);
	right: auto;
	bottom: auto;
	left: 50%;
	transform: translate(-50%)
}

.is-vertical.is-ltr .f-button.is-arrow.is-next,
.is-vertical.is-rtl .f-button.is-arrow.is-next {
	top: auto;
	right: auto;
	bottom: var(--f-arrow-pos, 0);
	left: 50%;
	transform: translate(-50%)
}

.is-vertical .f-button.is-arrow.is-prev svg,
.is-vertical .f-button.is-arrow.is-next svg {
	transform: rotate(90deg)
}

.f-carousel__toolbar {
	--f-progressbar-height: 100%;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	margin: var(--f-toolbar-margin, 0);
	padding: var(--f-toolbar-padding, 8px);
	line-height: var(--f-toolbar-line-height);
	background: var(--f-toolbar-bg, none);
	box-shadow: var(--f-toolbar-shadow, none);
	-webkit-backdrop-filter: var(--f-toolbar-backdrop-filter);
	backdrop-filter: var(--f-toolbar-backdrop-filter);
	position: relative;
	z-index: 20;
	color: var(--f-toolbar-color, currentColor);
	font-size: var(--f-toolbar-font-size, 17px);
	font-weight: var(--f-toolbar-font-weight, inherit);
	font-family: var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);
	text-shadow: var(--f-toolbar-text-shadow);
	text-align: center;
	font-variant-numeric: tabular-nums;
	-webkit-font-smoothing: subpixel-antialiased;
	white-space: nowrap;
	pointer-events: none
}

.f-carousel__toolbar.is-absolute {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.f-carousel__toolbar__column {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: var(--f-toolbar-gap, 0);
	pointer-events: none
}

.f-carousel__toolbar__column.is-left {
	justify-self: flex-start;
	justify-content: flex-start
}

.f-carousel__toolbar__column.is-middle {
	justify-content: center
}

.f-carousel__toolbar__column.is-right {
	justify-self: flex-end;
	justify-content: flex-end;
	flex-flow: nowrap
}

.f-carousel__toolbar__column>* {
	pointer-events: all
}

.f-carousel:has(.f-carousel__slide.is-fullsize) [data-panzoom-action=toggleFull] g {
	display: none
}

[data-autoplay-action=toggle] svg g:first-child {
	display: flex
}

[data-autoplay-action=toggle] svg g:last-child {
	display: none
}

.has-autoplay [data-autoplay-action=toggle] svg g:first-child {
	display: none
}

.has-autoplay [data-autoplay-action=toggle] svg g:last-child {
	display: flex
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
	display: none
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
	display: flex
}

.f-carousel__counter {
	position: relative;
	display: flex;
	flex-direction: row;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
	margin: var(--f-counter-margin, 0);
	padding: var(--f-counter-padding, 4px);
	line-height: var(--f-counter-line-height);
	background: var(--f-counter-bg);
	border-radius: var(--f-counter-border-radius)
}

.f-carousel__counter span {
	padding: 0 var(--f-counter-gap, 4px)
}

:root {
	--f-thumbs-gap: 8px;
	--f-thumbs-margin: 0;
	--f-thumbs-padding-x: 8px;
	--f-thumbs-padding-y: 8px;
	--f-thumbs-z-index: 1;
	--f-thumb-width: 96px;
	--f-thumb-height: 72px;
	--f-thumb-clip-width: 46px;
	--f-thumb-extra-gap: 16px;
	--f-thumb-fit: cover;
	--f-thumb-opacity: 1;
	--f-thumb-transition: opacity .3s ease, transform .15s ease;
	--f-thumb-border: none;
	--f-thumb-border-radius: 4px;
	--f-thumb-transfors: none;
	--f-thumb-shadow: none;
	--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));
	--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
	--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff
}

.f-thumbs {
	flex-shrink: 0;
	margin: var(--f-thumbs-margin);
	padding: 0;
	background: var(--f-thumbs-bg);
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	user-select: none;
	transition: max-height .3s ease, max-width .3s ease;
	position: relative;
	overflow: hidden;
	z-index: var(--f-thumbs-z-index)
}

.f-thumbs.is-horizontal {
	max-height: calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2 + var(--f-thumbs-gap) * 2)
}

.f-thumbs.is-vertical {
	max-width: calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2)
}

.f-thumbs__viewport {
	margin: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
	overflow: visible;
	display: grid
}

.f-thumbs.is-vertical .f-thumbs__viewport {
	height: calc(100% - var(--f-thumbs-padding-y) * 2)
}

.f-thumbs__slide {
	position: relative;
	box-sizing: border-box;
	grid-area: 1/1;
	width: var(--f-carousel-slide-width);
	height: var(--f-carousel-slide-height);
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
	overflow: visible
}

.f-thumbs__slide:hover button {
	opacity: var(--f-thumb-hover-opacity, 1);
	transform: var(--f-thumb-hover-transform, none)
}

.f-thumbs__slide:hover button:after {
	border: var(--f-thumb-hover-border, none);
	box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide button {
	all: unset;
	margin: auto;
	padding: 0;
	position: relative;
	overflow: visible;
	width: 100%;
	height: 100%;
	outline: none;
	transition: var(--f-thumb-transition);
	border-radius: var(--f-thumb-border-radius);
	opacity: var(--f-thumb-opacity);
	transform: var(--f-thumb-transform);
	background: var(--f-thumb-bg)
}

.f-thumbs__slide button:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	transition: none;
	border-radius: inherit;
	border: var(--f-thumb-border);
	box-shadow: var(--f-thumb-shadow)
}

.f-thumbs__slide button:focus-within {
	opacity: var(--f-thumb-focus-opacity, 1);
	transform: var(--f-thumb-focus-transform, none)
}

.f-thumbs__slide button:focus-within:after {
	border: var(--f-thumb-focus-border, none);
	box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide:active {
	opacity: var(--f-thumb-active-opacity, 1);
	transform: var(--f-thumb-active-transform, none)
}

.f-thumbs__slide:active:after {
	border: var(--f-thumb-active-border, none);
	box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide.is-selected {
	z-index: 2
}

.f-thumbs__slide.is-selected button {
	opacity: var(--f-thumb-selected-opacity, 1);
	transform: var(--f-thumb-selected-transform, none)
}

.f-thumbs__slide.is-selected button:after {
	border: var(--f-thumb-selected-border, none);
	box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: var(--f-thumb-fit);
	border-radius: inherit;
	pointer-events: none
}

.f-thumbs__slide img.has-lazyerror {
	display: none
}

.f-thumbs.is-classic {
	--f-carousel-slide-width: var(--f-thumb-width);
	--f-carousel-slide-height: var(--f-thumb-height);
	--f-carousel-gap: var(--f-thumbs-gap)
}

.f-thumbs.is-modern {
	--f-carousel-slide-width: calc(var(--f-thumb-clip-width) + var(--f-thumbs-gap));
	--f-carousel-slide-height: var(--f-thumb-height);
	--f-carousel-gap: 0;
	--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))
}

.f-thumbs.is-modern .f-thumbs__viewport {
	width: calc(100% + var(--f-carousel-slide-width) * 2);
	margin-left: calc(var(--f-carousel-slide-width) * -1)
}

.f-thumbs.is-modern .f-thumbs__slide {
	--clip-shift: calc((var(--width-diff) * .5) * var(--progress));
	--clip-path: inset(0 var(--clip-shift) round var(--f-thumb-border-radius, 0));
	padding: 0;
	overflow: visible;
	left: var(--shift, 0);
	will-change: left;
	transition: left var(--f-transition-duration) var(--f-transition-easing)
}

.f-thumbs.is-modern .f-thumbs__slide button {
	display: block;
	margin-left: 50%;
	transform: translate(-50%);
	width: var(--f-thumb-width);
	clip-path: var(--clip-path);
	border: none;
	box-shadow: none;
	transition: clip-path var(--f-transition-duration) var(--f-transition-easing), opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)
}

.f-thumbs.is-modern .f-thumbs__slide button:after {
	display: none
}

.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
	outline: none
}

.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: var(--clip-shift);
	bottom: 0;
	right: var(--clip-shift);
	transition: border var(--f-transition-duration) var(--f-transition-easing), box-shadow var(--f-transition-duration) var(--f-transition-easing);
	border-radius: inherit;
	border: var(--f-thumb-focus-border, none);
	box-shadow: var(--f-thumb-focus-shadow, none)
}

.f-thumbs.is-modern {
	--f-transition-duration: .25s;
	--f-transition-easing: ease-out
}

.f-thumbs.is-modern.is-syncing {
	--f-transition-duration: 0s
}

.f-progressbar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 30;
	height: var(--f-progressbar-height, 3px);
	transform: scaleX(0);
	transform-origin: 0;
	background: var(--f-progressbar-color, var(--f-carousel-theme-color, #575ad6));
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
	animation-name: f-progressbar;
	animation-play-state: running;
	animation-timing-function: linear
}

@keyframes f-progressbar {
	0% {
		transform: scaleX(0)
	}

	to {
		transform: scaleX(1)
	}
}

[data-fullscreen-action=toggle] svg g:first-child {
	display: flex
}

[data-fullscreen-action=toggle] svg g:last-child {
	display: none
}

:fullscreen [data-fullscreen-action=toggle] svg g:first-child {
	display: none
}

:fullscreen [data-fullscreen-action=toggle] svg g:last-child {
	display: flex
}

.in-fullscreen-mode>.f-carousel {
	flex: 1;
	min-width: 0 !important;
	min-height: 0 !important
}

html.with-fancybox {
	width: auto;
	overflow: visible;
	scroll-behavior: auto
}

html.with-fancybox body {
	touch-action: none
}

html.with-fancybox body.hide-scrollbar {
	width: auto;
	margin-right: calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));
	overflow: hidden !important;
	overscroll-behavior-y: none
}

.fancybox__dialog {
	width: 100%;
	height: 100vh;
	max-height: unset;
	max-width: unset;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	background: transparent
}

.fancybox__dialog:focus {
	outline: none
}

.fancybox__dialog::backdrop {
	opacity: 0
}

@supports (height: 100dvh) {
	.fancybox__dialog {
		height: 100dvh
	}
}

.fancybox__container {
	--fancybox-color: #dbdbdb;
	--fancybox-backdrop-bg: rgba(24, 24, 27, .95);
	--f-toolbar-margin: 0;
	--f-toolbar-padding: 8px;
	--f-toolbar-gap: 0;
	--f-toolbar-color: #ddd;
	--f-toolbar-font-size: 16px;
	--f-toolbar-font-weight: 500;
	--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
	--f-toolbar-line-height: var(--f-button-height);
	--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
	--f-toolbar-shadow: none;
	--f-toolbar-bg: none;
	--f-counter-margin: 0;
	--f-counter-padding: 0px 10px;
	--f-counter-gap: 4px;
	--f-counter-line-height: var(--f-button-height);
	--f-carousel-gap: 17px;
	--f-carousel-slide-width: 100%;
	--f-carousel-slide-height: 100%;
	--f-carousel-slide-padding: 0;
	--f-carousel-slide-bg: unset;
	--f-html-color: #222;
	--f-html-bg: #fff;
	--f-error-color: #fff;
	--f-error-bg: #333;
	--f-caption-margin: 0;
	--f-caption-padding: 16px 8px;
	--f-caption-color: var(--fancybox-color, #dbdbdb);
	--f-caption-bg: transparent;
	--f-caption-font: inherit;
	--f-caption-line-height: 1.375;
	--f-spinner-color-1: rgba(255, 255, 255, .2);
	--f-spinner-color-2: rgba(255, 255, 255, .8);
	--f-spinner-width: 50px;
	--f-spinner-height: 50px;
	--f-spinner-border-radius: 50%;
	--f-spinner-border-width: 4px;
	--f-progressbar-color: rgba(255, 255, 255, .2);
	--f-button-width: 46px;
	--f-button-height: 46px;
	--f-button-color: #ddd;
	--f-button-hover-color: #fff;
	--f-button-outline-width: 1px;
	--f-button-outline-color: rgba(255, 255, 255, .75);
	--f-button-outline-offset: 0px;
	--f-button-bg: rgba(54, 54, 54, .75);
	--f-button-border: 0;
	--f-button-border-radius: 0;
	--f-button-shadow: none;
	--f-button-transition: all .2s ease;
	--f-button-transform: none;
	--f-button-svg-width: 24px;
	--f-button-svg-height: 24px;
	--f-button-svg-stroke-width: 1.75;
	--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));
	--f-button-svg-fill: none;
	--f-button-svg-disabled-opacity: .5;
	--f-arrow-pos: 32px;
	--f-arrow-width: 50px;
	--f-arrow-height: 50px;
	--f-arrow-svg-width: 24px;
	--f-arrow-svg-height: 24px;
	--f-arrow-svg-stroke-width: 2;
	--f-arrow-border-radius: 50%;
	--f-arrow-bg: rgba(54, 54, 54, .65);
	--f-arrow-color: #ddd;
	--f-arrow-hover-color: #fff;
	--f-thumbs-margin: 0px;
	--f-thumbs-padding-x: 8px;
	--f-thumbs-padding-y: 8px;
	--f-thumbs-bg: none;
	--f-thumb-transition: all .2s ease;
	--f-thumb-width: 94px;
	--f-thumb-height: 76px;
	--f-thumb-opacity: 1;
	--f-thumb-border: none;
	--f-thumb-shadow: none;
	--f-thumb-transform: none;
	--f-thumb-focus-opacity: 1;
	--f-thumb-focus-border: none;
	--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);
	--f-thumb-focus-transform: none;
	--f-thumb-hover-opacity: 1;
	--f-thumb-hover-border: none;
	--f-thumb-hover-transform: none;
	--f-thumb-active-opacity: var(--f-thumb-hover-opacity);
	--f-thumb-active-border: var(--f-thumb-hover-border);
	--f-thumb-active-transform: var(--f-thumb-hover-transform);
	--f-thumb-selected-opacity: 1;
	--f-thumb-selected-border: none;
	--f-thumb-selected-shadow: inset 0 0 0 2px #fff;
	--f-thumb-selected-transform: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	outline: none;
	display: flex;
	flex-direction: column
}

.fancybox__container[theme=light] {
	--fancybox-color: #222;
	--fancybox-backdrop-bg: rgba(255, 255, 255, .97);
	--f-toolbar-color: var(--fancybox-color, #222);
	--f-toolbar-text-shadow: none;
	--f-toolbar-font-weight: 400;
	--f-html-color: var(--fancybox-color, #222);
	--f-html-bg: #fff;
	--f-error-color: #555;
	--f-error-bg: #fff;
	--f-video-bg: #fff;
	--f-caption-color: #333;
	--f-spinner-color-1: rgba(0, 0, 0, .2);
	--f-spinner-color-2: rgba(0, 0, 0, .8);
	--f-spinner-border-width: 3.5px;
	--f-progressbar-color: rgba(111, 111, 116, .2);
	--f-button-color: #333;
	--f-button-hover-color: #000;
	--f-button-outline-color: rgba(0, 0, 0, .85);
	--f-button-bg: rgba(255, 255, 255, .85);
	--f-button-svg-stroke-width: 1.3;
	--f-button-svg-filter: none;
	--f-arrow-bg: rgba(255, 255, 255, .85);
	--f-arrow-color: #333;
	--f-arrow-hover-color: #000;
	--f-arrow-svg-stroke-width: 1.3;
	--f-close-button-color: #555;
	--f-close-button-hover-color: #000;
	--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);
	--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;
	--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000
}

.fancybox__container::backdrop {
	background-color: transparent
}

.fancybox__container.has-vertical-thumbs {
	flex-direction: row-reverse
}

.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport {
	overflow-x: clip;
	overflow-y: visible
}

.fancybox__container>*:not(.fancybox__carousel),
.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),
.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
	opacity: var(--f-drag-opacity, 1)
}

.fancybox__container:not(.is-ready, .is-hiding) {
	visibility: hidden
}

.fancybox__container.is-revealing>*:not(.fancybox__carousel),
.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),
.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
	animation: var(--f-interface-enter-duration, .35s) ease none f-fadeIn
}

.fancybox__container.is-hiding>*:not(.fancybox__carousel),
.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),
.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html, .f-panzoom__wrapper) {
	animation: var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut
}

.fancybox__container.is-idle .f-carousel__toolbar {
	pointer-events: none;
	opacity: 0
}

.fancybox__container.is-idle .f-button.is-arrow {
	opacity: 0
}

.fancybox__container.is-idle.is-ready .f-carousel__toolbar {
	pointer-events: none;
	animation: .15s ease-out both f-fadeOut
}

.fancybox__container.is-idle.is-ready .f-button.is-arrow {
	animation: .15s ease-out both f-fadeOut
}

.fancybox__backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: var(--fancybox-backdrop-bg)
}

.fancybox__carousel {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
	min-width: 0;
	position: relative;
	z-index: 10;
	overflow-y: visible;
	overflow-x: clip
}

.fancybox__carousel.is-vertical {
	--f-carousel-slide-height: 100%
}

.fancybox__carousel.is-ltr {
	direction: ltr
}

.fancybox__carousel.is-rtl {
	direction: rtl
}

.fancybox__carousel>.f-button.is-arrow:before {
	position: absolute;
	content: "";
	top: -30px;
	right: -30px;
	bottom: -30px;
	left: -30px;
	z-index: 1
}

.fancybox__carousel>.f-progressbar {
	background-color: var(--fancybox-color)
}

.fancybox__viewport {
	display: grid;
	flex: 1;
	min-height: 0;
	min-width: 0;
	position: relative;
	overflow: visible;
	transform: translate3d(0, var(--f-drag-offset, 0), 0)
}

.fancybox__viewport.is-draggable {
	cursor: move;
	cursor: grab
}

.fancybox__viewport.is-dragging {
	cursor: move;
	cursor: grabbing
}

.fancybox__viewport [data-selectable],
.fancybox__viewport [contenteditable] {
	cursor: auto
}

.fancybox__slide {
	box-sizing: border-box;
	position: relative;
	grid-area: 1/1;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: var(--f-carousel-slide-width);
	height: var(--f-carousel-slide-height);
	min-width: 0;
	min-height: 0;
	max-width: 100%;
	margin: 0;
	padding: var(--f-carousel-slide-padding);
	background: var(--f-carousel-slide-bg);
	backface-visibility: hidden;
	transform: translateZ(0);
	will-change: transform
}

.fancybox__slide:before,
.fancybox__slide:after {
	display: block;
	content: ""
}

.fancybox__slide:before {
	margin-bottom: auto
}

.fancybox__slide:after {
	margin-top: auto
}

.fancybox__slide.is-selected {
	z-index: 1
}

.fancybox__slide.f-zoomable {
	overflow: visible
}

.fancybox__slide.has-error {
	--f-html-color: var(--f-error-color, --f-html-color);
	--f-html-bg: var(--f-error-bg, --f-html-bg)
}

.fancybox__slide.has-html {
	overflow: auto;
	padding: 8px
}

.fancybox__slide.has-close-btn {
	padding-top: 34px
}

.fancybox__slide .f-button[data-fancybox-close] {
	--f-button-width: var(--f-close-button-width, 34px);
	--f-button-height: var(--f-close-button-height, 34px);
	--f-button-border-radius: var(--f-close-border-radius, 4px);
	--f-button-color: var(--f-close-button-color, #fff);
	--f-button-hover-color: var(--f-close-button-hover-color, #fff);
	--f-button-bg: var(--f-close-button-bg, transparent);
	--f-button-hover-bg: var(--f-close-button-hover-bg, transparent);
	--f-button-active-bg: var(--f-close-button-active-bg, transparent);
	--f-button-svg-width: var(--f-close-button-svg-width, 22px);
	--f-button-svg-height: var(--f-close-button-svg-height, 22px);
	position: absolute;
	top: calc(var(--f-button-height) * -1);
	right: 0;
	z-index: 40
}

.fancybox__slide .f-spinner {
	cursor: pointer
}

.fancybox__container.is-closing .f-caption,
.fancybox__slide.is-loading .f-caption {
	visibility: hidden
}

.fancybox__container.is-closing .fancybox__carousel {
	overflow: visible
}

@font-face {
	font-family: swiper-icons;
	src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	display: block
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-horizontal {
	touch-action: pan-y
}

.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d {
	perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
	transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
	scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
	content: "";
	flex-shrink: 0;
	order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

* {
	margin: 0;
	padding: 0
}

*,
*:before,
*:after {
	box-sizing: border-box
}

*:focus-visible {
	outline: none
}

input,
textarea,
button {
	background-color: transparent;
	font: inherit;
	border: none;
	outline: none;
	color: inherit
}

input,
textarea {
	min-width: 0
}

input::placeholder,
textarea::placeholder {
	font: inherit;
	color: inherit
}

button {
	cursor: pointer
}

a {
	display: block;
	text-decoration: none;
	color: inherit
}

ul,
ol {
	list-style-position: inside
}

ul li {
	list-style: none
}

img,
picture,
video,
canvas,
svg {
	min-width: 0;
	display: block;
	max-width: 100%
}

@font-face {
	font-family: geologica;
	font-weight: 100;
	font-style: normal;
	font-display: swap;
	src: url(/local/templates/savin_armcentr/fonts/geologica-100.woff2) format("woff2")
}

@font-face {
	font-family: geologica;
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url(/local/templates/savin_armcentr/fonts/geologica-300.woff2) format("woff2")
}

@font-face {
	font-family: geologica;
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url(/local/templates/savin_armcentr/fonts/geologica-400.woff2) format("woff2")
}

@font-face {
	font-family: geologica;
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url(/local/templates/savin_armcentr/fonts/geologica-500.woff2) format("woff2")
}

@font-face {
	font-family: geologica;
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url(/local/templates/savin_armcentr/fonts/geologica-600.woff2) format("woff2")
}

:root {
	--color-primary-100:   #5f7762;
	--color-primary-200:   #7dad65;
	--color-primary-300:   #c39b5f;
	--color-primary-400:   #418431;
	--color-primary-500:   #283453;
	--color-primary-600:   #384d48;
	--color-accent-100:    #00b8e0;
	--color-accent-200:    #6b7fd7;
	--color-text-100:      #b1b1b1;
	--color-text-200:      #a6a6a6;
	--color-text-300:      #333;
	--color-text-contrast: #fff;
	--color-border-100:    #f2f2f2;
	--color-border-200:    #d9d9d9;
	--color-background:    #fff;
	--color-secondary-50: #f5f5f5;
	--color-secondary-100: #f0f0f4;
	--color-secondary-200: #f6f6f8;
	--color-secondary-300: #c3def2;
	--color-secondary-400: #333;
	--color-highlight-100: #f8f8f3;
	--color-highlight-200: #eeede2;
	--color-overlay-highlight: #564946;
	--color-overlay-highlight-transparent: rgba(86, 73, 70, .25);
	--color-overlay-highlight-light: #eeede2;
	--color-overlay-highlight-light-transparent: rgba(238, 237, 226, .25);
	--color-overlay-dark: #000002;
	--color-overlay-dark-transparent: rgba(0, 0, 2, .25);
	--z-header: 1000;
	--z-routes-popup: 999;
	--z-dropdown: 998
}

html {
	font-size: 24px;
	line-height: 1.3
}

html.sv-print-mode *,
html.sv-print-mode *:before,
html.sv-print-mode *:after {
	transition: none !important;
	animation: none !important
}

p,
h1,
h2,
h3,
h5 {
	overflow-wrap: break-word
}

h1,
h2,
h3,
h5 {
	text-wrap: balance
}

::selection {
	background-color: var(--color-accent-200);
	color: #fff
}

body {
	background-color: var(--color-background);
	color: var(--color-text-300);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	font-size: clamp(.65rem, 1.25vw, .75rem);
	font-family: geologica, system-ui, sans-serif;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased
}

body footer {
	margin-top: auto
}

.sv-loading {
	--loading-overlay: var(--color-background);
	--loading-spinner: var(--color-text-300);
	position: relative;
	overflow: hidden;
	pointer-events: none
}

.sv-loading--top:after {
	top: calc(1.2rem + 2.5%) !important
}

.sv-loading:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: none !important;
	background-color: var(--loading-overlay) !important;
	-webkit-backdrop-filter: blur(.25rem);
	backdrop-filter: blur(.25rem);
	z-index: 2
}

.sv-loading:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: .35rem;
	height: .35rem;
	background-color: transparent;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 1rem 0 0 var(--loading-spinner), .7rem .7rem 0 var(--loading-spinner), 0 1rem 0 var(--loading-spinner), -.7rem .7rem 0 var(--loading-spinner), -1rem 0 0 var(--loading-spinner), -.7rem -.7rem 0 var(--loading-spinner), 0 -1rem 0 var(--loading-spinner), .7rem -.7rem 0 var(--loading-spinner);
	animation: rotate 1.5s linear infinite;
	z-index: 3
}

@keyframes rotate {
	to {
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

.sv-header {
	position: sticky;
	top: 0;
	z-index: var(--z-header)
}

.sv-footer {
	background-color: var(--color-primary-500);
	color: var(--color-text-contrast);
	font-size: .6rem;
	padding-top: clamp(1.5rem, 7vw, 3.25rem);
	padding-bottom: clamp(1.5rem, 4vw, 2rem)
}

.sv-footer__logo-icon {
	grid-area: logo-icon
}

.sv-footer__phone {
	grid-area: phone
}

.sv-footer__email {
	grid-area: email
}

.sv-footer__address {
	grid-area: address
}

.sv-footer__logo {
	grid-area: logo
}

.sv-footer__top {
	display: grid;
	align-items: center;
	gap: 1.25rem;
	padding-bottom: clamp(1.25rem, 3vw, 1.5rem);
	border-bottom: 1px solid rgba(255, 255, 255, .125)
}

@media (min-width: 1201px) {
	.sv-footer__top {
		grid-template-columns: repeat(5, auto);
		grid-template-rows: auto;
		grid-template-areas: "logo-icon phone email address logo"
	}
}

@media (max-width: 1200px) {
	.sv-footer__top {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, auto);
		grid-template-areas: "logo-icon logo-icon" "phone email" "logo address"
	}
}

.sv-footer__schedule {
	grid-area: schedule
}

.sv-footer__nav {
	grid-area: nav
}

.sv-footer__actions {
	grid-area: actions
}

.sv-footer__registry {
	grid-area: registry
}

.sv-footer__distribution-warning {
	grid-area: distribution-warning
}

.sv-footer__socials {
	grid-area: socials
}

.sv-footer__links {
	grid-area: links
}

.sv-footer__body {
	padding-top: clamp(1.5rem, 4vw, 1.75rem);
	padding-bottom: clamp(1.5rem, 4vw, 2rem);
	display: grid;
	align-content: start;
	gap: .75rem 1.25rem
}

@media (min-width: 1201px) {
	.sv-footer__body {
		grid-template-columns: 3.65fr 6fr auto 1fr;
		grid-template-rows: auto auto 1fr;
		grid-template-areas: "schedule nav actions actions registry" "schedule nav actions actions distribution-warning" "schedule nav socials links links"
	}

	.sv-footer__body .sv-footer__socials,
	.sv-footer__body .sv-footer__links {
		align-self: end
	}
}

@media (max-width: 1200px) {
	.sv-footer__body {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(6, auto);
		grid-template-areas: "schedule schedule" "nav nav" "actions actions" "distribution-warning distribution-warning" "socials registry" "links links";
		gap: 1.5rem 1.25rem
	}

	.sv-footer__body .sv-footer__schedule {
		padding-bottom: 1.5rem;
		border-bottom: 1px solid rgba(255, 255, 255, .125)
	}
}

.sv-footer__bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: clamp(1.25rem, 3vw, 1.5rem);
	padding-top: clamp(1.5rem, 4vw, 2rem);
	border-top: 1px solid rgba(255, 255, 255, .125)
}

@media (max-width: 992px) {
	.sv-footer__bottom {
		flex-direction: column;
		align-items: start
	}

	.sv-footer__bottom .sv-footer__credits {
		width: 100%
	}
}

.sv-footer__actions {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: .75rem
}

.sv-footer__actions .sv-button {
	min-width: auto
}

.sv-footer__schedule {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem
}

.sv-footer__schedule .sv-footer__heading {
	flex-basis: 100%;
	margin-bottom: -.5rem
}

.sv-footer__schedule .sv-footer__menu {
	flex-grow: 1
}

.sv-footer__schedule .sv-footer__policy {
	margin-top: auto
}

.sv-footer__menu {
	display: inline-grid
}

.sv-footer__menu .sv-footer__link:not(:last-of-type),
.sv-footer__menu .sv-footer__text:not(:last-of-type) {
	padding-bottom: .75rem
}

.sv-footer__credits {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem
}

.sv-footer__links {
	display: flex;
	flex-direction: column;
	gap: .75rem
}

.sv-footer__nav {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.25rem
}

.sv-footer__heading {
	font-size: clamp(.7rem, 1.5vw, .8rem);
	padding-bottom: .5rem
}

.sv-footer__explicit-link {
	display: flex;
	align-items: center;
	gap: .25rem;
	text-decoration: underline .75px;
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-footer__explicit-link:hover {
	opacity: .6
}

@media (max-width: 992px) {
	.sv-footer__logo-icon .sv-logo__text {
		font-size: .5rem
	}
}

.sv-footer__phone {
	font-size: clamp(.65rem, 1.25vw, .75rem);
	text-decoration: underline;
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-footer__phone:hover {
	opacity: .6
}

.sv-footer__link:hover {
	text-decoration: underline
}

.sv-footer__icon {
	flex-shrink: 0;
	opacity: .8
}

.sv-footer__distribution-warning {
	font-size: .4rem;
	font-weight: 300
}

@media (max-width: 992px) {
	.sv-footer__distribution-warning {
		font-size: .5rem
	}
}

.sv-footer__logo {
	max-width: clamp(6rem, 15vw, 7rem)
}

.sv-footer__ys-logo {
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-footer__ys-logo:hover {
	opacity: .6
}

.sv-topbar {
	background-color: var(--color-primary-500);
	color: var(--color-text-contrast);
	font-size: .5rem
}

.sv-topbar__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: .75rem
}

.sv-topbar__item {
	padding: .5rem 0;
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-topbar__item:hover {
	opacity: .6
}

.sv-nav {
	display: flex;
	background-color: var(--color-background);
	border-bottom: 1px solid var(--color-border-100);
	height: 3.75rem;
	font-size: .5rem
}

.sv-nav .sv-row {
	height: 100%
}

.sv-nav__logo {
	width: 100%;
	height: 100%
}

.sv-nav__logo .sv-logo {
	height: 100%
}

.sv-nav__content {
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	position: relative
}

.sv-nav__search {
	width: calc(100% + 63.75px);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--color-background);
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	transform-origin: left center;
	will-change: transform;
	transition: opacity .3s ease, transform .6s cubic-bezier(.22, 1, .32, 1);
	z-index: 1
}

.sv-nav__search:not(.sv-nav__search--active) {
	opacity: 0;
	transform: translate(-1rem) scaleX(.85) scaleY(.75);
	pointer-events: none
}

.sv-nav__group {
	background-color: var(--color-secondary-100);
	border-radius: .5rem;
	display: flex;
	overflow: hidden
}

.sv-nav__group .sv-nav__input {
	flex-grow: 1
}

.sv-nav__group .sv-nav__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 .8rem
}

.sv-nav__input {
	padding: .6rem .6rem .6rem 0;
	font-size: .5rem;
	font-weight: 300
}

.sv-nav__input::placeholder {
	color: var(--color-text-100)
}

.sv-nav__button {
	cursor: pointer;
	transition: opacity .3s ease;
	background-color: var(--color-primary-300);
	color: var(--color-text-contrast);
	padding: .6rem 1.25rem;
	font-size: .5rem;
	text-align: center
}

.sv-nav__button:hover {
	opacity: .6
}

.sv-nav__menu {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: .5rem
}

.sv-nav__link {
	height: 100%;
	display: flex;
	align-items: center;
	transition: color .3s ease
}

.sv-nav__link:hover {
	color: var(--color-primary-300)
}

.sv-nav__action {
	cursor: pointer;
	transition: opacity .3s ease;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: end;
	align-items: center;
	position: relative
}

.sv-nav__action:hover {
	opacity: .6
}

.sv-nav__action svg {
	transition: opacity .45s ease, transform .45s ease
}

.sv-nav__action svg:nth-of-type(1) {
	transform: scale(1)
}

.sv-nav__action svg:nth-of-type(2) {
	position: absolute;
	transform: scale(.5);
	will-change: transform;
	opacity: 0
}

.sv-nav__action--active svg:nth-of-type(1) {
	transform: scale(.5);
	opacity: 0
}

.sv-nav__action--active svg:nth-of-type(2) {
	transform: scale(1) translate(0);
	opacity: 1
}

.sv-nav__expandable {
	height: 100%;
	position: relative
}

.sv-nav__expandable .sv-nav__link {
	cursor: default
}

.sv-nav__expandable:not(:hover) .sv-nav__dropdown {
	opacity: 0;
	transform: translate(-.75rem, -.25rem);
	pointer-events: none
}

.sv-nav__expandable:hover .sv-nav__link {
	color: var(--color-primary-300)
}

.sv-nav__dropdown {
	position: absolute;
	background-color: var(--color-background);
	border: 1px solid var(--color-border-100);
	transform: translate(-.75rem);
	transition: transform .3s ease, opacity .3s ease
}

.sv-nav__dropdown:before {
	content: "";
	position: absolute;
	top: -1px;
	left: .75rem;
	width: 1.5rem;
	height: 1px;
	background-color: var(--color-primary-300)
}

.sv-nav__item {
	padding: .75rem 3rem 0 .75rem;
	position: relative;
	transition: color .3s ease;
	white-space: nowrap;
	z-index: 1
}

.sv-nav__item:last-of-type {
	padding-bottom: .75rem
}

.sv-nav__item:last-of-type:before {
	bottom: .75rem
}

.sv-nav__item:hover {
	color: var(--color-primary-300)
}

.sv-mobile-nav {
	display: grid;
	grid-template-rows: auto 1fr
}

.sv-mobile-nav__panel {
	padding: 0 15px;
	display: flex;
	height: 3rem;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	background-color: var(--color-background);
	border-bottom: 1px solid var(--color-border-100);
	box-shadow: 0 -.5rem .8rem 0 var(--color-overlay-dark-transparent);
	z-index: 1
}

.sv-mobile-nav__hamburger {
	display: grid;
	gap: .25rem
}

.sv-mobile-nav__hamburger--active .sv-mobile-nav__bar:nth-child(1) {
	transform: translateY(.4rem) rotate(45deg)
}

.sv-mobile-nav__hamburger--active .sv-mobile-nav__bar:nth-child(2) {
	opacity: 0
}

.sv-mobile-nav__hamburger--active .sv-mobile-nav__bar:nth-child(3) {
	transform: translateY(-.4rem) rotate(-45deg)
}

.sv-mobile-nav__bar {
	background-color: var(--color-primary-300);
	width: 1.5rem;
	height: .15rem;
	border-radius: 999rem;
	transition: opacity .3s ease, transform .3s ease
}

.sv-mobile-nav__dropdown {
	background-color: var(--color-background);
	border-radius: 0 0 1rem 1rem;
	box-shadow: 0 calc(100dvh - 3rem) 0 calc(100dvh - 3rem) var(--color-overlay-dark-transparent);
	height: calc(100dvh - 3rem);
	padding-bottom: .75rem;
	overflow-y: auto;
	overscroll-behavior-y: contain;
	transition: height .6s ease, padding-bottom .6s ease, box-shadow .6s ease;
	will-change: height
}

.sv-mobile-nav__dropdown:not(.sv-mobile-nav__dropdown--active) {
	height: 0;
	padding-bottom: 0;
	box-shadow: 0 calc(100dvh - 3rem) 0 calc(100dvh - 3rem) transparent
}

.sv-mobile-nav__actions {
	padding: .75rem 15px;
	position: relative
}

.sv-mobile-nav__search {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--color-secondary-100);
	display: flex;
	justify-content: space-between;
	transition: opacity .3s ease, transform .3s ease
}

.sv-mobile-nav__search:not(.sv-mobile-nav__search--active) {
	transform: translateY(-100%);
	opacity: 0;
	pointer-events: none
}

.sv-mobile-nav__search .sv-mobile-nav__input {
	flex-grow: 1
}

.sv-mobile-nav__search .sv-mobile-nav__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1
}

.sv-mobile-nav__search .sv-mobile-nav__icon:first-of-type {
	color: var(--color-text-200)
}

.sv-mobile-nav__search .sv-mobile-nav__icon:last-of-type {
	color: var(--color-primary-300)
}

.sv-mobile-nav__nested {
	display: none
}

.sv-mobile-nav__nested .sv-mobile-nav__item {
	background-color: var(--color-highlight-200)
}

.sv-mobile-nav__nested .sv-mobile-nav__item:not(:first-child) {
	border-top: 1px solid var(--color-border-100)
}

.sv-mobile-nav__item {
	padding: .75rem 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid var(--color-border-100)
}

.sv-mobile-nav__input {
	font-size: .6rem
}

.sv-mobile-nav__input::placeholder {
	color: var(--color-text-100)
}

.sv-mobile-nav__text {
	font-size: .6rem
}

.sv-mobile-nav__arrow {
	color: var(--color-primary-300);
	transition: transform .3s ease
}

.sv-mobile-nav__arrow--active {
	transform: rotate(180deg)
}

.sv-logo {
	display: flex;
	align-items: center;
	gap: .5rem
}

.sv-logo__img {
	max-width: 1.5rem
}

.sv-logo__text {
	font-size: .4rem;
	font-weight: 600
}

a.sv-logo {
	cursor: pointer;
	transition: opacity .3s ease
}

a.sv-logo:hover {
	opacity: .6
}

.sv-first-screen {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	position: relative;
	z-index: 1;
	color: var(--color-text-contrast)
}

.sv-first-screen:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to left, transparent, var(--color-overlay-dark));
	z-index: -1
}

@media (max-width: 768px) {
	.sv-first-screen:before {
		background-image: none;
		background-color: var(--color-overlay-dark-transparent)
	}
}

.sv-first-screen__video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.sv-first-screen__logo {
	max-width: clamp(7rem, 18vw, 12rem)
}

.sv-first-screen__title {
	font-size: clamp(1.35rem, 4vw, 2.5rem);
	font-weight: 600
}

.sv-first-screen__enums {
	font-weight: 300;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 2rem
}

.sv-first-screen__enum {
	display: flex;
	flex-direction: column;
	gap: .25rem;
	text-align: center
}

.sv-section {
	position: relative;
	overflow: hidden;
	z-index: 1;
	color: var(--text-color);
	--overlay-color: var(--color-overlay-dark);
	--special-color: var(--color-accent-200);
	--text-color: var(--color-text-300)
}

.sv-section--background--secondary {
	background-color: var(--color-secondary-100)
}

.sv-section--background--highlight {
	--special-color: var(--color-text-300);
	background-color: var(--color-highlight-200)
}

.sv-section--overlay {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	--text-color: var(--color-text-contrast)
}

.sv-section--overlay--highlight-light {
	--overlay-color: var(--color-overlay-highlight-light);
	--text-color: var(--color-text-300)
}

.sv-section--overlay:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to left, transparent 15%, var(--overlay-color) 70%);
	z-index: -1
}

@media (max-width: 768px) {
	.sv-section--overlay:before {
		background-image: linear-gradient(to top, transparent, var(--overlay-color))
	}
}

.sv-section--z-upper {
	z-index: 2
}

.sv-section__heading {
	margin-bottom: clamp(1rem, 4vw, 2rem)
}

.sv-section__actions {
	display: flex;
	align-items: center;
	gap: .75rem;
	margin-bottom: 1.5rem
}

.sv-section__action {
	margin-left: auto
}

@media (max-width: 768px) {
	.sv-section__action {
		display: none
	}
}

.sv-section__arrows {
	display: flex;
	align-items: center;
	gap: 1rem
}

.sv-section__arrows:has(.sv-section__arrow--disabled+.sv-section__arrow--disabled) .sv-section__arrow--disabled {
	opacity: 0
}

.sv-section__object {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	opacity: .25;
	max-width: 12vw;
	z-index: -1
}

.sv-section__object--position--left {
	left: 0
}

.sv-section__object--position--right {
	right: 0
}

.sv-section__object--alignment--end {
	top: 75%;
	transform: translateY(-75%)
}

.sv-section__object--color--secondary-light {
	color: var(--color-secondary-200);
	opacity: .75
}

.sv-section__object--color--secondary {
	color: var(--color-secondary-300)
}

.sv-section__object--color--highlight {
	color: var(--color-highlight-200);
	opacity: .35
}

@media (max-width: 1200px) {
	.sv-section__object {
		display: none
	}
}

.sv-section__title {
	font-size: clamp(1.125rem, 4vw, 2rem);
	font-weight: 500
}

@media (max-width: 768px) {
	.sv-section__title:not(.sv-section__title--no-br-dispose) br {
		display: none
	}
}

.sv-section__text {
	font-size: clamp(.6rem, 1.5vw, .8rem);
	font-weight: 300
}

.sv-section__link {
	font-weight: 300;
	color: var(--special-color);
	text-decoration: underline 1px;
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-section__link:hover {
	opacity: .6
}

.sv-section__arrow {
	cursor: pointer;
	transition: opacity .3s ease;
	color: var(--special-color)
}

.sv-section__arrow:hover {
	opacity: .6
}

.sv-section__arrow--disabled {
	opacity: .4;
	pointer-events: none
}

.sv-section__auto-entity {
	width: 100%;
	border-radius: .8rem;
	overflow: hidden
}

.sv-slider__swiper {
	overflow: visible
}

.sv-slider__slide {
	width: clamp(11rem, 35vw, 12rem);
	height: auto
}

.sv-slider__slide--true-auto {
	width: auto
}

.sv-slider__auto-img {
	width: 100%;
	object-fit: cover;
	border-radius: .8rem
}

.sv-slider__auto-img--zoom {
	cursor: zoom-in
}

.sv-overlay-card {
	cursor: pointer;
	transition: opacity .3s ease;
	height: 100%;
	border-radius: 1.25rem;
	padding: clamp(1rem, 2.5vw, 1.25rem);
	aspect-ratio: 8/11;
	display: flex;
	flex-direction: column;
	gap: .6rem;
	color: var(--color-text-contrast);
	position: relative;
	overflow: hidden;
	-webkit-user-select: none;
	user-select: none;
	z-index: 1
}

.sv-overlay-card:hover {
	opacity: .6
}

.sv-overlay-card:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	background-image: linear-gradient(to top, var(--color-overlay-highlight), transparent);
	z-index: -1
}

.sv-overlay-card--overlay--secondary:before {
	background-image: linear-gradient(to top, var(--color-overlay-dark-transparent), transparent)
}

@media (max-width: 992px) {
	.sv-overlay-card--height--adaptive {
		aspect-ratio: 11/8
	}
}

.sv-overlay-card__title+.sv-overlay-card__meta {
	margin-top: 1rem
}

.sv-overlay-card__meta {
	display: flex;
	gap: .25rem
}

.sv-overlay-card__item {
	display: block;
	font-size: .5rem;
	font-weight: 300;
	padding: .075rem .25rem;
	border: 1px solid var(--color-text-contrast);
	border-radius: 999rem;
	--lines: 1;
	display: -webkit-box;
	-webkit-line-clamp: var(--lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.sv-overlay-card__img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
	object-fit: cover
}

.sv-overlay-card__title {
	margin-top: auto;
	font-size: .75rem;
	block-size: 2lh;
	-webkit-hyphens: auto;
	hyphens: auto;
	word-break: break-word;
	text-align: left;
	--lines: 2;
	display: -webkit-box;
	-webkit-line-clamp: var(--lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.sv-overlay-card__text {
	font-size: .6rem;
	font-weight: 300;
	block-size: 5lh;
	--lines: 5;
	display: -webkit-box;
	-webkit-line-clamp: var(--lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.sv-news-card {
	cursor: pointer;
	transition: opacity .3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 1.25rem;
	position: relative;
	overflow: hidden;
	border: 1px solid var(--color-border-200)
}

.sv-news-card:hover {
	opacity: .6
}

.sv-news-card__body {
	height: 100%;
	display: inline-block;
	background-color: var(--color-background);
	padding: .75rem 1rem 1rem
}

.sv-news-card__img {
	object-fit: cover;
	width: 100%;
	aspect-ratio: 14/9;
	-webkit-user-select: none;
	user-select: none
}

.sv-news-card__date {
	position: absolute;
	left: 1rem;
	top: 1rem;
	background-color: var(--color-secondary-100);
	padding: .1rem .3rem;
	border-radius: 999rem;
	font-size: .5rem;
	font-weight: 300;
	-webkit-user-select: none;
	user-select: none
}

.sv-news-card__text {
	block-size: 4lh;
	--lines: 4;
	display: -webkit-box;
	-webkit-line-clamp: var(--lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.sv-info-card {
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 1.25rem;
	border: 1px solid var(--color-border-200);
	text-align: left;
	position: relative
}

.sv-info-card__body {
	background-color: var(--color-background);
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: clamp(.75rem, 2vw, 1rem);
	padding: clamp(.75rem, 2vw, 1rem)
}

.sv-info-card:has(.sv-info-card__links) .sv-info-card__links {
	margin-top: auto
}

.sv-info-card:not(:has(.sv-info-card__links)) .sv-info-card__buttons {
	margin-top: auto
}

.sv-info-card__links {
	display: flex;
	align-items: end;
	gap: clamp(.65rem, 1.25vw, .75rem)
}

.sv-info-card__enums {
	margin-top: .5rem;
	display: flex;
	justify-content: space-between;
	gap: .3rem
}

@media (min-width: 576px) and (max-width: 767px) {
	.sv-info-card__enums {
		justify-content: space-around
	}
}

.sv-info-card__enum {
	display: flex;
	flex-direction: column;
	gap: .25rem;
	text-align: center;
	font-size: .6rem
}

.sv-info-card__enum>* {
	word-break: break-all;
	--lines: 1;
	display: -webkit-box;
	-webkit-line-clamp: var(--lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.sv-info-card__enum>*:first-child {
	color: var(--color-text-100)
}

.sv-info-card__buttons {
	display: flex;
	flex-direction: column;
	gap: clamp(.65rem, 1.25vw, .75rem)
}

.sv-info-card__img {
	width: 100%;
	aspect-ratio: 9/7;
	object-fit: cover;
	border-bottom: 1px solid var(--color-border-200)
}

.sv-info-card__tags {
	position: absolute;
	top: 1rem;
	left: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem
}

.sv-info-card__tag {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .25rem;
	padding: .15rem .3rem;
	border-radius: 999rem;
	background-color: var(--color-secondary-100);
	font-size: .5rem;
	font-weight: 300;
	-webkit-user-select: none;
	user-select: none
}

.sv-info-card__icon {
	width: .5rem;
	height: .5rem;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	object-fit: contain;
	object-position: center;
	background-color: var(--color-primary-300)
}

.sv-info-card__title {
	--lines: var(--title-lines, 2) !important;
	font-size: .75rem;
	font-weight: 300;
	color: var(--color-text-300);
	block-size: calc(var(--title-lines, 2) * 1lh);
	--lines: 2;
	display: -webkit-box;
	-webkit-line-clamp: var(--lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.sv-info-card__text {
	--lines: 3;
	display: -webkit-box;
	-webkit-line-clamp: var(--lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	--lines: var(--text-lines, 3) !important;
	font-size: .6rem;
	font-weight: 300;
	color: var(--color-text-100);
	block-size: calc(var(--text-lines, 3) * 1lh);
	-webkit-hyphens: auto;
	hyphens: auto;
	word-break: break-word
}

.sv-info-card__text--upper {
	margin-top: calc(clamp(.75rem, 2vw, 1rem) / -2)
}

.sv-info-card__text--lower {
	margin-bottom: calc(clamp(.75rem, 2vw, 1rem) / -2)
}

.sv-info-card__description {
	--lines: var(--description-lines, 4) !important;
	font-size: .6rem;
	font-weight: 300;
	color: var(--color-text-300);
	block-size: calc(var(--description-lines, 4) * 1lh);
	-webkit-hyphens: auto;
	hyphens: auto;
	word-break: break-word;
	--lines: 4;
	display: -webkit-box;
	-webkit-line-clamp: var(--lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.sv-info-card__link {
	--lines: var(--link-lines, 1) !important;
	text-decoration: underline .75px;
	font-size: .65rem;
	color: var(--color-accent-100);
	block-size: calc(var(--lines) * 1lh);
	--lines: 1;
	display: -webkit-box;
	-webkit-line-clamp: var(--lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-info-card__link:hover {
	opacity: .6
}

.sv-info-card .sv-info-card__button {
	min-width: auto;
	width: 100%
}

.sv-horizontal-card+.sv-horizontal-card {
	margin-top: clamp(1.5rem, 4vw, 2rem)
}

.sv-horizontal-card--link {
	color: var(--color-accent-100)
}

.sv-horizontal-card--link .sv-horizontal-card__title {
	font-weight: 400
}

.sv-horizontal-card--link .sv-horizontal-card__title:hover {
	text-decoration: underline from-font
}

.sv-horizontal-card--link .sv-horizontal-card__title b {
	font-weight: 600
}

.sv-horizontal-card--link .sv-horizontal-card__text a:hover {
	text-decoration: underline from-font
}

.sv-horizontal-card__img {
	width: 100%;
	border-radius: .8rem;
	aspect-ratio: 1;
	object-fit: cover;
	cursor: zoom-in
}

.sv-horizontal-card__content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 30px
}

@media (max-width: 768px) {
	.sv-horizontal-card__content {
		gap: 15px
	}
}

.sv-horizontal-card__title {
	font-size: .75rem;
	font-weight: 600
}

.sv-horizontal-card__text {
	font-size: .65rem;
	font-weight: 300
}

.sv-route-cta {
	background-color: var(--color-primary-300);
	color: var(--color-text-contrast);
	border-radius: 1.25rem;
	padding: clamp(1rem, 6vw, 4rem) clamp(.75rem, 6vw, 4rem);
	display: grid;
	justify-items: start;
	gap: 2rem;
	position: relative;
	overflow: hidden
}

.sv-route-cta__object {
	position: absolute
}

@media (min-width: 769px) {
	.sv-route-cta__object {
		right: -1rem;
		bottom: -6rem;
		transform: scale(1.2) rotate(4.3deg);
		transform-origin: bottom right;
		max-width: 45vw;
		max-height: 35vw
	}
}

@media (max-width: 768px) {
	.sv-route-cta__object {
		top: 50%;
		transform: scale(1.25) translate(-10vw, -50%);
		transform-origin: top center
	}

	.sv-route-cta__object svg {
		max-height: 45vw
	}
}

@media (max-width: 768px) {
	.sv-route-cta__button {
		width: 100%
	}
}

@media (max-width: 768px) {
	.sv-route-cta {
		gap: clamp(12rem, 70vw, 20rem)
	}
}

.sv-activities-cta {
	margin-top: 6.3rem;
	height: 17.5rem;
	display: grid;
	align-content: end;
	justify-items: start;
	gap: 1.25rem;
	padding: clamp(.75rem, 6vw, 4rem);
	color: var(--color-text-contrast);
	position: relative;
	z-index: 1
}

.sv-activities-cta:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(90deg, var(--color-primary-300) -15%, transparent 50%);
	border-radius: 1.25rem;
	z-index: -1
}

@media (max-width: 992px) {
	.sv-activities-cta:before {
		background-image: linear-gradient(to top, var(--color-primary-300), transparent)
	}
}

.sv-activities-cta__background,
.sv-activities-cta__object {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 1.25rem;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom right;
	z-index: -2
}

.sv-activities-cta__object {
	height: 136%
}

@media (min-width: 993px) {
	.sv-activities-cta__title {
		transform: translateY(2.5rem)
	}
}

@media (min-width: 993px) {
	.sv-activities-cta__button {
		transform: translateY(2.5rem)
	}
}

@media (max-width: 992px) {
	.sv-activities-cta__button {
		width: 100%;
		margin-bottom: calc(clamp(.75rem, 6vw, 4rem) * -1)
	}
}

@media (max-width: 992px) {
	.sv-activities-cta {
		align-content: end;
		gap: clamp(.75rem, 6vw, 4rem);
		padding-bottom: 0
	}
}

.sv-input {
	background-color: var(--color-secondary-200);
	padding: .5rem .6rem;
	border-radius: .4rem;
	font-weight: 300
}

.sv-input::placeholder {
	color: var(--color-text-100)
}

textarea.sv-input {
	resize: vertical;
	min-height: 8rem;
	max-height: 15rem
}

.sv-toggle {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: .4rem;
	background-color: var(--color-secondary-200);
	position: relative
}

.sv-toggle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: .75rem;
	height: .75rem;
	border-radius: 50%;
	background-color: var(--color-primary-300);
	transition: transform .3s ease, opacity .15s ease
}

.sv-toggle:not(:checked):before {
	opacity: 0;
	transform: translate(-50%, -50%) scale(.5)
}

.sv-button {
	--background: var(--color-highlight-200);
	--color: var(--color-primary-500);
	--font-size: .6rem;
	--font-weight: 500;
	background-color: var(--background);
	color: var(--color);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: .6rem;
	text-align: center;
	min-width: 10rem;
	padding: .75rem;
	border-radius: .8rem;
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none
}

.sv-button:not(.sv-button--loading) {
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-button:not(.sv-button--loading):hover {
	opacity: .6
}

.sv-button--theme--contrast {
	--background: var(--color-background);
	--color: var(--color-text-300)
}

.sv-button--theme--text {
	--background: var(--color-secondary-400);
	--color: var(--color-text-contrast)
}

.sv-button--theme--link {
	--background: transparent;
	--color: var(--color-accent-100);
	--font-size: .75rem;
	--font-weight: 300;
	text-decoration: underline .75px
}

.sv-button--theme--link.sv-button--loading {
	--background: var(--color-background)
}

.sv-button--theme--secondary {
	--background: var(--color-secondary-50);
	--color: var(--color-text-300)
}

.sv-button--theme--primary {
	--background: var(--color-primary-300);
	--color: var(--color-text-contrast)
}

.sv-button--theme--primary-darker {
	--background: var(--color-primary-500);
	--color: var(--color-text-contrast)
}

.sv-button--size--sm {
	--font-size: .6rem
}

.sv-button--size--sm svg {
	max-width: 1rem
}

.sv-button--size--lg {
	--font-size: clamp(.65rem, 2vw, 1rem);
	--font-weight: 400
}

.sv-button--loading {
	position: relative;
	pointer-events: none
}

.sv-button--loading:after {
	content: attr(data-sv-button-loading-text, "Загрузка...");
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--background);
	color: var(--color);
	border-radius: inherit
}

.sv-button svg,
.sv-button img {
	max-width: 1.5rem
}

.sv-socials {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem
}

.sv-socials__item {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-socials__item:hover {
	opacity: .6
}

.sv-socials__text {
	padding-top: .4rem;
	font-weight: 300
}

.sv-registry {
	cursor: pointer;
	transition: opacity .3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
	min-width: 7rem;
	overflow: hidden;
	border-radius: .4rem;
	font-size: .4rem
}

.sv-registry:hover {
	opacity: .6
}

.sv-registry__heading {
	background-color: var(--color-primary-400);
	color: var(--color-text-contrast);
	padding: .15rem;
	text-align: center
}

.sv-registry__body {
	height: 100%;
	display: grid;
	justify-items: center;
	gap: .15rem;
	text-align: center;
	background-color: var(--color-background);
	color: var(--color-text-300);
	padding: .25rem .15rem
}

.sv-registry__text {
	display: flex;
	align-items: center;
	gap: .15rem
}

.sv-registry__text--font--bold {
	font-weight: 500
}

.sv-registry__text--font--light {
	font-weight: 300
}

.sv-registry__icon {
	max-width: .5rem
}

.sv-breadcrumbs {
	font-size: .6rem;
	font-weight: 300
}

.sv-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap
}

.sv-breadcrumbs__item {
	display: flex;
	align-items: center
}

.sv-breadcrumbs__item:not(:last-child):after {
	content: "-";
	margin: 0 .25rem
}

.sv-breadcrumbs__link:not(.sv-breadcrumbs__link--current):hover {
	text-decoration: underline 1px
}

.sv-docs {
	display: grid;
	gap: clamp(.65rem, 1.25vw, .75rem)
}

.sv-docs__item {
	display: flex;
	align-items: center;
	border: 1px solid var(--color-border-200);
	border-radius: clamp(1rem, 2.5vw, 1.25rem)
}

@media (max-width: 768px) {
	.sv-docs__item {
		align-items: stretch
	}
}

.sv-docs__link {
	flex-grow: 1;
	padding: clamp(.5rem, 2vw, 1rem) 0 clamp(.5rem, 2vw, 1rem) clamp(.5rem, 2vw, 1rem);
	font-weight: 300;
	text-decoration: underline .75px;
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-docs__link:hover {
	opacity: .6
}

.sv-docs__download {
	flex-shrink: 0;
	padding: clamp(.5rem, 2vw, 1rem);
	color: var(--color-primary-300);
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-docs__download:hover {
	opacity: .6
}

.sv-map {
	width: 100%;
	height: 100%;
	min-height: 20rem;
	aspect-ratio: 17/9;
	overflow: hidden;
	border-radius: 1.25rem
}

.sv-map__iframe {
	width: inherit;
	height: inherit
}

.sv-work-schedule {
	height: 100%;
	display: flex;
	flex-direction: column;
	font-size: .6rem
}

.sv-work-schedule__socials {
	width: 100%;
	margin-top: auto;
	padding-top: clamp(1.5rem, 4vw, 2rem);
	font-size: clamp(.65rem, 1.25vw, .725rem)
}

@media (min-width: 1201px) {
	.sv-work-schedule__socials {
		justify-content: space-between
	}
}

@media (min-width: 1201px) {
	.sv-work-schedule__editor {
		white-space: nowrap
	}
}

.sv-tours {
	display: flex;
	flex-direction: column;
	gap: clamp(2.5rem, 5vw, 3rem);
	font-weight: 300;
	line-height: 1.4
}

.sv-tours__content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.sv-tours__heading {
	margin-bottom: clamp(.75rem, 2vw, 1rem)
}

.sv-tours__title {
	font-size: .85rem;
	font-weight: 500;
	margin-bottom: clamp(.75rem, 2vw, 1rem)
}

.sv-tours__img {
	width: 100%;
	height: 100%;
	aspect-ratio: 3/2;
	object-fit: cover;
	border-radius: .8rem;
	cursor: zoom-in
}

.sv-info-blocks {
	display: flex;
	flex-direction: column;
	gap: clamp(1.5rem, 4vw, 2rem)
}

.sv-info-blocks__item {
	display: flex;
	flex-direction: column;
	gap: 1.25rem
}

.sv-info-blocks__images {
	width: 100%
}

.sv-info-blocks__img {
	flex-grow: 1;
	width: 100%;
	aspect-ratio: 3/2;
	border-radius: .8rem;
	object-fit: cover;
	cursor: zoom-in !important;
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-info-blocks__img:hover {
	opacity: .6
}

@media (max-width: 768px) {
	.sv-info-blocks__img {
		aspect-ratio: 5/7
	}
}

.sv-info-blocks__title {
	font-size: .8rem;
	font-weight: 600
}

.sv-mosaic-blocks {
	--blocks-gap: clamp(2rem, 5vw, 3rem);
	--line-number-size: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: var(--blocks-gap);
	position: relative
}

.sv-mosaic-blocks__item {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: clamp(2rem, 15vw, 7rem);
	font-weight: 300;
	z-index: 1;
	position: relative
}

@media (min-width: 769px) {
	.sv-mosaic-blocks__item:nth-child(2n) .sv-mosaic-blocks__content {
		order: 2
	}

	.sv-mosaic-blocks__item:nth-child(2n) .sv-mosaic-blocks__img {
		order: 1
	}
}

.sv-mosaic-blocks__item:not(:last-of-type):before {
	bottom: calc(var(--blocks-gap) * -1)
}

.sv-mosaic-blocks__item:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	background-color: var(--color-highlight-200);
	border-radius: 1px;
	z-index: -1
}

@media (max-width: 768px) {
	.sv-mosaic-blocks__item:before {
		left: 15px
	}
}

.sv-mosaic-blocks__item:after {
	content: attr(data-sv-mosaic-item-count);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: var(--line-number-size);
	height: var(--line-number-size);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-overlay-highlight);
	color: var(--color-text-contrast);
	border-radius: 50%;
	font-size: .6rem;
	font-weight: 300;
	z-index: 1
}

@media (max-width: 768px) {
	.sv-mosaic-blocks__item:after {
		left: 15px;
		top: 0;
		transform: translate(-50%)
	}
}

@media (max-width: 768px) {
	.sv-mosaic-blocks__item {
		padding-left: calc(var(--line-number-size) + 15px);
		grid-template-columns: 1fr
	}
}

@media (min-width: 769px) {
	.sv-mosaic-blocks__item:last-of-type:before {
		bottom: 50%
	}

	.sv-mosaic-blocks__item:first-of-type:before {
		top: 50%
	}
}

.sv-mosaic-blocks__content .sv-mosaic-blocks__address {
	margin-top: clamp(.75rem, 2vw, 1rem)
}

.sv-mosaic-blocks__content .sv-mosaic-blocks__editor {
	margin-top: clamp(.75rem, 3vw, 1.5rem)
}

.sv-mosaic-blocks__content .sv-mosaic-blocks__img {
	margin-top: 1rem
}

.sv-mosaic-blocks__address {
	display: flex;
	align-items: center;
	gap: .3rem;
	font-size: .6rem
}

.sv-mosaic-blocks__img {
	width: 100%;
	height: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
	border-radius: .8rem;
	cursor: zoom-in
}

.sv-mosaic-blocks__title {
	font-size: clamp(.65rem, 1.25vw, .75rem);
	font-weight: 500
}

.sv-mosaic-blocks__type {
	font-size: clamp(.65rem, 1.25vw, .75rem)
}

.sv-mosaic-blocks__icon {
	color: var(--color-primary-300)
}

.sv-common-info {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	font-weight: 300
}

.sv-common-info__title {
	font-size: .8rem;
	font-weight: 600
}

.sv-common-info__link {
	color: var(--color-accent-100);
	font-weight: 500
}

@media (min-width: 769px) {
	.sv-common-info__link:hover {
		text-decoration: underline .75px
	}
}

@media (max-width: 768px) {
	.sv-common-info__link {
		text-decoration: underline .75px
	}
}

.sv-common-info__socials {
	gap: 1.5rem
}

.sv-common-info__socials .sv-socials__item {
	flex-direction: row;
	align-items: center
}

.sv-common-info__socials .sv-socials__text {
	padding-top: 0;
	padding-left: .4rem
}

.sv-accordion {
	display: flex;
	flex-direction: column;
	gap: clamp(.75rem, 2vw, 1rem);
	font-weight: 300
}

.sv-accordion__item {
	border: 1px solid var(--color-highlight-200);
	border-radius: 1.25rem
}

.sv-accordion__item--active .sv-accordion__bar:nth-of-type(1) {
	transform: translate(-50%, -50%) scaleY(0)
}

.sv-accordion__heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: clamp(.75rem, 2vw, 1rem);
	padding: clamp(.75rem, 2vw, 1rem);
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none
}

.sv-accordion__heading:hover .sv-accordion__title {
	text-decoration: underline .75px
}

.sv-accordion__content {
	display: none
}

.sv-accordion__title {
	font-size: clamp(.75rem, 1.5vw, .8rem);
	font-weight: 500
}

.sv-accordion__text {
	padding: 0 clamp(.75rem, 2vw, 1rem) clamp(.75rem, 2vw, 1rem)
}

.sv-accordion__icon {
	flex-shrink: 0;
	width: .75rem;
	height: .75rem;
	position: relative;
	color: var(--color-primary-300)
}

.sv-accordion__icon .sv-accordion__bar {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transform-origin: center;
	background-color: currentColor;
	border-radius: 1px;
	transition: transform .3s ease
}

.sv-accordion__icon .sv-accordion__bar:nth-of-type(1) {
	width: 1px;
	height: 100%
}

.sv-accordion__icon .sv-accordion__bar:nth-of-type(2) {
	width: 100%;
	height: 1px
}

.sv-enum-item {
	text-align: center
}

.sv-enum-item__img {
	max-width: 100%;
	height: clamp(1.75rem, 6vw, 2rem);
	margin: 0 auto clamp(.75rem, 2vw, 1rem)
}

.sv-enum-item__title {
	font-size: clamp(.65rem, 1.25vw, .75rem);
	font-weight: 600;
	padding-bottom: .25rem
}

.sv-enum-item__text {
	font-size: .6rem;
	font-weight: 300
}

.sv-form {
	display: flex;
	flex-direction: column;
	gap: .75rem;
	transition: opacity .3s ease
}

.sv-form--loading {
	opacity: .6;
	pointer-events: none
}

.sv-form__group {
	display: flex;
	flex-direction: column;
	gap: .35rem
}

.sv-form__inline-content {
	display: flex;
	align-items: center;
	gap: .75rem
}

.sv-form__inline-content input {
	flex-shrink: 0
}

@media (min-width: 769px) {
	.sv-form__button {
		align-self: start
	}
}

@media (max-width: 768px) {
	.sv-form__label br {
		display: none
	}
}

.sv-modal {
	--background: var(--color-background);
	--color: var(--color-text-300);
	--padding: clamp(.8rem, 2.5vw, 1.25rem);
	background-color: var(--background) !important;
	color: var(--color) !important;
	padding: var(--padding) !important;
	border-radius: clamp(.8rem, 2.5vw, 1.25rem) !important;
	font-weight: 300 !important;
	max-width: 1170px !important
}

.sv-modal--transparent {
	--background: transparent;
	--color: var(--color-text-contrast);
	--padding: clamp(.8rem, 2.5vw, 1.25rem) 0
}

.sv-modal--transparent .f-button {
	display: none
}

@media (min-width: 769px) {
	.sv-modal {
		min-width: 27rem !important
	}
}

.sv-modal .f-button {
	--f-close-button-width: 1.25rem;
	--f-close-button-height: 1.25rem;
	--f-close-button-bg: var(--color-highlight-100);
	--f-close-button-hover-bg: var(--color-highlight-200);
	--f-close-button-color: var(--color-primary-500);
	--f-close-button-hover-color: var(--color-primary-500);
	--f-button-svg-stroke-width: 4px;
	--f-button-svg-transform: scale(.5) translateX(-1px);
	--f-close-border-radius: .25rem;
	right: clamp(.8rem, 2.5vw, 1.25rem) !important;
	top: clamp(.8rem, 2.5vw, 1.25rem) !important
}

.sv-modal__title {
	font-size: clamp(1rem, 4vw, 2rem);
	font-weight: 500;
	padding-right: calc(clamp(.8rem, 2.5vw, 1.25rem) + 1.25rem);
	margin-bottom: clamp(.85rem, 4.5vw, 2.25rem)
}

.sv-modal__text {
	margin-bottom: 1rem;
	white-space: preserve-breaks
}

.sv-tabs__options {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	margin-bottom: 3rem
}

.sv-tabs__option {
	--background: var(--color-background);
	--border: var(--color-highlight-200);
	--text: var(--color-text-300);
	--icon: var(--color-primary-300);
	flex-grow: 1;
	flex-basis: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .5rem .6rem;
	border-radius: 999rem;
	background-color: var(--background);
	border: 1px solid var(--border);
	color: var(--text);
	font-weight: 300;
	text-align: center;
	-webkit-user-select: none;
	user-select: none
}

.sv-tabs__option--active {
	--background: var(--color-primary-300);
	--border: var(--color-primary-300);
	--text: var(--color-text-contrast);
	--icon: var(--color-text-contrast);
	pointer-events: none
}

.sv-tabs__option:not(.sv-tabs__option--active) {
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-tabs__option:not(.sv-tabs__option--active):hover {
	opacity: .6
}

.sv-tabs__contents {
	position: relative
}

.sv-tabs__content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	z-index: 2;
	transition: opacity .6s ease
}

.sv-tabs__content--active {
	position: relative;
	opacity: 1;
	pointer-events: auto;
	z-index: 0
}

.sv-filter-tabs__options {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem
}

.sv-filter-tabs__option {
	--background: var(--color-background);
	--border: var(--color-highlight-200);
	--text: var(--color-text-300);
	--icon: var(--color-primary-300);
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .4rem;
	padding: .5rem .6rem;
	border-radius: 999rem;
	background-color: var(--background);
	border: 1px solid var(--border);
	color: var(--text);
	font-size: .6rem;
	font-weight: 300;
	-webkit-user-select: none;
	user-select: none
}

.sv-filter-tabs__option--active {
	--background: var(--color-primary-500);
	--border: var(--color-primary-500);
	--text: var(--color-text-contrast);
	--icon: var(--color-text-contrast);
	cursor: pointer
}

.sv-filter-tabs__option:not(.sv-filter-tabs__option--active) {
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-filter-tabs__option:not(.sv-filter-tabs__option--active):hover {
	opacity: .6
}

.sv-filter-tabs__icon {
	width: .5rem;
	height: .5rem;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	object-fit: contain;
	object-position: center;
	background-color: var(--icon, currentColor)
}

.sv-filter-tabs__empty {
	margin: 1.5rem 0;
	padding: 1rem 1.25rem;
	border-radius: .5rem;
	background-color: var(--color-highlight-100);
	color: var(--color-text-muted);
	text-align: center;
	font-size: .6rem
}

.sv-editor {
	font-weight: 300
}

.sv-editor--compact {
	font-size: .6rem;
	line-height: 1.2
}

.sv-editor--compact>ul,
.sv-editor--compact ol {
	gap: .35em !important
}

.sv-editor>ul,
.sv-editor ol {
	display: grid;
	gap: 1em
}

.sv-editor>ul>li,
.sv-editor ol>li {
	list-style-position: inside
}

.sv-editor :where(ul, ol) :where(ul, ol) {
	padding-inline-start: 2em
}

.sv-editor ul li {
	list-style-type: disc
}

.sv-editor li {
	line-height: 1.5;
	list-style-position: outside
}

.sv-editor>* {
	display: inline-block
}

.sv-editor b {
	font-weight: 500
}

.sv-editor u {
	text-decoration: underline .75px
}

.sv-editor i {
	color: var(--color-text-100);
	font-weight: 100
}

.sv-editor small {
	color: var(--color-text-100);
	font-size: 1em
}

.sv-editor h2,
.sv-editor h3,
.sv-editor h5 {
	font-weight: 400
}

.sv-editor h2 {
	font-size: 1.45em
}

.sv-editor h3 {
	font-size: 1.35em
}

.sv-editor h5 {
	font-size: 1.25em
}

.sv-editor img {
	border-radius: .8rem;
	width: 100%;
	cursor: zoom-in
}

.sv-editor center {
	width: 100%
}

.sv-editor a {
	display: inline-block;
	color: var(--color-accent-100);
	text-decoration: underline .75px;
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-editor a:has(i),
.sv-editor a:has(small) {
	text-decoration-color: var(--color-text-100)
}

.sv-editor a:hover {
	opacity: .6
}

.sv-table-enums {
	display: inline-flex;
	gap: 2rem;
	max-width: 100%;
	font-weight: 300
}

.sv-table-enums__column {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	text-align: left
}

.sv-table-enums__row {
	--lines: 1;
	display: -webkit-box;
	-webkit-line-clamp: var(--lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.sv-table {
	overflow-x: auto;
	font-size: .6rem;
	font-weight: 300
}

.sv-table__table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

.sv-table__head {
	background-color: var(--color-highlight-200)
}

.sv-table__tr:not(.sv-table__tr--pseudo-caption):not(:last-of-type) {
	border-bottom: 1px solid var(--color-highlight-200)
}

.sv-table__tr--pseudo-caption .sv-table__td {
	padding-bottom: 0
}

.sv-table__th {
	padding: .3rem;
	font-weight: 300;
	text-align: left
}

.sv-table__td {
	padding: 1rem .5rem;
	vertical-align: baseline
}

@media (max-width: 768px) {
	.sv-table__head {
		display: none
	}

	.sv-table__table {
		display: block
	}

	.sv-table__body,
	.sv-table__tr,
	.sv-table__td {
		display: block;
		width: 100%
	}

	.sv-table__tr {
		border-bottom: 1px solid var(--color-highlight-200)
	}

	.sv-table__tr--pseudo-caption {
		border: none;
		padding: 0 0 .75rem;
		border-bottom: 1px solid var(--color-highlight-200)
	}

	.sv-table__tr--pseudo-caption .sv-table__td {
		font-weight: 500;
		padding: 0
	}

	.sv-table__tr--pseudo-caption .sv-table__td:empty {
		display: none
	}

	.sv-table__tr:not(.sv-table__tr--pseudo-caption) {
		padding: .75rem 0 .5rem
	}

	.sv-table__td {
		padding: .25rem 0
	}
}

@media (max-width: 768px) {
	.sv-container .sv-search-bar {
		margin: 0 -15px;
		border-radius: 0
	}

	.sv-container .sv-search-bar__input {
		padding: .75rem 15px .75rem 0
	}

	.sv-container .sv-search-bar__mobile-submit {
		padding: 0 15px
	}
}

.sv-search-bar {
	display: flex;
	background-color: var(--color-secondary-100);
	border-radius: .5rem;
	overflow: hidden
}

.sv-search-bar__input {
	flex-grow: 1;
	padding: .5rem 1rem;
	font-weight: 300
}

.sv-search-bar__input::placeholder {
	color: var(--color-text-100);
	font-size: .6rem
}

@media (max-width: 768px) {
	.sv-search-bar__input {
		padding: .75rem 1rem .75rem 0
	}
}

.sv-search-bar__mobile-submit {
	flex-shrink: 0;
	padding: 0 .75rem;
	color: var(--color-text-200)
}

@media (min-width: 769px) {
	.sv-search-bar__mobile-submit {
		display: none
	}
}

.sv-search-bar__button {
	flex-shrink: 0;
	background-color: var(--color-primary-300);
	color: var(--color-text-contrast);
	font-size: .5rem;
	padding: .6rem 1.25rem;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-search-bar__button:hover {
	opacity: .6
}

@media (max-width: 768px) {
	.sv-search-bar__button {
		display: none
	}
}

.offer-block {
	--background: var(--color-primary-600);
	--color: var(--color-text-contrast);
	padding: clamp(1rem, 5vw, 3rem) clamp(1rem, 6vw, 4rem);
	border-radius: clamp(1rem, 2.5vw, 1.25rem);
	background-color: var(--background);
	color: var(--color)
}

.offer-block--theme--highlight {
	--background: var(--color-highlight-200);
	--color: var(--color-text-300)
}

.offer-block__img {
	width: 100%;
	border-radius: clamp(1rem, 2.5vw, 1.25rem);
	cursor: zoom-in
}

.sv-routes-popup {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-background);
	border: 1px solid var(--color-border-100);
	padding: .75rem 0;
	transition: transform .6s cubic-bezier(.22, 1, .32, 1), opacity .45s ease, border-radius .15s ease-in-out;
	will-change: transform;
	z-index: var(--z-routes-popup)
}

.sv-routes-popup:not(.sv-routes-popup--active) {
	transform: translateY(100%) scaleX(.9) scaleY(.95);
	border-radius: .8rem;
	opacity: 0;
	pointer-events: none
}

.sv-routes-popup__title {
	font-size: clamp(.65rem, 1.5vw, .8rem);
	font-weight: 500
}

@media (max-width: 768px) {
	.sv-routes-popup__title {
		text-align: center
	}
}

.sv-slider__slide:not(.swiper-slide-visible) .sv-inline-calendar {
	--calendar-number: var(--color-text-100);
	--calendar-month: var(--color-text-100);
	--calendar-border: transparent;
	--calendar-background: transparent;
	--calendar-dow: var(--color-text-100);
	opacity: .35;
	pointer-events: none
}

.sv-inline-calendar {
	--calendar-number: var(--color-text-300);
	--calendar-month: var(--color-text-100);
	--calendar-border: transparent;
	--calendar-background: transparent;
	--calendar-dow: var(--color-text-100);
	transition: opacity .3s ease
}

.sv-inline-calendar__list {
	--calendar-list-gap: 15px;
	display: flex;
	gap: var(--calendar-list-gap)
}

@media (max-width: 768px) {
	.sv-inline-calendar__list {
		--calendar-list-gap: 7.5px
	}
}

.sv-inline-calendar__item {
	cursor: pointer;
	transition: opacity .3s ease;
	border: 1px solid var(--calendar-border);
	background-color: var(--calendar-background);
	padding: .4rem;
	border-radius: 1rem;
	width: clamp(1.75rem, 6vw, 2rem);
	white-space: nowrap;
	text-align: center;
	font-weight: 300;
	-webkit-user-select: none;
	user-select: none;
	will-change: transform;
	position: relative;
	z-index: 1;
	transition: opacity .3s ease, border-color .3s ease, background-color .3s ease, transform .3s cubic-bezier(.4, .2, .2, 1)
}

.sv-inline-calendar__item:hover {
	opacity: .6
}

.sv-inline-calendar__item--active {
	--calendar-border: var(--color-secondary-100);
	--calendar-background: var(--color-secondary-100)
}

.sv-inline-calendar__item--weekend {
	--calendar-dow: var(--color-primary-300)
}

.sv-inline-calendar__item--in-range {
	--calendar-border: var(--color-secondary-100);
	--calendar-background: var(--color-secondary-100);
	transform: scale(.75)
}

.sv-inline-calendar__month {
	color: var(--calendar-month);
	font-size: .5rem;
	font-weight: 300;
	margin-bottom: .65rem;
	-webkit-user-select: none;
	user-select: none;
	transition: color .3s ease
}

.sv-inline-calendar__number {
	color: var(--calendar-number);
	font-size: clamp(.75rem, 2vw, .9rem);
	transition: color .3s ease
}

.sv-inline-calendar__dow {
	display: block;
	margin-top: .3rem;
	color: var(--calendar-dow);
	font-size: clamp(.45rem, 1.5vw, .6rem);
	transition: color .3s ease
}

.sv-dropdown {
	position: relative;
	-webkit-user-select: none;
	user-select: none
}

.sv-dropdown--active .sv-dropdown__icon {
	transform: rotateX(180deg) rotate(180deg)
}

.sv-dropdown__selected {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	font-weight: 300;
	cursor: pointer;
	transition: opacity .3s ease
}

.sv-dropdown__selected:hover {
	opacity: .6
}

.sv-dropdown__title {
	color: var(--color-text-100);
	font-size: clamp(.75rem, 2vw, 1rem)
}

.sv-dropdown__icon {
	color: var(--color-text-300);
	transition: transform .45s cubic-bezier(.4, .2, .2, 1);
	transform-origin: center;
	backface-visibility: hidden
}

.sv-dropdown__list {
	position: fixed;
	left: 0;
	top: 0;
	min-width: 10rem;
	max-width: min(90vw, 28rem);
	max-height: min(70vh, 24rem);
	overflow: auto;
	padding: .5rem 0;
	border-radius: .6rem;
	background-color: var(--color-background);
	border: 1px solid var(--color-border-100);
	box-shadow: 0 .5rem 5rem 2rem #00000014;
	pointer-events: auto;
	will-change: translate;
	transform-origin: center top;
	overscroll-behavior: contain;
	transition: transform .3s ease, opacity .3s ease;
	opacity: 1;
	z-index: var(--z-dropdown)
}

.sv-dropdown__list--flip-animation {
	transition: translate .6s cubic-bezier(.24, .8, .24, 1)
}

.sv-dropdown__list:not(.sv-dropdown__list--active) {
	opacity: 0;
	transform: scaleX(.9) scaleY(.85) translateY(1rem);
	pointer-events: none
}

.sv-dropdown__option {
	--lines: 1;
	display: -webkit-box;
	-webkit-line-clamp: var(--lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	padding: .6rem .9rem;
	font-size: .65rem;
	font-weight: 300;
	white-space: nowrap;
	color: var(--color-text-300);
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	transition: background-color .3s ease, opacity .3s ease;
	z-index: 1
}

.sv-dropdown__option--active {
	background-color: var(--color-secondary-50);
	opacity: .5;
	pointer-events: none
}

.sv-dropdown__option:not(.sv-dropdown__option--active):hover {
	background-color: var(--color-secondary-50)
}

.sv-entity-info {
	--gap: 1.5rem;
	display: grid;
	align-items: start;
	gap: var(--gap)
}

@media (min-width: 769px) {
	.sv-entity-info {
		grid-template-columns: 2fr 1fr;
		grid-template-rows: repeat(2, auto) auto 1fr auto;
		grid-template-areas: "tags tags" "title address" "description description" "img meta" "img link"
	}
}

@media (max-width: 768px) {
	.sv-entity-info {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(6, auto);
		grid-template-areas: "tags" "title" "meta" "img" "description" "link"
	}

	.sv-entity-info .sv-entity-info__address {
		display: none
	}
}

.sv-entity-info__tags {
	grid-area: tags
}

.sv-entity-info__title {
	grid-area: title
}

.sv-entity-info__address {
	grid-area: address
}

.sv-entity-info__description {
	grid-area: description
}

.sv-entity-info__img {
	grid-area: img
}

.sv-entity-info__meta {
	grid-area: meta
}

.sv-entity-info__link {
	grid-area: link
}

@media (max-width: 768px) {
	.sv-entity-info__compensate-gap {
		margin-top: calc(var(--gap) * -1)
	}
}

.sv-entity-info__tags {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem
}

.sv-entity-info__tag {
	font-size: .65rem;
	background-color: var(--color-secondary-400);
	color: var(--color-text-contrast);
	border-radius: 999rem;
	padding: .15rem .5rem
}

.sv-entity-info__title {
	font-size: clamp(.75rem, 4vw, 2rem);
	font-weight: 500
}

.sv-entity-info__address {
	align-self: end
}

@media (min-width: 769px) {
	.sv-entity-info__description {
		margin-top: 2rem
	}
}

.sv-entity-info__img {
	width: 100%;
	border-radius: 1.25rem
}

@media (min-width: 769px) {
	.sv-entity-info__img {
		max-width: 26rem;
		max-height: 26rem;
		height: 100%;
		object-fit: cover
	}
}

.sv-pt-0 {
	padding-top: 0rem
}

.sv-pt-2 {
	padding-top: 1rem
}

.sv-pt-3 {
	padding-top: 1.5rem
}

@media (min-width: 577px) {
	.sv-pt-sm-3 {
		padding-top: 1.5rem !important
	}
}

.sv-pt-4 {
	padding-top: 2rem
}

@media (min-width: 577px) {
	.sv-pt-sm-4 {
		padding-top: 2rem !important
	}
}

.sv-pt-5 {
	padding-top: 2.5rem
}

@media (min-width: 577px) {
	.sv-pt-sm-5 {
		padding-top: 2.5rem !important
	}
}

@media (min-width: 769px) {
	.sv-pt-md-5 {
		padding-top: 2.5rem !important
	}
}

.sv-pt-6 {
	padding-top: 3rem
}

@media (min-width: 577px) {
	.sv-pt-sm-6 {
		padding-top: 3rem !important
	}
}

@media (min-width: 769px) {
	.sv-pt-md-6 {
		padding-top: 3rem !important
	}
}

.sv-pt-10 {
	padding-top: 5rem
}

@media (min-width: 577px) {
	.sv-pt-sm-14 {
		padding-top: 7rem !important
	}
}

@media (min-width: 769px) {
	.sv-pt-md-14 {
		padding-top: 7rem !important
	}
}

.sv-pt-15 {
	padding-top: 7.5rem
}

.sv-pt-16 {
	padding-top: 8rem
}

@media (min-width: 1201px) {
	.sv-pt-xl-16 {
		padding-top: 8rem !important
	}
}

.sv-pb-0 {
	padding-bottom: 0rem
}

@media (min-width: 577px) {
	.sv-pb-sm-0 {
		padding-bottom: 0rem !important
	}
}

.sv-pb-1 {
	padding-bottom: .5rem
}

.sv-pb-2 {
	padding-bottom: 1rem
}

.sv-pb-3 {
	padding-bottom: 1.5rem
}

@media (min-width: 1201px) {
	.sv-pb-xl-3 {
		padding-bottom: 1.5rem !important
	}
}

.sv-pb-4 {
	padding-bottom: 2rem
}

@media (min-width: 769px) {
	.sv-pb-md-4 {
		padding-bottom: 2rem !important
	}
}

.sv-pb-5 {
	padding-bottom: 2.5rem
}

@media (min-width: 769px) {
	.sv-pb-md-5 {
		padding-bottom: 2.5rem !important
	}
}

@media (min-width: 577px) {
	.sv-pb-sm-6 {
		padding-bottom: 3rem !important
	}
}

@media (min-width: 769px) {
	.sv-pb-md-6 {
		padding-bottom: 3rem !important
	}
}

.sv-pb-7 {
	padding-bottom: 3.5rem
}

@media (min-width: 769px) {
	.sv-pb-md-8 {
		padding-bottom: 4rem !important
	}
}

.sv-pb-10 {
	padding-bottom: 5rem
}

@media (min-width: 769px) {
	.sv-pb-md-10 {
		padding-bottom: 5rem !important
	}
}

@media (min-width: 993px) {
	.sv-pb-lg-10 {
		padding-bottom: 5rem !important
	}
}

@media (min-width: 769px) {
	.sv-pb-md-11 {
		padding-bottom: 5.5rem !important
	}
}

@media (min-width: 993px) {
	.sv-pb-lg-14 {
		padding-bottom: 7rem !important
	}
}

@media (min-width: 577px) {
	.sv-pb-sm-20 {
		padding-bottom: 10rem !important
	}
}

.sv-pb-24 {
	padding-bottom: 12rem
}

@media (min-width: 1201px) {
	.sv-pb-xl-24 {
		padding-bottom: 12rem !important
	}
}

@media (min-width: 577px) {
	.sv-pb-sm-28 {
		padding-bottom: 14rem !important
	}
}

.sv-py-1 {
	padding-top: .5rem;
	padding-bottom: .5rem
}

.sv-py-3 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem
}

@media (min-width: 577px) {
	.sv-py-sm-5 {
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important
	}
}

@media (min-width: 769px) {
	.sv-py-md-5 {
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important
	}
}

@media (min-width: 769px) {
	.sv-py-md-6 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important
	}
}

@media (min-width: 769px) {
	.sv-py-md-7 {
		padding-top: 3.5rem !important;
		padding-bottom: 3.5rem !important
	}
}

@media (min-width: 769px) {
	.sv-py-md-8 {
		padding-top: 4rem !important;
		padding-bottom: 4rem !important
	}
}

@media (min-width: 769px) {
	.sv-py-md-12 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important
	}
}

.sv-mt-1 {
	margin-top: .5rem
}

.sv-mt-3 {
	margin-top: 1.5rem
}

.sv-mt-4 {
	margin-top: 2rem
}

.sv-mt-5 {
	margin-top: 2.5rem
}

@media (min-width: 769px) {
	.sv-mt-md-5 {
		margin-top: 2.5rem !important
	}
}

.sv-mt-6 {
	margin-top: 3rem
}

@media (min-width: 769px) {
	.sv-mt-md-10 {
		margin-top: 5rem !important
	}
}

@media (min-width: 769px) {
	.sv-mb-md-0 {
		margin-bottom: 0rem !important
	}
}

.sv-mb-2 {
	margin-bottom: 1rem
}

.sv-mb-3 {
	margin-bottom: 1.5rem
}

.sv-mb-4 {
	margin-bottom: 2rem
}

@media (min-width: 769px) {
	.sv-mb-md-4 {
		margin-bottom: 2rem !important
	}
}

@media (min-width: 769px) {
	.sv-mb-md-6 {
		margin-bottom: 3rem !important
	}
}

@media (min-width: 769px) {
	.sv-mb-md-8 {
		margin-bottom: 4rem !important
	}
}

@media (min-width: 577px) {
	.sv-my-sm-0 {
		margin-top: 0rem !important;
		margin-bottom: 0rem !important
	}
}

.sv-my-1 {
	margin-top: .5rem;
	margin-bottom: .5rem
}

@media (min-width: 769px) {
	.-sv-ml-md-0 {
		margin-left: 0rem !important
	}
}

.-sv-ml-4 {
	margin-left: -2rem
}

.sv-container {
	width: 100%;
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px
}

.sv-container--center {
	text-align: center
}

.sv-row {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 30px
}

.sv-row--align--center {
	align-items: center
}

.sv-row--align--end {
	align-items: end
}

@media (max-width: 768px) {
	.sv-row {
		gap: 15px
	}
}

.sv-col-1 {
	grid-column: span 1
}

.sv-col-3 {
	grid-column: span 3
}

.sv-col-6 {
	grid-column: span 6
}

.sv-col-8 {
	grid-column: span 8
}

.sv-col-12 {
	grid-column: span 12
}

@media (min-width: 577px) {
	.sv-col-sm-3 {
		grid-column: span 3
	}

	.sv-col-sm-6 {
		grid-column: span 6
	}

	.sv-col-sm-9 {
		grid-column: span 9
	}
}

@media (min-width: 769px) {
	.sv-col-md-3 {
		grid-column: span 3
	}

	.sv-col-md-4 {
		grid-column: span 4
	}

	.sv-col-md-5 {
		grid-column: span 5
	}

	.sv-col-md-6 {
		grid-column: span 6
	}

	.sv-col-md-7 {
		grid-column: span 7
	}

	.sv-col-md-8 {
		grid-column: span 8
	}

	.sv-col-md-9 {
		grid-column: span 9
	}
}

@media (min-width: 993px) {
	.sv-col-lg-2 {
		grid-column: span 2
	}

	.sv-col-lg-3 {
		grid-column: span 3
	}

	.sv-col-lg-4 {
		grid-column: span 4
	}

	.sv-col-lg-6 {
		grid-column: span 6
	}

	.sv-col-lg-8 {
		grid-column: span 8
	}

	.sv-col-lg-10 {
		grid-column: span 10
	}
}

@media (min-width: 1201px) {
	.sv-col-xl-2 {
		grid-column: span 2
	}

	.sv-col-xl-3 {
		grid-column: span 3
	}

	.sv-col-xl-6 {
		grid-column: span 6
	}

	.sv-col-xl-9 {
		grid-column: span 9
	}

	.sv-col-xl-10 {
		grid-column: span 10
	}
}

.sv-col--order-1 {
	order: 1
}

.sv-col--order-2 {
	order: 2
}

@media (min-width: 769px) {
	.sv-col--order-md-1 {
		order: 1
	}

	.sv-col--order-md-2 {
		order: 2
	}
}

.sv-display-flex {
	display: flex !important
}

.sv-display-inline-flex {
	display: inline-flex !important
}

.sv-display-block {
	display: block !important
}

.sv-display-none {
	display: none !important
}

@media (min-width: 577px) {
	.sv-display-sm-flex {
		display: flex !important
	}

	.sv-display-sm-inline-block {
		display: inline-block !important
	}

	.sv-display-sm-none {
		display: none !important
	}
}

@media (min-width: 769px) {
	.sv-display-md-flex {
		display: flex !important
	}

	.sv-display-md-inline-flex {
		display: inline-flex !important
	}

	.sv-display-md-block {
		display: block !important
	}

	.sv-display-md-inline-block {
		display: inline-block !important
	}

	.sv-display-md-none {
		display: none !important
	}
}

@media (min-width: 993px) {
	.sv-display-lg-block {
		display: block !important
	}
}

@media (min-width: 1201px) {
	.sv-display-xl-block {
		display: block !important
	}

	.sv-display-xl-none {
		display: none !important
	}
}
/* End */


/* Start:/local/components/yogurtstudio/cookie/templates/.default/style.css?17647517701494*/
.cookie-alert {
    --color: #07f;

    position: fixed;
    left: 14px;
    right: 14px;
    bottom: 14px;
    z-index: 999;
    max-width: 630px;
    margin-left: auto;

	display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: repeat(2, auto);
    grid-template-areas:
    	"text close"
    	"button button"
	;
    gap: 13px;

    background-color: #fff;
    border-radius: 10px;
    padding: 18px;
    font-size: 13px;
    line-height: 1.4;
    box-shadow: 0 0 40px rgba(0, 0, 0, .2);
    color: #1a1718;
    transition: opacity .45s ease, transform .6s ease
}

.cookie-alert:not(.active) {
    opacity: 0;
    transform: translateY(100px);
    pointer-events: none;
}

.cookie-alert__text {
    grid-area: text;
}

.cookie-alert__text a {
    color: inherit;
    text-decoration: underline;
    display: inline-block;
}

.cookie-alert__text a:hover {
    color: var(--color);
    text-decoration: underline;
}

.cookie-alert__close {
    grid-area: close;
    flex-shrink: 0;
    cursor: pointer;
    transition: color .3s ease;
}

.cookie-alert__close:hover {
    color: var(--color);
}

.cookie-alert__button {
    grid-area: button;
    width: max-content;
    border-radius: 10px;
    padding: 10px 20px;
    background-color: var(--color);
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: opacity .3s ease;
}

.cookie-alert__button:hover {
    opacity: .8;
}

/* End */
/* /local/templates/savin_armcentr/css/index.css?1769300583110014 */
/* /local/components/yogurtstudio/cookie/templates/.default/style.css?17647517701494 */