:root {                       
	--UYCColorBlack: #2F2F2F;
	--UYCColorBlack10: rgba(47, 47, 47, 0.1);
	--UYCColorBlack30: rgba(47, 47, 47, 0.3);
	--UYCColorBlack60: rgba(47, 47, 47, 0.6);
	--UYCColorWhite: #FFFFFF;
	--UYCColorTransparent: rgba(128, 128, 128, 0);
	--UYCColorWhite0: rgba(255, 255, 255, 0);
	--UYCColorWhite60: rgba(255, 255, 255, 0.6);
	--UYCColorGray: #F1F1F1;
	--UYCColorLightGray: #F8F8F8;
	--UYCColorMiddleGray: #F5F5F5;
	--UYCColorDarkGray: #E9E9E9;
	--UYCColorLightYellow: #F7F8DF;
	--UYCColorLightBlue: rgb(231, 238, 243);
	--UYCColorLightGreen: #E5F5EC;
	--UYCColorRed: rgb(179, 38, 30);
	--UYCColorRed30: rgba(179, 38, 30, 0.3);
	--UYCColorRed60: rgba(179, 38, 30, 0.6);
	--UYCColorLightBlue30: rgb(231, 238, 243, 0.3);
	--UYCColorLightBlue60: rgb(231, 238, 243, 0.6);
	--UYCColorNewValue: rgba(176, 249, 155, 0.7);
	--UYCColorOldValue: rgba(255, 170, 165, 0.7);

	--UYCColorAccentNoAnimation: linear-gradient(86.42deg, #B0E8C6 0%, #DCEF90 52.6%);   /* 176 232 198      220 239 144  */
/*	--UYCColorAccent: linear-gradient(86.42deg, yellow 0%, yellow 13%, red 38%, red 62%, yellow 87%, yellow 100%); */ /* Тестовий яскравий помітний */
	--UYCColorAccent: linear-gradient(86.42deg, #B0E8C6 0%, #B0E8C6 13%, #DCEF90 38%, #DCEF90 62%, #B0E8C6 87%, #B0E8C6 100%); 
	--UYCBasicAnimation: 10s linear infinite granimate;

	--UYCMainWidth: 1200px;
	--UYCLargeEditorMaxWidth: 888px;
	--UYCLargeEditorWidth: 888px;
	--UYCFullPageColumnLRMargins40: 40px;
	--UYCMenuBarHeight: 80px;
	--UYCFooterBlockHeight: 392px;   /* ВИДАЛИТИ  */
	--UYCFooterSecondaryLinksColumnGap24: 24px; /* 24 наприкінці імені змінної тут і надалі - це початкове значення для широкої десктопної версії */
	--UYCFooterBlockPaddingVert48: 48px;
	--UYCFooterBlockPaddingHor48: 48px;
	--UYCFooterBlockRowGap32: 32px;
	--UYCFooterSocialIconsColumnGap16: 16px;
	--UYCFooterTextContactsRowGap8: 8px;
	--UYCHeaderMenuAndProfileAvatarBlockColumnGap24: 24px;
	--UYCWholeContentBlockRowGap128: 128px;
	--UYCSingleContentBlockFirstChildMarginTop52: 52px;
	--UYCSingleContentBlockFirstChildMarginTop48: 48px;
	--UYCSingleContentBlockLastChildMarginBottom128: 128px;
	--UYCSingleContentBlockRowGap32: 32px;
	--UYCNewSingleContentBlockPadding64: 64px;
	--UYCColumn1of3RowGap32: 32px;
	--UYCSingleContentBlockColumnGap30: 30px;
	--UYCHeroMessageMarginBottom-4: -4px;
	--UYCHeroBannerMinHeight280: 280px;
	--UYCHeroButtonsColumnGap18: 18px;
	--UYCHeroButtonsRowGap16: 16px;
	--UYCHeroBlockRowGap56: 56px;
	--UYCWholeTilesBasicGap8: 8px;
	--UYCSingleContentBlockHeaderAdditionalMargin10: 10px;
	--UYCBasicButtonSize48: 48px;
	--UYCBasicButtonSize40: 40px;
	--UYCBorderRadius8: 8px;
	--UYCBorderRadius14: 14px;
	--UYCBorderRadius16: 16px;
	--UYCBorderRadius20: 20px;
	--UYCDistanceToPopup20: 20px;
	--UYCContextPopupPadding6: 6px;
	--UYCMenuPopupVertPadding24: 24px;
	--UYCMenuPopupHorPadding16: 16px;
	--UYCMenuPopupRowGap20: 20px;
	--UYCSinglePartnerBannerPadding20: 20px;
	--UYCSinglePartnerBannerHeight150: 150px;
	--UYCCols4TileBasicWidth294: 294px;
	--UYCCols3TileBasicWidth395: 395px;
	--UYCSingleNewsTilePadding24: 24px;
	--UYCSingleNewsTileFlexBasis390: 390px;
	--UYCSingleNewsTileRowGap11: 11px;
	--UYCSingleNewsTileMinWidth: unset;
	--UYCSingleArticleTileRowGap12: 12px;
	--UYCSingleArticleTileHeight112: 112px;
	--UYCSingleEventTileRowGap4: 4px;
	--UYCEventTileTimeAdditionalMarginTop2: 2px;   /* ВИДАЛИТИ */
	--UYCBasicTransitionDurationSlow: 0.4s;
	--UYCBasicTransitionDuration: 0.2s;
	--UYCBasicTransitionDurationFast: 0.1s;
	--UYCBasicLogoWidth296: 296px;
	--UYCTileUpperLabelHeight28: 28px;
	--UYC1ColBasicWidth380: 380px;
	--UYC2ColsBasicWidth790: 790px;
	--UYC2ColsWidth23ForSlider: 790px;
	--UYC3ColsBasicWidth1200: 1200px;
	--UYCTabSwitcherColumnGap32: 32px;
	--UYCMapBlockPadding20: 20px;
	--UYCMapBlockPadding16: 16px;
	--UYCMapBlockPadding12: 12px;
	--UYCCustomScrollBarWidth6: 6px;
	--UYCMapLeftSideBarWidth294: 294px;
	--UYCMapMediumClusterSize32: 32px;
	--UYCMapSmallClusterSize32: 32px;
	--UYCMapFullBlockHeight675: 675px;
	--UYCMapBlockUpperPanelHeight64: 64px;
	--UYCEventDetailedMargin8: 8px;
	--UYCEventDetailedCover194: 194px;
	--UYCEventDetailedBasicPadding16: 16px;
	--UYCMarkerClusterBorderRadius4: 4px;
	--UYCFiltersSubBlockHeaderMarginBottom12: 12px;
	--UYCCompositeInputHeight56: 56px;
	--UYCBasicInputHorPadding16: 16px;
	--UYCBasicInputVertPadding8: 8px;
	--UYCBasicInputHeight40: 40px;
	--UYCMobileMenuButtonWidth300: 300px;
	--UYCBigSideBarWidth584: 584px;
	--UYCToolTipWidth185: 185px;
	--UYCPageHeaderBottomMarginPadding51: 51px;
	--UYCSideBarWithEventsLeftJS: 0%;
	--UYCYCPublicPagePossAccrodionHeight: 72px; /* Оскільки саме цей акордеон в найменшому розмірі стає 96px, для нього створив окрему змінну */
	--UYCBookingCalendarOffset: 0px;
}

@keyframes granimate{0%{background-position-x:200%}25%{background-position-x:150%}50%{background-position-x:100%}75%{background-position-x:50%}100%{background-position-x:0%}}
@keyframes granimateSafari{0%{background-position-x:200%}25%{background-position-x:150%}50%{background-position-x:100%}75%{background-position-x:50%}100%{background-position-x:0%}}
@-webkit-keyframes granimate{0%{background-position-x:200%}25%{background-position-x:150%}50%{background-position-x:100%}75%{background-position-x:50%}100%{background-position-x:0%}}
@-webkit-keyframes granimateSafari{0%{background-position-x:200%}25%{background-position-x:150%}50%{background-position-x:100%}75%{background-position-x:50%}100%{background-position-x:0%}}

/* Шрифты */
@font-face {
	font-family: 'e-Ukraine';
	src: local('e-Ukraine Regular'), local('e-Ukraine-Regular'), url('fonts/e-Ukraine-Regular.otf') format('otf'), url('fonts/e-Ukraine-Regular.ttf') format('truetype'), url('fonts/e-Ukraine-Regular.woff') format('woff');
	font-weight: normal;
}
@font-face {
	font-family: 'e-Ukraine';
	src: local('e-Ukraine Light'), local('e-Ukraine-Light'), url('fonts/e-Ukraine-Light.otf') format('otf'), url('fonts/e-Ukraine-Light.ttf') format('truetype'), url('fonts/e-Ukraine-Light.woff') format('woff');
	font-weight: 300;
}
@font-face {
	font-family: 'e-Ukraine';
	src: local('e-Ukraine Medium'), local('e-Ukraine-Medium'), url('fonts/e-Ukraine-Medium.otf') format('otf'), url('fonts/e-Ukraine-Medium.ttf') format('truetype'), url('fonts/e-Ukraine-Medium.woff') format('woff');
	font-weight: 500;
}

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button,
input, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	outline: none;
	box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	/* height: 100%; */
	scroll-behavior: smooth;
}
div {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center; /* Наступного разу поставь за замовченням flex-start. І може, навіть, COLUMN, але слід подивитись на дизайн. Оптимально flex-start у обох вирівнюваннях, так легше запам'ятати. Width: 100% в окремий клас, типу FullWidthElement */
	/* Глобальні флагові класи, такі як UYCInactive виносити десь в нотатки собі. І налаштовувати таким чином, щоб потім не заміслюючись застосовувати де завгодно. button class="UYCInactive" і вже розумієш, що вона не буде працювати, змінювати стан по ховеру, матиме звичайний курсор і таке інше. Навіть можна jsом перебирати і там де воно є, то if type==checkbox checkbox.disabled=true тощо */
	text-align: left;
}
.contentEditorContainer div {
	display: block;
}
.contentEditorContainer, .contentEditorContainer>form {
	width: 100%;
	z-index: 0;
}
body {
	background-color: var(--UYCColorLightBlue);
	/* height: 100%; */
	font-family: 'e-Ukraine';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 143%;
	letter-spacing: -0.02em;
	color: var(--UYCColorBlack);
	overflow: overlay;
	transition-duration: var(--UYCBasicTransitionDuration);
}
body::-webkit-scrollbar {
	width: var(--UYCCustomScrollBarWidth6);
}
body::-webkit-scrollbar-track {
	background: none; 
}
body::-webkit-scrollbar-thumb {
	background: var(--UYCColorBlack10);
	border-radius: calc(var(--UYCCustomScrollBarWidth6) / 2);
}
body:hover::-webkit-scrollbar-thumb {
	background: var(--UYCColorBlack60);
}
svg {
	width: 24px;
	height: 24px;
}
.tox-statusbar__resize-handle>svg {
	width: initial;
	height: initial;
}
a {
	color: var(--UYCColorBlack);
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.tabJs a:hover{
	text-decoration: none;
}

a.UYCInactive {
	pointer-events: none;
	margin-right: 4px; /* Додатковий відступ для неактивних посилань. За ними впритул зазвичай йде кнопка інформації, чому посилання не активне. */
}
/* Тут різновиди посилань в особливих умовах */

p:not(:last-child) {
	margin-bottom: 15px;
}

ol, ul {
/*	list-style: none; */
}
button {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 12px 23px; /* Border трохи псує розміри */
	border-radius: calc(var(--UYCBasicButtonSize48) / 2);
	height: var(--UYCBasicButtonSize48);
	font-family: 'e-Ukraine';
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	white-space: nowrap;
	font-size: 16px;
	cursor: pointer;
	transition-duration: var(--UYCBasicTransitionDuration);
}
button.UYCInactive, div.UYCInactive {
	cursor: initial;
	pointer-events: none;
}
button:not(:hover)>svg {
	fill: var(--UYCColorBlack);
}
.primaryButton {
	background: var(--UYCColorAccent);
	color: var(--UYCColorWhite);
	border: 1px solid var(--UYCColorBlack);
	position: relative;
	z-index: 1;
	background-size: 200% 150%;
	-webkit-animation: var(--UYCBasicAnimation);
	animation: var(--UYCBasicAnimation);
}
button.primaryButton:not(:hover)>svg, div.primaryButton:not(:hover)>svg {
	fill: var(--UYCColorWhite);
}
input[type="number"]:hover::-webkit-inner-spin-button,
input[type="number"]:hover::-webkit-outer-spin-button,
input[type="number"]:focus::-webkit-inner-spin-button,
input[type="number"]:focus::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.primaryButton:not(.UYCInactive):hover {
	color: var(--UYCColorBlack);
	fill: var(--YUCColorBlack);
}
.primaryButton::before {
	content: "";
	position: absolute;
	left: -2px;
	right: -2px;
	bottom: -2px;
	top: -2px;
	margin: auto;
	opacity: 1;
	visibility: visible;
	z-index: -1;
	border-radius: calc(var(--UYCBasicButtonSize48) / 2); /* Не зовсім коректно. Якщо кнопка буде не 48, а 40, радіус не співпаде. Він не вийде за границю, але це випадкове співпадіння через обмеження висоти. */
	background-color: var(--UYCColorBlack);
	transition: var(--UYCBasicTransitionDuration) ease-in-out;
}
.primaryButton:not(.UYCInactive):hover::before {
	opacity: 0;
}
.crossed-out{
    margin: 0 4px;
	text-decoration: line-through;
	color: var(--UYCColorBlack60);
}
.secondaryButton.roundButton48.new:not(:hover) {
	background-color: var(--UYCColorNewValue);
}
.secondaryButton.roundButton48.prev:not(:hover) {
	background-color: var(--UYCColorOldValue);
}
.roundButton48, .roundButton40 {
	padding: 0px;
	justify-content: center;
	transition-duration: var(--UYCBasicTransitionDuration);
	flex-shrink: 0;
	position: relative;
}
.roundButton48 {
	width: var(--UYCBasicButtonSize48)!important;
	height: var(--UYCBasicButtonSize48)!important;
	border-radius: calc(var(--UYCBasicButtonSize48) / 2)!important;
}
.roundButton40 {
	width: var(--UYCBasicButtonSize40)!important;
	height: var(--UYCBasicButtonSize40)!important;
	border-radius: calc(var(--UYCBasicButtonSize40) / 2)!important;
}
.roundButton40 svg, .roundButton48 svg {
	position: absolute;
}
.smallButton {
	height: var(--UYCBasicButtonSize40);
	padding: 10px 18px;
	border-radius: calc(var(--UYCBasicButtonSize40) / 2);
}
.secondaryButton {
	background-color: initial;
	border: 1px solid var(--UYCColorBlack);
	color: var(--UYCColorBlack);
	fill: var(--UYCColorBlack); /* Теж не зовсім коректно, але працює */
}
.secondaryButton:hover {
	background-color: var(--UYCColorBlack);
	color: var(--UYCColorWhite);
	fill: var(--UYCColorWhite);
}
.warningButton {
	background-color: initial;
	border: 1px solid var(--UYCColorRed);
	color: var(--UYCColorRed);
	fill: var(--UYCColorRed); /* Теж не зовсім коректно, але працює */
}
.warningButton:hover {
	background-color: var(--UYCColorRed);
	color: var(--UYCColorWhite);
	fill: var(--UYCColorWhite);
}
.tooltipButton {
	width: 20px;
	height: 20px;
	background-color: initial;
	border: none;
	color: var(--UYCColorBlack);
	fill: var(--UYCColorBlack);
	padding: 0px;
	position: relative;
}
.tooltipButton svg {
	width: 20px;
	height: 20px;
}
.collapserButton {
	width: 24px;
	height: 24px;
	background-color: initial;
	border: none;
	color: var(--UYCColorBlack);
	fill: var(--UYCColorBlack);
	padding: 0px;
	position: relative;
	flex-shrink: 0;
}
.tetriaryButton {
	background-color: var(--UYCColorWhite);
	color: var(--UYCColorBlack);
	fill: var(--UYCColorBlack); /* Теж не зовсім коректно, але працює */
}
.tetriaryButton:hover {
	background-color: var(--UYCColorDarkGray);
}

h1, h2, h3, h4, h5 {
	font-size: inherit;
	font-style: normal; 
	font-weight: 400; 
	line-height: 120%;
	margin: 0px;
}

.fontH20Logo {
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -0.02em;
}
.fontD60R {
	font-style: normal;
	font-weight: 400;
	font-size: 60px;
	line-height: 64px;
	letter-spacing: -0.02em;
}
.fontH56R {
	font-style: normal;
	font-weight: 400;
	font-size: 56px;
	line-height: 60px;
	letter-spacing: -0.02em;
}
.fontH38R {
	font-style: normal;
	font-weight: 400;
	font-size: 38px;
	line-height: 40px;
	letter-spacing: -0.02em;
}
.fontH30R {
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: -0.02em;
}
.fontH24M {
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: -0.02em;
}
.fontH22M {
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.02em;
}
.fontH20M {
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -0.02em;
}
.fontH20R {
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -0.02em;
}
.fontH18R {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.02em;
}
.fontH16R {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
}
.fontH14R {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.006em;
}
.fontT16L {
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.01em;
}
.fontT14L {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.01em;
}
.fontT12R {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.006em;
}
.fontT12M {
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
}
.marg48{
	margin-top: 48px;
}
.fullPageBlock {
	flex-direction: column;
	min-height: 100vh;
	/* flex-grow: 1; */
	width: 100%;
}
.devBack {
	background-image: URL('!pageBackground1.png');
	background-position-x: center;
	background-repeat: no-repeat;
}
.headerLogoAndNameBlock {
	flex-basis: 26%;
	flex-grow: 1;
}
.headerLogoAndNameBlock a {
	display: contents;
}
.headerLogoAndNameBlock svg {
	width: var(--UYCBasicLogoWidth296);
	height: calc(var(--UYCBasicLogoWidth296) / 14.8);
	fill: var(--UYCColorBlack);
}
.headerMenuAndProfileAvatarBlock {
	justify-content: flex-end;
	flex-basis: 70%;
	flex-grow: 3;
	column-gap: var(--UYCHeaderMenuAndProfileAvatarBlockColumnGap24);
}
.headerMenuBlockUnfolded {
	column-gap: var(--UYCHeaderMenuAndProfileAvatarBlockColumnGap24); /* Не рідний параметр, типу батьківський загальний */
	row-gap: 6px;
	flex-basis: 80%;
	flex-grow: 1;
	flex-wrap: wrap;
	justify-content: flex-end;
	position: relative;
}
.mainHeaderFont {
	font-style: normal;
	font-weight: 400;
	font-size: 56px;
	line-height: 60px;
	letter-spacing: -0.02em;
}
.sidebarImgWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content:  flex-start;
	align-items: flex-start;
	column-gap: 16px;
	row-gap: 16px;
}
.sidebarImgWrap .sidebarImg {
	position: relative;
	width: 219px;
	height: 136px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 8px;
}
#reviewAndContactsEditor .sidebarImgWrap .sidebarImg {
	width: 239px;
}
.sidebarImg:hover button{
	display:inherit;
}
.sidebarImg:hover::before{
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	background-color: rgba(0,0,0,0.5);
	border-radius: 8px;
}
.sidebarImg button {
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.possibilityCoverImg {
	position: relative;
	height: 242px!important;
	width: 242px!important;
	flex-shrink: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 8px;
	margin: auto;	
}
.eventCoverImg {
	position: relative;
	height: 444px!important;
	width: 100%!important;
	flex-shrink: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 8px;
	margin: auto;	
}
.possibilityCoverImg button {
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.possibilityCoverImg:hover button {
	display: inherit;
}
.possibilityCoverImg:hover::before{
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	background-color: rgba(0,0,0,0.5);
	border-radius: 8px;
}
.wholeContentBlock {
	flex-direction: column;
	flex-grow: 1;
	row-gap: var(--UYCWholeContentBlockRowGap128);
	width: 100%;
}
.devBack .wholeContentBlock {
	background-color: rgba(255, 255, 255, 0.6);
	opacity: 0.8;
}
.singleContentBlock {
	min-height: 200px;
	flex-wrap: wrap;
	width: 100%;
	column-gap: var(--UYCSingleContentBlockColumnGap30);
	row-gap: var(--UYCSingleContentBlockRowGap32);
	align-items: flex-start;
	/* text-align: left; */
}
.singleContentBlock:first-child {
	margin-top: var(--UYCSingleContentBlockFirstChildMarginTop52);
}
#publicYCPage .singleContentBlock:first-child {
	margin-top: var(--UYCSingleContentBlockFirstChildMarginTop48);
	row-gap: 16px;
}
.singleContentBlock:last-child {
	margin-bottom: var(--UYCSingleContentBlockLastChildMarginBottom128);
}
.fullWidthContainer {
	width: 100%;
}
.halfWidthContainer {
	width: 46%;
	flex-grow: 1;
}
.growWidthContainer {
	flex-grow: 1;
}
.heroMessage {
	margin-bottom: var(--UYCHeroMessageMarginBottom-4);
	font-weight: 400;
	font-size: 60px;
	line-height: 64px;
	letter-spacing: -0.02em;
}
.bigSideBarMainContent .input7-10{
	display: flex;
	flex-direction: row;
	flex: 7 3;
}
.input7-10 #tagsInput {
	width: 30%;
	flex-grow: 1;
}
.heroBanner {
	background: var(--UYCColorAccent);
	justify-content: center;
	min-height: var(--UYCHeroBannerMinHeight280);
	padding: 64px; /* Це щоб перестрахуватись на випадок неадекватного контенту */
	border-radius: var(--UYCBorderRadius20);
	background-size: 200% 150%;
	background-position-y: center;
	-webkit-animation: var(--UYCBasicAnimation);
	animation: var(--UYCBasicAnimation);
}
.heroBannerSingleStat {
	flex-direction: column;
	width: 31.2%;
	border-left: 1px solid var(--UYCColorBlack);
	text-align: center;
}
.heroBannerSingleStat:last-child {
	border-right: 1px solid var(--UYCColorBlack);
}
.heroBannerSingleStat>div {
	text-align: center;
}
.heroBannerSingleStatHeader {
	font-weight: 400;
	font-size: 56px;
	line-height: 60px;
	letter-spacing: -0.02em;
}
.heroBannerSingleStatDescription {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.01em;
}
.fullWidthButton {
	width: 100%;
}
.wholeTiles4 {
	display: grid;
/*	grid-template-columns: repeat(auto-fit, minmax(calc(var(--UYCCols4TileBasicWidth294) * 0.95), 1fr)); */
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: var(--UYCWholeTilesBasicGap8);
	row-gap: var(--UYCWholeTilesBasicGap8);
}
.wholeTiles3 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc(var(--UYCCols3TileBasicWidth395) * 0.95), 1fr));
	column-gap: var(--UYCWholeTilesBasicGap8);
	row-gap: var(--UYCWholeTilesBasicGap8);
}
.wholeTiles1 {
	flex-direction: column;
	row-gap: var(--UYCWholeTilesBasicGap8);
	width: 100%;
}
.wholeTiles1 a, .wholeTiles3 a, .wholeTiles4 a, .ycPageEventTilesContainer a {
	display: contents;
}
.singleNewsTile {
	flex-direction: column;
	row-gap: var(--UYCSingleNewsTileRowGap11);
	align-items: flex-start;
	padding: var(--UYCSingleNewsTilePadding24);
	border-radius: var(--UYCBorderRadius20);
	align-self: stretch;
	position: relative;
	z-index: 1;
	border: 1px solid var(--UYCColorBlack60);
	/* transition: padding 0s, border 0s, background var(--UYCBasicTransitionDuration); */
	transition: var(--UYCBasicTransitionDuration);
	/*min-width: var(--UYCSingleNewsTileMinWidth);*/
}
.singleNewsTile:hover {
	/* border-width: 0px; */
	/* padding: calc(var(--UYCSingleNewsTilePadding24) + 1px); */
	border-color: var(--UYCColorTransparent);
}
.singleNewsTile::before {
	background: var(--UYCColorAccent);
	content: "";
	position: absolute;
	left: -1px;
	right: -2px;
	bottom: -1px;
	top: -1px;
	margin: auto;
	opacity: 0;
	visibility: visible;
	z-index: -1;
	border-radius: var(--UYCBorderRadius20);
	background-size: 200% 150%;
	-webkit-animation: var(--UYCBasicAnimation);
	animation: var(--UYCBasicAnimation);
	transition: var(--UYCBasicTransitionDuration) ease-in-out;
}
.singleNewsTile:hover::before {
	opacity: 1;
}
.singleArticleTile {
	background: var(--UYCColorAccent);
	flex-direction: column;
	row-gap: var(--UYCSingleArticleTileRowGap12);
	align-items: flex-start;
	padding: var(--UYCSingleNewsTilePadding24); /* Аналог */
	border-radius: var(--UYCBorderRadius20);
 	min-height: var(--UYCSingleArticleTileHeight112);
	width: 100%;
	transition-duration: var(--UYCBasicTransitionDuration);
	background-size: 200% 150%;
	-webkit-animation: var(--UYCBasicAnimation);
	animation: var(--UYCBasicAnimation);
	z-index: 1;
	position: relative;
}
.singleArticleTile:hover {
/*	background: var(--UYCColorAccent); */
}
.singleArticleTile::before {
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	margin: auto;
	opacity: 1;
	visibility: visible;
	z-index: -1;
	border-radius: var(--UYCBorderRadius20);
	background-color: var(--UYCColorWhite);
	transition: var(--UYCBasicTransitionDuration) ease-in-out;
}
.singleArticleTile:hover::before {
	opacity: 0;
}
.tileUpperLabel {
	justify-content: center;
	background-color: var(--UYCColorMiddleGray);
	border-radius: var(--UYCBorderRadius14);
	height: var(--UYCTileUpperLabelHeight28);
	padding: 3px 12px;
	border: 1px solid var(--UYCColorBlack60);
}
.tileMainText {
	flex-direction: column;
	flex-grow: 1;
}
.tileBottomLabel {
	color: var(--UYCColorBlack60);
}
.tileBottomLabel.fontH14R#statusLabelId1 {
	/* Чернетка */
	color: var(--UYCColorBlack30);
}
.tileBottomLabel.fontH14R#statusLabelId2 {
	/* Опубліковано */
	color: var(--UYCColorBlack);
}
.tileBottomLabel.fontH14R#statusLabelId3 {
	/* Очікує публікації */
	color: var(--UYCColorBlack60);
}
.tileBottomLabel.fontH14R#statusLabelId4 {
	/* Приховано */
	color: var(--UYCColorRed);
}
.singlePartnerTile {
	justify-content: center;
	padding: var(--UYCSinglePartnerBannerPadding20);
	border-radius: var(--UYCBorderRadius20);
	background-color: var(--UYCColorWhite);
	height: var(--UYCSinglePartnerBannerHeight150);
}
.singlePartnerTile img {
	max-height: 100%;
	max-width: 100%; 
}
.footerBlock {
	flex-direction: column;
	border-top: 2px solid var(--UYCColorBlack);
	width: 100%;
	padding: var(--UYCFooterBlockPaddingVert48) var(--UYCFooterBlockPaddingHor48);
	row-gap: var(--UYCFooterBlockRowGap32);
}
.footerSecondaryLinks {
	justify-content: center;
	column-gap: var(--UYCFooterSecondaryLinksColumnGap24);
	flex-wrap: wrap;
	row-gap: 12px;
}
.footerSocialIcons {
	justify-content: center;
	column-gap: var(--UYCFooterSocialIconsColumnGap16);
}
.footerSocialIcons a {
	display: contents; /* або line-height: 70%; інакше інлайновий блок матиме відступ знизу відносно SVG-іконок поруч. Цей глюк зник після додання фону для цих кнопок, але залишив фікс про всяк випадок. */
}
.footerTextContacts {
	flex-direction: column;
	row-gap: var(--UYCFooterTextContactsRowGap8);	
}
.footerTextContacts>div {
	text-align: center;
}
.footerCopyright {
	color: var(--UYCColorBlack60);
	text-align: center;
	column-gap: 16px;
}
.column1of3 {
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
/*	flex-basis: calc(var(--UYC1ColBasicWidth380) - 4px); */
	flex-basis: var(--UYC1ColBasicWidth380);
	flex-grow: 1;
	flex-shrink: 0;
	row-gap: var(--UYCColumn1of3RowGap32);
}
.column1of3.tabSwitcher {
	row-gap: 16px;
}
.columns23of3 {
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
/*	flex-basis: calc(var(--UYC2ColsBasicWidth790) - 4px); */
/*	flex-basis: var(--UYC2ColsBasicWidth790); */
	width: var(--UYC2ColsBasicWidth790);
	flex-grow: 1;
	row-gap: var(--UYCSingleContentBlockRowGap32);
}
.column1of3 .fontH38R {
	margin-bottom: var(--UYCSingleContentBlockHeaderAdditionalMargin10);
}
.contentBlockDescription {
	color: var(--UYCColorBlack60);
	width: var(--UYCCols4TileBasicWidth294); /* Цифра співпала, вирішив окремий не робити */
}
.tabSwitcher {
	column-gap: var(--UYCTabSwitcherColumnGap32);
	align-items: flex-start;
}
.staticMenu{
	position: sticky;
	top:64px;
	height: max-content;
	margin-bottom: -64px;
	  
}
.standartButtonWithLabelBlock.moderatorStandartButtonWithLabelBlock{
	width: max-content;
}
.moderatorCell{
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}
.singleContentBlockHeader {
	margin-bottom: var(--UYCSingleContentBlockHeaderAdditionalMargin10);
	font-weight: 400;
	font-size: 38px;
	line-height: 40px;
	letter-spacing: -0.02em;
}
.tabInactive a, .tabInactive h2 {
	color: var(--UYCColorBlack60);
	cursor: pointer;
}
.tabInactive a:hover, .tabInactive:hover h2 {
	color: var(--UYCColorBlack);
	text-decoration: none;
}
.tabActive {
	border-bottom: 2px solid var(--UYCColorBlack);
	margin-bottom: -2px;
}
.mapAndTilesAndSearchFullBlock {
	border-radius: var(--UYCBorderRadius20);
	background-color: var(--UYCColorWhite);
	width: 100%;
 	height: var(--UYCMapFullBlockHeight675);
	position: relative;
	overflow: hidden;
}
.mapLeftSideBar {
	width: var(--UYCMapLeftSideBarWidth294);
	border-right: 1px solid var(--UYCColorGray);
	height: 100%;
	flex-direction: column;
	align-items: flex-start;
	/* text-align: left; */
	background-color: var(--UYCColorWhite);
	z-index: 2;
}
.mapAndSearchBlock {
	height: 100%;
	flex-direction: column;
	flex-grow: 1;
	align-items: flex-start;
	/* text-align: left; */
}
.mapSearchBlock {
	padding: var(--UYCMapBlockPadding12) var(--UYCMapBlockPadding20);
	column-gap: 16px;
	width: 100%;
	height: var(--UYCMapBlockUpperPanelHeight64);
	border-bottom: 1px solid var(--UYCColorGray);
	justify-content: flex-end;
}
.mapLeftSideBarUpperToolsBlock {
	padding: var(--UYCMapBlockPadding16);
	justify-content: space-between;
	border-bottom: 1px solid var(--UYCColorGray);
	width: 100%;
	height: var(--UYCMapBlockUpperPanelHeight64);
	background-color: var(--UYCColorWhite);
}
.mapLeftSideBarMainTilesBlock {
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}
.mapLeftSideBarMainTilesBlock::-webkit-scrollbar {
	width: var(--UYCCustomScrollBarWidth6);
}
.mapLeftSideBarMainTilesBlock::-webkit-scrollbar-track {
	background: none; 
}
.mapLeftSideBarMainTilesBlock::-webkit-scrollbar-thumb {
	background: var(--UYCColorBlack10);
	border-radius: calc(var(--UYCCustomScrollBarWidth6) / 2);
}
.mapLeftSideBarMainTilesBlock:hover::-webkit-scrollbar-thumb {
	background: var(--UYCColorBlack60);
}
.singleEventTile {
	background: var(--UYCColorAccent);
	width: 100%;
	padding: var(--UYCMapBlockPadding12) var(--UYCMapBlockPadding16);
	flex-direction: column;
	align-items: flex-start;
	row-gap: var(--UYCSingleEventTileRowGap4);
	cursor: pointer;
	transition-duration: calc(var(--UYCBasicTransitionDurationFast) / 3);
	background-size: 200% 150%;
	-webkit-animation: var(--UYCBasicAnimation);
	animation: var(--UYCBasicAnimation);
	position: relative;
	z-index: 1;
}
.singleEventTile:not(last-child) {
	border-bottom: 1px solid var(--UYCColorGray);
}
.singleEventTile:hover::before {
	background-color: var(--UYCColorLightGray);
}
.singleEventTile::before {
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	margin: auto;
	opacity: 1;
	visibility: visible;
	z-index: -1;
	background-color: var(--UYCColorWhite);
	transition: var(--UYCBasicTransitionDurationFast) ease-in-out;
}
.singleEventTileActive::before {  /* Трохи некоректний селектор */
/*	background: var(--UYCColorAccent); */
	opacity: 0;
}
.eventTileDate {
	color: var(--UYCColorBlack60);
}
.eventTileDate::before {
	content: url('../images/icon20_calendar_black60.svg');
	width: 20px;
	height: 20px;
	margin-right: 8px;
}
.eventTileTime {
	color: var(--UYCColorBlack60);
}
.eventTileTime::before {
	content: url('../images/icon20_clock_black60.svg');
	width: 20px;
	height: 20px;
	margin-right: 8px;
}
.eventTilePhone {
	color: var(--UYCColorBlack60);
}
.eventTilePhone::before {
	content: url('../images/icon20_phone_black60.svg');
	width: 20px;
	height: 20px;
	margin-right: 8px;
}
.eventTileLocation {
	color: var(--UYCColorBlack60);
}
.eventTileLocation::before {
	content: url('../images/icon20_location_black60.svg');
	width: 20px;
	height: 20px;
	margin-right: 8px;
}
.mapBlock {
	width: 100%;
	height: 100%;
	justify-content: flex-end;
	align-items: flex-end;
}
#map {
	width: 100%;
	height: 100%;
	border-bottom-right-radius: var(--UYCBorderRadius20);
	z-index: 1;
}
#mapFullScreenButton {
	position: relative;
	right: 40px;
	bottom: 40px;
	margin: -20px;
	z-index: 1;
}
.leaflet-popup-pane div {
	display: block;
}
.leaflet-control-zoom {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	row-gap: 4px;
	margin-bottom: 76px!important;
	margin-right: 20px!important;
	border: none!important;
}
.leaflet-control-zoom a {
	display: contents; 
}
.eventDetailed {
	box-shadow: 0px 0px 8px rgba(47, 47, 47, 0.24);
	background-color: var(--UYCColorWhite);
	border-radius: var(--UYCBorderRadius20);
	width: var(--UYCMapLeftSideBarWidth294);
	height: calc(var(--UYCMapFullBlockHeight675) - var(--UYCMapBlockUpperPanelHeight64) - var(--UYCEventDetailedMargin8) - var(--UYCEventDetailedMargin8));
	position: absolute;
	z-index: 2;
	flex-direction: column;
	align-items: flex-start;
	margin-top: calc(var(--UYCMapBlockUpperPanelHeight64) + var(--UYCEventDetailedMargin8));
	margin-left: var(--UYCEventDetailedMargin8);
	overflow: hidden;
	opacity: 1;
}
.eventDetailedScrollContainer {
	overflow-x: hidden;
	overflow-y: overlay;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	height: 100%;
}
.eventDetailedScrollContainer::-webkit-scrollbar {
	width: var(--UYCCustomScrollBarWidth6);
}
.eventDetailedScrollContainer::-webkit-scrollbar-track {
	background: none; 
}
.eventDetailedScrollContainer::-webkit-scrollbar-thumb {
	background-color: var(--UYCColorBlack10);
	border-radius: calc(var(--UYCCustomScrollBarWidth6) / 2);
}
.eventDetailedScrollContainer:hover::-webkit-scrollbar-thumb {
	background-color: var(--UYCColorBlack60);
}
.eventDetailedCover {
	width: 100%;
	min-height: var(--UYCEventDetailedCover194);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: linear-gradient(0deg, rgba(47, 47, 47, 0.2), rgba(47, 47, 47, 0.2)), url(event_image.png);
}
.eventDetailedSummary {
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	row-gap: var(--UYCSingleEventTileRowGap4);
	padding: var(--UYCEventDetailedBasicPadding16);
	border-bottom: 1px solid var(--UYCColorGray);
}
.eventDetailedSummary h3 {
	margin-bottom: 9px;
}
.eventDetailedSummary .eventTileDate {
	margin-top: 9px;
}
.eventDetailedButtons {
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	padding: var(--UYCEventDetailedBasicPadding16);
	row-gap: var(--UYCSingleArticleTileRowGap12); /* Немає вже сечі. Всі розміри різні, взяв перший-ліпший. Потім замінив на інший. */
	border-bottom: 1px solid var(--UYCColorGray);
}
.eventDetailedDescription {
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	row-gap: var(--UYCSingleEventTileRowGap4);
	padding: var(--UYCEventDetailedBasicPadding16);
}
.eventDetailedDescription a {
	color: var(--UYCColorBlack60);
	text-decoration: underline;
}
.eventDetailedDescription a:hover {
	color: var(--UYCColorBlack);
}
.eventDetailedTopBar {
	display: flex;
	justify-content: flex-end;
	background-color: var(--UYCColorWhite);
	position: absolute;
	width: 100%;
	min-height: 56px;
/*	border-bottom: 1px solid var(--UYCColorGray); */
	transition-duration: var(--UYCBasicTransitionDurationSlow);
	box-shadow: 0px 0px 4px rgba(47, 47, 47, 0.24);
}
.eventDetailedTopBar.eventDetailedTopBarHidden {
	background-color: initial;
	box-shadow: none;
/*	border-bottom: none; */
}
.eventDetailedTopHeaderContainer {
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
	min-width: 50%;
	padding: 18px 8px 18px 16px;
}
.eventDetailedTopBarHidden .eventDetailedTopHeaderContainer {
	display: none;
}
.eventDetailedCloseButtonContainer {
	height: 100%;
	padding: 0px 8px 0px 8px;
}
.UYCHidden {
	display: none;
}
.UYCInactive {
	opacity: 0.25;
}
.marker-cluster {
	background: var(--UYCColorAccentNoAnimation);
	box-shadow: 0px 0px 4px rgba(47, 47, 47, 0.5);
	padding: var(--UYCMarkerClusterBorderRadius4);
}
.marker-cluster, .marker-cluster div {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}
.marker-cluster div {
	width: 100%;
	height: 100%;
	background-color: var(--UYCColorBlack);
	margin-left: initial;
	margin-top: initial;
}
.marker-cluster div span {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 100%;
	font-family: 'e-Ukraine';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	color: var(--UYCColorWhite);
}
.marker-cluster-large {
	/* Довжина та висота 40px, вирішив залишити як є */
}
.marker-cluster-medium {
	width: var(--UYCMapMediumClusterSize32)!important;
	height: var(--UYCMapMediumClusterSize32)!important;
	margin-top: calc(var(--UYCMapMediumClusterSize32) / -2)!important;
	margin-left: calc(var(--UYCMapMediumClusterSize32) / -2)!important;
}
.marker-cluster-small {
	width: var(--UYCMapSmallClusterSize32)!important;
	height: var(--UYCMapSmallClusterSize32)!important;
	margin-top: calc(var(--UYCMapSmallClusterSize32) / -2)!important;
	margin-left: calc(var(--UYCMapSmallClusterSize32) / -2)!important;
}
.userSeparator {
    align-self: baseline;
    padding: 20px;
    /* background-color: white; */
    width: 100%;
}
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}
.fullPageColumn {
	position: relative;
	flex-direction: column;
	flex-grow: 1;
/* 	max-width: var(--UYCMainWidth); */
 	width: var(--UYCMainWidth);
	margin-left: var(--UYCFullPageColumnLRMargins40);
	margin-right: var(--UYCFullPageColumnLRMargins40);
	padding: 0px;
}
.heroButtons {
	column-gap: var(--UYCHeroButtonsColumnGap18);
	row-gap: var(--UYCHeroButtonsRowGap16);
}
#singleContentBlockHero {
	row-gap: var(--UYCHeroBlockRowGap56);
}
.headerProfileAvatarBlock {
	justify-content: flex-end;
	align-items: flex-start;
	column-gap: 4px;
	position: relative;
}
.contextPopup {
	position: absolute;
	flex-direction: column;
	align-items: flex-start;
	border-radius: var(--UYCBorderRadius16);
	padding: var(--UYCEventDetailedBasicPadding16); /* Не рідний параметр, але співпадає */
	background-color: var(--UYCColorWhite);
/*	top: calc(var(--UYCBasicButtonSize48) + var(--UYCDistanceToPopup20)); */
	top: 48px; /* Перевизначається у common js під час відкриття. Разом з тим  встановлюється right. */
	transition-duration: var(--UYCBasicTransitionDurationFast);
	opacity: 0;
}
#YCProfileMenuPopup {
	top: calc(32px + var(--UYCDistanceToPopup20)); /* Залежить від висоти текста */
}

.ticketContainer{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: baseline;
}
.ticketContainer .ticketContainerHeader{
	margin-bottom: 48px;
}

.ticketContainer .ticketContainerSubHeader{
	border-bottom: 2px solid black;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 34px;
}
.ticketList, .ticketItem, .ticketAnswer{
	display: flex;
	flex-direction: column;
	align-items: baseline;
	width: 100%;
}

.ticketItem{
	margin-bottom: 20px;
}
.ticketItemTime{
	color: rgba(47, 47, 47, 0.6);
	margin-bottom: 4px;
}
.ticketItemUser{
	margin-bottom: 4px;
}
.ticketAnswer{
	margin-top: 14px;
}
.ticketAnswer .ticketAnswerButton{
	margin-top: 24px;
	width: 300px;
}



.eventDetailed {
	transition-duration: var(--UYCBasicTransitionDurationFast);
}
.contextPopup>div {
	padding: var(--UYCContextPopupPadding6);
	white-space: nowrap;
}
#sideBarWithEvents {
	transition-duration: var(--UYCBasicTransitionDuration);
	left: var(--UYCSideBarWithEventsLeftJS);
}
.sideBarForFilters {
	position: absolute;
/*	background-color: var(--UYCColorWhite);
	z-index: 2; */
	left: -100%;
	transition-duration: var(--UYCBasicTransitionDuration);
}
.sideBarForFilters .mapLeftSideBarUpperToolsBlock {
	padding-right: 0px;
}
.mapLeftSideBarUpperToolsBlock>div:first-child {
	flex-grow: 1;
}
.sideBarForFilters .mapLeftSideBarMainTilesBlock {
	flex-grow: 1;
}
.sideBarForFilters .mapLeftSideBarMainTilesBlock>div {
	padding: var(--UYCSingleNewsTilePadding24) var(--UYCMapBlockPadding16); /* Можливо перший паддінг не підійде */
	width: 100%;
	align-items: flex-start;
	flex-direction: column;
	row-gap: var(--UYCSingleNewsTileRowGap11);
	position: relative;
}
.sideBarForFilters .mapLeftSideBarMainTilesBlock>div:not(:last-child) {
	border-bottom: 1px solid var(--UYCColorGray);	
}
.sideBarForFiltersButtonsBlock {
	padding: var(--UYCMapBlockPadding16);
	justify-content: space-between;
	border-top: 1px solid var(--UYCColorGray);
	width: 100%;
	height: var(--UYCMapBlockUpperPanelHeight64);
}
.UYCCheckbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.UYCCheckboxLabel {
	height: 20px;
	font-family: 'e-Ukraine';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	display: inline-flex;
	align-items: center;
	user-select: none;
	cursor: pointer;
	color: var(--UYCColorBlack60);
}
.UYCCheckboxLabel::before {
	display: inline-block;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	content: URL('../images/icon20_checkbox_empty_black.svg');
	margin-right: 8px;
	vertical-align: middle;
}
.UYCCheckbox:checked+.UYCCheckboxLabel, .UYCCheckbox:hover:not(:disabled)+.UYCCheckboxLabel {
	color: var(--UYCColorBlack);
}
.UYCCheckbox:checked+.UYCCheckboxLabel::before {
	background-image: URL('../images/icon20_checkbox_checked_black.svg');
}
.UYCCheckbox:disabled+.UYCCheckboxLabel {
	color: var(--UYCColorBlack);
	opacity: 0.3;
	cursor: initial;
}
.roundButton48.headerAvatarButton.linkToDropDown::after{
	content: ''
}

.linkToDropDown::after {
	display: inline-block;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	content: URL('../images/icon20_caret_black.svg');
	vertical-align: middle;
}



.filtersSubBlockHeader {
	margin-bottom: var(--UYCFiltersSubBlockHeaderMarginBottom12);
}
input {
	font-family: 'e-Ukraine';
	border-radius: var(--UYCBorderRadius8);
	background-color: var(--UYCColorMiddleGray);
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 0 var(--UYCBasicInputHorPadding16) 0 var(--UYCBasicInputHorPadding16);
	height: var(--UYCBasicInputHeight40);
	border-color: var(--UYCColorBlack60);
	border-style: solid;
	border-width: 0px;
}
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: var(--UYCColorBlack60);
	opacity: 1; /* Firefox */
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--UYCColorBlack60);
}
input::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--UYCColorBlack60);
}
input:disabled::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: var(--UYCColorBlack30);
	opacity: 1; /* Firefox */
}
input:disabled:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--UYCColorBlack30);
}
input:disabled::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--UYCColorBlack30);
}
.compositeInputBlock, .compositeListBoxBlock {
	flex-direction: column;
	align-items: flex-start;
	position: relative;
/*	overflow: hidden; */
/*	background: URL('input.png') left top no-repeat;  */
}
.compositeInput, .compositeListBox {
	height: var(--UYCCompositeInputHeight56);
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.01em;
	padding-top: 24px;
	padding-bottom: 4px;
	padding-left: var(--UYCBasicInputHorPadding16);
	padding-right: var(--UYCBasicInputHorPadding16);
	color: var(--UYCColorBlack);
/*	opacity: 0.8;  */
}
.simpleInputBlock:not(.UYCError):not(:focus-within):hover input:not(:disabled):not(:focus),
.compositeInputBlock:not(.UYCError):not(:focus-within):hover input:not(:disabled):not(:focus),
.compositeListBoxBlock:not(.UYCError):not(:focus-within):hover input:not(:disabled):not(:focus) {
	border-width: 1px;
	padding-left: calc(var(--UYCBasicInputHorPadding16) - 1px);
	padding-right: calc(var(--UYCBasicInputHorPadding16) - 1px);
}
.compositeListBoxBlock.listBoxWithIconButton:not(.UYCError):not(:focus-within):hover input:not(:disabled):not(:focus) {
	padding-right: 47px;
}
.simpleInputBlock:focus-within input, .compositeInputBlock:focus-within input, .compositeListBoxBlock:focus-within input {
	border-width: 2px;
	padding-left: calc(var(--UYCBasicInputHorPadding16) - 2px);
	padding-right: calc(var(--UYCBasicInputHorPadding16) - 2px);
}
.compositeListBoxBlock.listBoxWithIconButton:focus-within input {
	padding-right: 46px;
}
.compositeInputBlock.UYCError .compositeInput, .compositeInputBlock.UYCError .compositeInput:hover,
.compositeListBoxBlock.UYCError .compositeListBox, .compositeListBoxBlock.UYCError .compositeListBox:hover {
	border-width: 2px;
	border-color: var(--UYCColorRed);
	padding-left: calc(var(--UYCBasicInputHorPadding16) - 2px);
	padding-right: calc(var(--UYCBasicInputHorPadding16) - 2px);
}
.compositeListBoxBlock.listBoxWithIconButton.UYCError .compositeListBox, .compositeListBoxBlock.listBoxWithIconButton.UYCError .compositeListBox:hover {
	padding-right: 46px;
}
.compositeInputBlock.UYCError .compositeInputMessage, .compositeInputBlock.UYCError .compositeInputPlaceholder,
.compositeListBoxBlock.UYCError .compositeListBoxMessage, .compositeListBoxBlock.UYCError .compositeListBoxPlaceholder {
	color: var(--UYCColorRed);
}
.compositeInputPlaceholder, .compositeInput:focus+div.compositeInputPlaceholder,
.compositeListBoxPlaceholder, .compositeListBox:focus+div.compositeListBoxPlaceholder {
	position: absolute;
	height: var(--UYCCompositeInputHeight56);
	padding: var(--UYCBasicInputVertPadding8) var(--UYCBasicInputHorPadding16) var(--UYCBasicInputVertPadding8) var(--UYCBasicInputHorPadding16);
	pointer-events: none;
	align-items: flex-start;
	transition-duration: var(--UYCBasicTransitionDurationFast);
	white-space: nowrap;
	max-width: calc(100% - var(--UYCBasicInputHorPadding16));
	overflow: hidden;
}
.compositeInput:placeholder-shown:not(:focus)+div.compositeInputPlaceholder{
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.01em;
	color: var(--UYCColorBlack60);
	padding-top: 15px;
}
input:disabled, .compositeInput:disabled+div.compositeInputPlaceholder, .compositeInput:disabled:placeholder-shown+div.compositeInputPlaceholder,
.compositeListBox:disabled+div.compositeListBoxPlaceholder, .compositeListBox:disabled:placeholder-shown+div.compositeListBoxPlaceholder {
	color: var(--UYCColorBlack30);
}
.dictAccords input:disabled {
	color: var(--UYCColorBlack);
}
input:disabled+button, input:disabled+div+button, input:disabled+div+div+button {
	fill: var(--UYCColorBlack30);
	pointer-events: none;
}
.compositeInputMessage, .compositeListBoxMessage {
	color: var(--UYCColorBlack60);
	margin-left: var(--UYCBasicInputHorPadding16);
	margin-top: 4px;
}
.mapSearchBlock .simpleInputBlock {
	flex-grow: 1;
	transition: var(--UYCBasicTransitionDuration);
}
.mapSearchBlock .simpleInputBlock input {
	width: 100%;
}
.simpleInputBlock {
	position: relative;
}
.inputWithIconButton input, .listBoxWithIconButton input {
	padding-right: 48px;
}
.inputWithIconButton .compositeInputPlaceholder, .inputWithIconButton .compositeInput:focus+div.compositeInputPlaceholder,
.listBoxWithIconButton .compositeListBoxPlaceholder, .listBoxWithIconButton .compositeListBox:focus+div.compositeListBoxPlaceholder {
	max-width: calc(100% - 44px);
}
.simpleInputBlock button, .compositeInputBlock button, .compositeListBoxBlock button {
	position: absolute;
	background: none;
	padding: 4px;
	right: 0px;
}
.simpleInputBlock button {
	height: var(--UYCBasicInputHeight40);
	width: var(--UYCBasicButtonSize40);
}
.compositeInputBlock button, .compositeListBoxBlock button {
	height: var(--UYCCompositeInputHeight56);
	width: var(--UYCBasicButtonSize48);
}
.listBoxItemsContainer {
	flex-direction: column;
	align-items: flex-start;
	border: 1px solid var(--UYCColorGray);
	background-color: var(--UYCColorWhite); 
	border-radius: var(--UYCBorderRadius8);
	width: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	top: var(--UYCCompositeInputHeight56);
	transition: var(--UYCBasicTransitionDurationFast) ease-in-out;
	display: flex;
	max-height: 0px; /* Не зовсім нормально, але інакше першого раз розгортається різко */
}
.listBoxCollapsed .listBoxItemsContainer {
	display: none;
}
.listBoxItemsScrollContainer {
	overflow-x: hidden;
	overflow-y: overlay;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	height: 100%;
}
.listBoxItemsScrollContainer::-webkit-scrollbar {
	width: var(--UYCCustomScrollBarWidth6);
}
.listBoxItemsScrollContainer::-webkit-scrollbar-track {
	background: none; 
}
.listBoxItemsScrollContainer::-webkit-scrollbar-thumb {
	background-color: var(--UYCColorBlack10);
	border-radius: calc(var(--UYCCustomScrollBarWidth6) / 2);
}
.listBoxItemsScrollContainer:hover::-webkit-scrollbar-thumb {
	background-color: var(--UYCColorBlack60);
}
.listItem {
/*	min-height: var(--UYCBasicButtonSize40); */
	color: black;
	padding: var(--UYCBasicInputVertPadding8) var(--UYCBasicInputHorPadding16);
	cursor: pointer;
	width: 100%;
}
.listItem:first-child {
	margin-top: var(--UYCEventDetailedMargin8);
}
.listItem:last-child {
	margin-bottom: var(--UYCEventDetailedMargin8);
}
.listItem.UYCInactive {
/*	cursor: initial; */
	pointer-events: none;
}
.listItem:hover {
	background-color: var(--UYCColorMiddleGray);
}
.upperMenuCanvasContainer {
	position: fixed;
	justify-content: center;
	max-height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	top: -150vh;
	background-color: white;
	width: 100vw;
	padding-left: var(--UYCFullPageColumnLRMargins40);
	padding-right: var(--UYCFullPageColumnLRMargins40);
	padding-top: var(--UYCMenuBarHeight);
	z-index: 4;
	transition: top var(--UYCBasicTransitionDurationSlow) ease-in-out, width 0s;
}
#body.UYCBurgered .upperMenuCanvasContainer {
	top: 0vh;
}
.burgerMenuContainer {
	width: 100%;
	height: 100%;
	flex-direction: column;
	align-items: flex-start;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.01em;
	overflow-x: hidden;
	overflow-y: overlay;
}
.burgerMenuContainer::-webkit-scrollbar {
	width: var(--UYCCustomScrollBarWidth6);
}
.burgerMenuContainer::-webkit-scrollbar-track {
	background: none; 
}
.burgerMenuContainer::-webkit-scrollbar-thumb {
	background: var(--UYCColorBlack10);
	border-radius: calc(var(--UYCCustomScrollBarWidth6) / 2);
}
.burgerMenuContainer:hover::-webkit-scrollbar-thumb {
	background: var(--UYCColorBlack60);
}
.upperMenuCanvasContainer .primaryButton {
	width: var(--UYCMobileMenuButtonWidth300);
}
.burgerMenuContainer>div {
	flex-direction: column;
	align-items: flex-start;
	padding-top: var(--UYCMenuPopupVertPadding24);
	padding-bottom: var(--UYCMenuPopupVertPadding24);
	padding-left: var(--UYCMenuPopupHorPadding16);
	padding-right: var(--UYCMenuPopupHorPadding16);
	width: 100%;
}
.burgerMenuContainer>div:not(.contextPopup) {
	row-gap: var(--UYCMenuPopupRowGap20);
}
.burgerMenuContainer>div:not(:last-child) {
	border-bottom: 1px solid var(--UYCColorBlack60);
}
.menuBarBlock {
	justify-content: space-between;
	height: var(--UYCMenuBarHeight);
	width: 100%;
	border-bottom: 2px solid var(--UYCColorBlack);
	column-gap: 24px;
	z-index: 5;
	top: 0px;
	transition: var(--UYCBasicTransitionDuration) var(--UYCBasicTransitionDuration);
	background-color: var(--UYCColorWhite0);
}
#body.UYCBurgered .menuBarBlock {
	position: sticky;
	transition: var(--UYCBasicTransitionDurationFast) var(--UYCBasicTransitionDuration);
	background-color: var(--UYCColorWhite);
}
#body.UYCBigSideBarDisplayed .menuBarBlock {
	z-index: 4; /* Поставити 2, бо інакше меню буде зверху над бекграундом */
}
#burgerMenuButton {
	display: none;
}
#burgerMenuButton svg {
	transition-duration: var(--UYCBasicTransitionDuration);
}
#closeSVG {
	opacity: 0;
}
#body.UYCBurgered {
	overflow: hidden;
}
#body.UYCBigSideBarDisplayed {
	overflow: hidden;
}
#body.UYCBurgered #burgerSVG {
	opacity: 0;
}
#body.UYCBurgered #closeSVG {
	opacity: 1;
}
#body.UYCBurgered .headerMenuBlockUnfolded {
	display: none;
}
#body.UYCBurgered #profileMenuButton {
	display: none;
}
.fullSizeBackgroundForPopup {
	position: fixed;
	z-index: 3;
	width: 100vw;
	height: 100vh;
	top: -150vh;
	background-color: var(--UYCColorTransparent);
	transition: background var(--UYCBasicTransitionDuration) linear, top 0s var(--UYCBasicTransitionDuration); /* Вважаю, тут краще уникнути js */
}
#body.UYCBurgered .fullSizeBackgroundForPopup, #body.UYCBigSideBarDisplayed .fullSizeBackgroundForPopup {
	background-color: var(--UYCColorBlack60);
	top: 0vh;
	transition: background var(--UYCBasicTransitionDurationSlow) linear, top 0s;
}
.bigSideBar {
	position: fixed;
	align-self: flex-end;
	z-index: 6;
	height: calc(100% - var(--UYCEventDetailedMargin8) * 3);
	max-height: 100%;
	margin-top: var(--UYCEventDetailedMargin8);
	border-radius: var(--UYCBorderRadius20);
	background-color: var(--UYCColorWhite);
	min-width: var(--UYCBigSideBarWidth584); /* Спочатку був просто width, але він не дозволяє збільшити розмір під редактор. */
	justify-content: space-between;
	flex-direction: column;
	top: -150vh;
	opacity: 0;
	transition: opacity var(--UYCBasicTransitionDuration) linear, top 0s var(--UYCBasicTransitionDuration); /* Вважаю, тут краще уникнути js */
}
#body.UYCBigSideBarDisplayed .bigSideBar {
	top: 0vh;
	opacity: 1;
	transition: opacity var(--UYCBasicTransitionDuration) linear, top 0s;
}
#body.UYCBigSideBarDisplayed.huge .bigSideBar{
/*	min-width: var(--UYC3ColsBasicWidth1200); */
}
#body.UYCBigSideBarDisplayed.huge .bigSideBarMainContent{
/*	width: 100%; */
	max-width: var(--UYCLargeEditorMaxWidth);
}
.bigSideBarMainContent .bigSideBar2Column{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	/* column-gap: 24px; */
}
.bigSideBarItem {
	width: 45%;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}
.bigSideBarItem div{
	display: flex;
	flex-direction: column;
	row-gap: 12px;
	/* width: 100%; */
	align-items:flex-start
}
.bigSideBarHeader {
	width: 100%;
	border-bottom: 1px solid var(--UYCColorGray);
	padding: 32px 56px 24px 64px;
	flex-direction: row;
	justify-content: space-between;
	column-gap: 12px;
}
.bigSideBarHeader>div:first-child {
	flex-grow: 1;
}
.bigSideBarMainContent {
	max-width: 584px; /* А потім винятки для де-яких блоків, таких як редактор контенту. */
	min-width: 100%;
	overflow-x: hidden;
	overflow-y: overlay;
	flex-direction: column;
	align-items: flex-start;
	flex-grow: 1;
	padding: 48px 64px;
	row-gap: 24px;
	transition: var(--UYCBasicTransitionDuration) ease-in-out;
/*	transition-duration: 1s; */
	opacity: 0;
}
.bigSideBarMainContent>div, .bigSideBarMainContent>form>div {
	flex-direction: column;
	align-items: flex-start;
	row-gap: 12px;
	width: 100%;
}
.bigSideBarMainContent>div.columnWithRowGap24 {
	row-gap: 24px; /* Трохи тупо, але ніхто не знав, що всі сайдбари будуь різні, та їх буде безліч. */
}
.bigSideBarMainContent::-webkit-scrollbar {
	width: var(--UYCCustomScrollBarWidth6);
}
.bigSideBarMainContent::-webkit-scrollbar-track {
	background: none; 
}
.bigSideBarMainContent::-webkit-scrollbar-thumb {
	background: var(--UYCColorBlack10);
	border-radius: calc(var(--UYCCustomScrollBarWidth6) / 2);
}
.bigSideBarMainContent:hover::-webkit-scrollbar-thumb {
	background: var(--UYCColorBlack60);
}
.compositeTextString>div:not(:first-child), .compositeTextString>form>div:not(:first-child) {
	margin-left: 8px;
}
.bigSideBarMainContent>form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 24px;
	width: 100%;
}
.bigSideBarBottomBlock {
	width: 100%;
	justify-content: space-between;
	padding: 32px 64px;
	column-gap: 12px;
	row-gap: 12px;
	border-top: 1px solid var(--UYCColorGray);
}
.bigSideBarBottomBlock.longBottomBlock {
	justify-content: flex-start;
	flex-wrap: wrap;
	row-gap: 16px;
}
.bigSideBarBottomBlock:not(.longBottomBlock)>button:last-child {
	flex-grow: 1;
}
.bigSideBarBottomBlock.longBottomBlock .primaryButton {
	min-width: 300px;
}
.bigSideBarBottomBlock .primaryButton {
	max-width: 360px;
}
.textBlack60 {
	color: var(--UYCColorBlack60);
}
.UYCToolTip {
	flex-wrap: wrap;
	white-space: normal!important; /* Кілька разів успадкувался nowrap */
	border-radius: 8px;
	background-color: var(--UYCColorBlack60);
	position: absolute;
	color: var(--UYCColorWhite);
	padding: 8px 12px;
	width: var(--UYCToolTipWidth185);
	z-index: 10;
	display: none;
	transition: var(--UYCBasicTransitionDurationFast) linear;
}
.UYCToolTip a {
	color: inherit;
}
.toolTipRight {
	left: 20px;
}
.toolTipLeft {
	right: 20px;
}
.toolTipTop {
	bottom: 20px;
}
.toolTipBottom {
	top: 20px;
}
button:hover.tooltipButton>.UYCToolTip {
	display: flex;
}
.bigSideBarMainContent>div.bigSideBarMainContentSecondaryLinks {
	row-gap: 8px;
	margin-top: 16px;
}
.breadCrumbs {
	column-gap: 8px;
	flex-wrap: wrap;
}
.breadCrumbs span:not(:last-child)::after {
	content: '|';
	margin-left: 8px;
	color: var(--UYCColorBlack60);
}
.breadCrumbs span a {
	color: var(--UYCColorBlack60);
}

.pageHeader {
	border-bottom: 1px solid var(--UYCColorBlack60);
	padding-bottom: var(--UYCPageHeaderBottomMarginPadding51);
	margin-bottom: calc(var(--UYCPageHeaderBottomMarginPadding51) * -1); /* Це, блять, божевілля. Сцуко, скрізь однакові проміжки між повними блоками. Але тут, блять, посеред проміжку раптовий бордер. Боже, дай мені сил. */
	font-style: normal;
	font-weight: 400;
	font-size: 56px;
	line-height: 60px;
	letter-spacing: -0.02em;
}
.subTabSwitcher {
	column-gap: 24px;
}
.subTabSwitcher .tabActive {
	/* margin-bottom: initial; */
	margin-bottom: -4px;
	padding-bottom: 2px;
}
.accordionContainer {
	flex-direction: column;
	row-gap: 8px;
	align-items: flex-start;
	width: 100%;
}
.accordionBlock {
	background-color: var(--UYCColorWhite);
	border-radius: var(--UYCBorderRadius20);
	height: 72px;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	overflow: hidden;
	transition: var(--UYCBasicTransitionDurationFast) linear;
}
#singleContentBlockPoss .accordionBlock {
	height: var(--UYCYCPublicPagePossAccrodionHeight);
}
.accordionBlock.UYCABOpened, #singleContentBlockPoss .accordionBlock.UYCABOpened {
	/* height: auto; Перенесено до js */
}
.accordionBlockHeader {
	background: var(--UYCColorAccent);
	height: 72px;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 24px;
	cursor: pointer;
	transition-duration: var(--UYCBasicTransitionDuration);
	background-size: 200% 150%;
	-webkit-animation: var(--UYCBasicAnimation);
	animation: var(--UYCBasicAnimation);
	z-index: 1;
	position: relative;
}
.accordionBlockHeader>h4 {
	max-height: calc(100% + 32px);
	/*overflow: overlay; */
	overflow: hidden;
	text-overflow: ellipsis;
    font-size: 18px;
    letter-spacing: -0.02em;
}
#singleContentBlockPoss .accordionBlockHeader {
	height: var(--UYCYCPublicPagePossAccrodionHeight);
}
.accordionBlockHeader::before {
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	margin: auto;
	opacity: 1;
	visibility: visible;
	z-index: -1;
/*	border-radius: var(--UYCBorderRadius20); */
	background-color: var(--UYCColorWhite);
	transition: var(--UYCBasicTransitionDuration) ease-in-out;
}
.accordionBlock:not(.UYCABOpened) .accordionBlockHeader:hover::before {
	opacity: 0;
}
.accordionBlock.UYCABOpened .collapserButton svg:first-child {
	opacity: 0;
}
.accordionBlock:not(.UYCABOpened) .collapserButton svg:last-child {
	opacity: 0;
}
.collapserButton svg {
	position: absolute;
	width: 24px;
	height: 24px;
	opacity: 1;
	transition: var(--UYCBasicTransitionDurationFast) linear;
}
.accordionBlockContent {
	/*justify-content: space-between;*/
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	padding: 0px 24px 24px 24px;
	flex-wrap: wrap;
	column-gap: 24px;
}
.accordionBlockContentText {
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	flex-basis: 220px;
	flex-grow: 1;
}
.accordionBlockContentCover {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	flex-basis: 242px;
	flex-shrink: 0;
	height: 242px;
	border-radius: 8px;
}
.ycContactsBlock {
	padding: 24px;
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
	row-gap: 24px;
	border-radius: 20px;
	border: 1px solid var(--UYCColorBlack60);
}
.ycContactsHeader {
	width: 100%;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--UYCColorBlack60);
	justify-content: space-between;
}
.ycContactsContent {
	width: 100%;
	flex-grow: 1;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 24px;
}
.ycWorkTime {
	white-space: pre-line;
}
.ycContactsAddress, .ycContactsEmail, .ycContactsPhone {
	color: var(--UYCColorBlack);
	fill: var(--UYCColorBlack);
	align-items: flex-start;
	flex-wrap: wrap;
}
.ycContactsAddress::before {
	fill: var(--UYCColorBlack);
	content: url('../images/icon20_location_black.svg');
	width: 20px;
	height: 20px;
	margin-right: 8px;
}
.ycContactsEmail::before {
	content: url('../images/icon20_mail_black.svg');
	width: 20px;
	height: 20px;
	margin-right: 8px;
}
.ycContactsPhone::before {
	content: url('../images/icon20_phone_black.svg');
	width: 20px;
	height: 20px;
	margin-right: 8px;
}
.ycContactsSocials {
	column-gap: 12px;
	width: 100%;
	row-gap: 24px;
	flex-wrap: wrap;
}
.ycContactsAEPBlock {
	flex-direction: column;
	align-items: flex-start;
	row-gap: 8px;
}
.ycPageEventTilesContainer {
	width: 100%;
	row-gap: 8px;
	flex-direction: column;
}
.ycPageEventTile {
	background: var(--UYCColorAccent);
	width: 100%;
	padding: 24px 24px 26px 24px;
	column-gap: 16px;
	justify-content: space-between;
	align-items: flex-start;
	border-radius: var(--UYCBorderRadius20);
	transition-duration: var(--UYCBasicTransitionDuration);
	background-size: 200% 150%;
	-webkit-animation: var(--UYCBasicAnimation);
	animation: var(--UYCBasicAnimation);
	z-index: 1;
	position: relative;
}
.ycPageEventTile::before {
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	margin: auto;
	opacity: 1;
	visibility: visible;
	z-index: -1;
	border-radius: var(--UYCBorderRadius20);
	background-color: var(--UYCColorWhite);
	transition: var(--UYCBasicTransitionDuration) ease-in-out;
}
.ycPageEventTile:hover::before {
	opacity: 0;
}
.ycPageEventTileDateTime {
	flex-basis: 110px;
	align-self: stretch;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 4px;
}
.ycPageEventTileDescription {
	flex-basis: 400px;
	flex-grow: 1;
	align-self: stretch;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 8px;
	text-align: left;
}
.ycPageEventTileDescription>div:last-child {
	color: var(--UYCColorBlack60);
}
.sliderFullBlock {
	width: 100%;
	flex-direction: column;
	row-gap: 16px;
}
.searchDivider {
	border-left: 1px solid var(--UYCColorBlack60);
	height: 100%;
}
.hidebleSearchElement {
	display: none;
}
.columns23of3.sliderAndEquipmentContainer {
	row-gap: 48px;
	width: var(--UYC2ColsWidth23ForSlider);
}
.sliderAndEquipmentContainer .subTabSwitcher {
	margin-top: 8px;
	margin-bottom: -6px;
	white-space: nowrap;
	row-gap: 12px;
	flex-wrap: wrap;
}
#publicYCPage .column1of3 h2 {
	font-style: normal;
	font-weight: 400;
	font-size: 38px;
	line-height: 40px;
	letter-spacing: -0.02em;
	margin-bottom: 4px;
}
.sideBarForFiltersButtonsBlock { column-gap: 8px; }
.sideBarForFiltersButtonsBlock .primaryButton { flex-grow: 1; }
.spinner {
	border: 8px solid var(--UYCColorBlack30);
	border-left-color: #B0E8C6;
	border-radius: 50%;
	width: 56px!important;
	height: 56px!important;
	animation: spin 1s ease-in-out infinite;
	margin: 10px auto;
	position: fixed;
	left: calc(58vw - 28px);
	top: calc(50vh - 28px);
	z-index: 10;
	display: none;
	flex-shrink: 0;
	flex-grow: 0;
}
.spinner2 {
	border: 8px solid var(--UYCColorBlack30);
	border-left-color: #B0E8C6;
	border-radius: 50%;
	width: 56px!important;
	height: 56px!important;
	flex-shrink: 0;
	flex-grow: 0;
	animation: spin 1s ease-in-out infinite;
	margin: 10px auto;
	position: relative;
	top: 40%;
	z-index: 10;
	display: flex;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.newHeaderBlock {
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
	padding-top: 48px;
	padding-bottom: 48px;
	row-gap: 16px;
	border-bottom: 1px solid var(--UYCColorBlack60);
}
.wholeContentBlock#wholeContentBlockLib {
	row-gap: 0px;
}
.libContentBlock {
	flex-wrap: wrap;
	row-gap: 32px;
	align-items: flex-start;
	padding-top: 64px;
	padding-bottom: 128px;
	column-gap: 30px;
	width: 100%;
}
.libLeftColumnMenu {
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
.libLeftColumnMenu a:hover {
	text-decoration: none;
}
.libLeftColumnMenuItem {
	color: var(--UYCColorBlack60);
	padding-bottom: 4px;
	margin-bottom: 16px;
}
.libLeftColumnMenuItem:hover {
	color: var(--UYCColorBlack);
}
.libLeftColumnMenuItem.UYCActive {
	border-bottom: 4px solid #B0E8C6;
	color: var(--UYCColorBlack);
	margin-bottom: 12px;
}
.viewsCount {
	color: var(--UYCColorBlack60);
}
.viewsCount::before {
	content: url('../images/icon24_eye_black60.svg');
	width: 24px;
	height: 24px;
	margin-right: 4px;
}
.commentsCount {
	color: var(--UYCColorBlack60);
}
.commentsCount::before {
	content: url('../images/icon24_message_black60.svg');
	width: 24px;
	height: 24px;
	margin-right: 4px;
}
#libHeaderPublicaionDate {
	margin-top: 16px;
	display: block;
}
.articleLeftColumnAttributes {
	flex-direction: column;
	align-items: flex-start;
}
.alcaAuthor {
	align-items: flex-start;
	padding-bottom: 24px;
	column-gap: 16px;
}
.alcaAuthorAvatar {
	border: 1px solid var(--UYCColorDarkGray);
	width: 88px;
	height: 88px;
	flex-shrink: 0;
	border-radius: 44px;
	background-image: URL('/images/icon88_no_avatar_black60.svg');
	background-color: var(--UYCColorWhite);
	background-position: center;
	background-size: cover;
	justify-content: center;
	text-align: center;
}
.alcaAuthorNameAndStatus {
	flex-direction: column;
	row-gap: 8px;
	align-items: flex-start;
	padding-top: 4px;
}
.alcaAuthorName {
	flex-wrap: wrap;
}
.alcaShare {
	padding-top: 24px;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 16px;
	border-top: 1px solid var(--UYCColorBlack30);
	width: 100%;
}
.alcaShareSocials {
	column-gap: 12px;
}
.formattedContentWholeWidth {
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}
.formattedContentWholeWidth img, .ck-content img {
/*	margin-bottom: 24px; */
	max-width: 100%;
}
.formattedContentWholeWidth p, .ck-content p {
	width: 100%;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.01em;
	margin-top: 12px;
	margin-bottom: 12px;
}
.formattedContentWholeWidth q, .ck-content q, .formattedContentWholeWidth blockquote, .ck-content blockquote {
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.02em;
	padding-left: 20px;
	border-left: 4px solid var(--UYCColorBlack);
	margin-top: 32px;
	margin-bottom: 32px;
}
.formattedContentWholeWidth h1, .ck-content h1 {
	font-weight: 400;
	font-size: 38px;
	line-height: 40px;
	letter-spacing: -0.02em;
	margin-top: 32px;
	margin-bottom: 16px;
}
.formattedContentWholeWidth h2, .ck-content h2 {
	font-weight: 400;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: -0.02em;
	margin-top: 26px;
	margin-bottom: 14px;
}
.formattedContentWholeWidth h3, .ck-content h3 {
	font-weight: 500;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.02em;
	margin-top: 20px;
	margin-bottom: 12px;
}
.formattedContentWholeWidth h4, .ck-content h4 {
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.02em;
	margin-top: 16px;
	margin-bottom: 12px;
}
.formattedContentWholeWidth ul, .ck-content ul {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.01em;
	list-style: disc;
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	padding-left: 28px;
	row-gap: 4px;
}
.newsWholeContentBlock {
	flex-direction: column;
	padding-top: 64px;
	padding-bottom: 128px;
	align-items: flex-start;
	row-gap: 48px;
	width: 100%;
}
.newsDayContentBlock {
	align-items: flex-start;
	column-gap: 30px;
	width: 100%;
	flex-wrap: wrap;
	row-gap: 24px;
}
.swiper {
	width: 100%;
	height: 395px;
}
.swiper, .swiper-slide {
	border-radius: var(--UYCBorderRadius20);
	overflow: hidden;
	display: flex;
	justify-content: center;
	text-align: center;
}
.swiper-slide img {
	max-width: 100%;
/*	max-height: 100%; */
}
.columns23of3.sliderAndEquipmentContainer {
/*	width: calc(var(--UYC2ColsBasicWidth790) - 40px); */
}
.sliderContent {
	width: 100%;
	height: 395px;
	border-radius: var(--UYCBorderRadius20);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.sliderNavigation {
	height: 20px;
	justify-content: center;
	text-align: center;
	column-gap: 16px;
}
.sliderNavigation>div {
	cursor: pointer;
}
.sliderNavigation>div svg {
	width: 48px;
	height: 20px;
}
.reviewAndContacts, .equipments, .damages, .affilates {
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
}
.reviewAndContacts {
	row-gap: 48px;
}
.equipments, .damages, .affilates {
	row-gap: 16px;
}
.equipmentTable {
	width: 100%;
	flex-direction: column;
	border-radius: 20px;
	overflow: hidden;
}
.equipmentTableRow {
	background-color: var(--UYCColorWhite);
	cursor: pointer;
	min-height: 72px;
}
.equipmentTableRow:hover {
	background-color: var(--UYCColorMiddleGray);
}
.dictAccords .equipmentTableRow {
	cursor: initial;
}
.dictAccords .equipmentTableRow:hover {
	background-color: var(--UYCColorWhite);
}
.equipmentTableRow:not(:last-child) {
	border-bottom: 1px dotted var(--UYCColorBlack10);
}
.equipmentTableHeader {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.01em;
	background-color: var(--UYCColorWhite60);
	border-bottom: 1px dotted var(--UYCColorBlack10);
	color: var(--UYCColorBlack60);
}
.equipmentTableHeader, .equipmentTableRow {
	width: 100%;
	justify-content: space-between;
}
.equipmentTableHeader>div {
	padding: 16px 24px 16px 24px;
}
.equipmentTableRow>div {
	padding: 12px 24px 12px 24px;
}
.equipmentTableRow>div.tableCellForAvatar+div {
	padding-left: 12px;
}
/* .equipmentTableRow>div:first-child:not(.userNameWithAvatarAndDescription) {
	flex-direction: column;
	align-items: flex-start;
	row-gap: 4px;
}
.equipmentTableRow>div:first-child>div:first-child {
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.02em;
}
.equipmentTableRow>div:first-child>div:not(:first-child) {
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.01em;
	color: var(--UYCColorBlack60);
} */
.equipmentTableRow>div, .equipmentTableHeader>div {
	align-self: stretch;
	flex-grow: 1;
	flex-basis: 170px;
}
.equipmentTableRow>div.shortCell, .equipmentTableHeader>div.shortCell, .equipmentTableRow>div.dictTableButtonsRow {
	flex-basis: 100px;
}
.equipmentTableRow>div.longCell, .equipmentTableHeader>div.longCell, .equipmentTableRow>div.userNameWithAvatarAndDescription, .equipmentTableRow>div.columnWithRowGap4H18T14black60 {
	flex-basis: 300px;
	flex-grow: 5;
}
.equipmentTableRow>div.tinyCell, .equipmentTableHeader>div.tinyCell {
	width: 32px;
	padding: 8px 0px 8px 16px;
	flex-basis: initial;
	flex-grow: 0;
	justify-content: center;
	text-align: center;
}
.equipmentTableRow>div.tableCellForAvatar, .equipmentTableHeader>div.tableCellForAvatar {
	flex-basis: initial;
}
.equipmentTableRow>div:not(:first-child):not(.columnWithRowGap4H18T14black60) {
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.01em;
	border-left: 1px dotted var(--UYCColorBlack10);
	color: var(--UYCColorBlack60);
}
.equipmentTableRow>div.longCell:not(:first-child) {
	color: var(--UYCColorBlack);
	font-weight: 400;
}


.moderatorTable {
	width: 100%;
	flex-direction: column;
	border-radius: 20px;
	overflow: hidden;
}
.moderatorTableRow {
	background-color: var(--UYCColorWhite);
	cursor: pointer;
	min-height: 72px;
}
.moderatorTableRow:hover {
	background-color: var(--UYCColorMiddleGray);
}
.moderatorTableRow:not(:last-child) {
	border-bottom: 1px dotted var(--UYCColorBlack10);
}
.moderatorTableHeader {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.01em;
	background-color: var(--UYCColorWhite60);
	border-bottom: 1px dotted var(--UYCColorBlack10);
	color: var(--UYCColorBlack60);
}
.moderatorTableHeader, .moderatorTableRow {
	width: 100%;
	justify-content: space-between;
}
.moderatorTableHeader>div, .moderatorTableRow>div {
	align-self: stretch;
	column-gap: 8px;
	row-gap: 8px;
}
.moderatorTableRow>div {
	padding: 12px 24px 12px 24px;
}
.moderatorTableHeader>div {
	padding: 16px 24px 16px 24px;
}
.moderatorTableRow>div.tinyCell, .moderatorTableHeader>div.tinyCell {
	flex-basis: 48px;
	padding: 12px 12px 12px 12px;
}
.moderatorTableRow>div.shortCell, .moderatorTableHeader>div.shortCell {
	flex-basis: 190px;
	color: var(--UYCColorBlack60);
}
.moderatorTableRow>div.longCell, .moderatorTableHeader>div.longCell {
	flex-basis: 300px;
	flex-grow: 1;
}
.moderatorTableRow>div:not(:last-child) {
	border-right: 1px dotted var(--UYCColorBlack10);
}
.moderatorTableRow>div.tinyCell {
	background-position: center;
	background-repeat: no-repeat;
}


.equipmentHintBeforeTable {
	color: rgba(47, 47, 47, 0.6);
/*	padding-left: 23px; */
}
.bigSideBarMainContent>div.bookingItemProperties {
	margin-bottom: 24px;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 2px;
}
.bookingItemProperties>div::before {
	content: '•';
	margin-left: 8px;
	margin-right: 8px;
}
.bookingCalendarContainer {
	margin-bottom: 48px;
	row-gap: 16px;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
.bookingCalendarHeaderNavigation {
	justify-content: space-between;
	width: 100%;
}
.bookingCalendarHeaderNavigation>div {
	flex-grow: 1;
}
.bookingCalendarHeaderNavigation>div:last-child {
	justify-content: flex-end;
	column-gap: 16px;
}
.bookingCalendarHeaderNavigationArrowButton svg {
	width: 48px;
	height: 20px;
	cursor: pointer;
}
.bookingCalendarMainBlock {
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid var(--UYCColorBlack60);
	background-color: var(--UYCColorDarkGray);
	width: 100%;
	column-gap: 1px;
}
.bookingCalendarDayColumn {
	flex-direction: column;
	row-gap: 1px;
	flex-shrink: 0;
	flex-basis: 63px;
	flex-grow: 1;
	transition-duration: var(--UYCBasicTransitionDurationSlow);
	transform: translate(var(--UYCBookingCalendarOffset));
}
.bookingCalendarHeadCell {
	row-gap: 4px;
}
.bookingCalendarHeadCell, .bookingCalendarTimeCell {
	background-color: var(--UYCColorWhite);
	height: 63px;
	flex-direction: column;
	width: 100%;
	align-self: stretch;
	justify-content: center;
	text-align: center;
}
.bookingCalendarHeadCell.headCellSatSun {
	color: var(--UYCColorRed);
}
.bookingCalendarHeadCell>div, .bookingCalendarTimeCell {
	justify-content: center;
	text-align: center;
}
.bookingCalendarHeadCell>div:first-child {
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.02em;
}
.bookingCalendarHeadCell>div:last-child {
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.01em;
}
.bookingCalendarTimeCell.bookingCalendarTimeCellWithValue {
	border-radius: 20px;
}
/* .bookingCalendarTimeCell.bookingCalendarTimeCellWithValue:hover {
	background-color: var(--UYCColorLightGray);
} */
.bookingCalendarTimeCell>div {
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.01em;
}
.mySwiperEquip {
	height: 300px;
}
.bigSideBar .sliderFullBlock {
	align-items: center;
}
.bigSideBarHeader h3 {
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 399px;
}
.profileAvatarWithEditButton {
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
.profileEditPhotoBlock {
	column-gap: 12px;
	margin-bottom: 24px;
	cursor: pointer;
}
.profileOptionalButtons {
	flex-direction: column;
	align-items: flex-start;
	padding: 24px 0px;
	row-gap: 12px;
	width: 100%;
	border-top: 1px solid var(--UYCColorBlack30);
	border-bottom: 1px solid var(--UYCColorBlack30);
}
.formBlock {
	padding: 48px 64px;
	border-radius: 20px;
	background-color: var(--UYCColorWhite);
	flex-direction: column;
	row-gap: 24px;
	align-items: flex-start;
}
.inputGroupBlock {
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 12px;
}
.inputGroupBlock>div {
	width: 100%;
}
.inputAndButtonRow {
	width: 100%;
	justify-content: space-between;
	column-gap: 12px;
	row-gap: 12px;
}
.inputAndButtonRow>div:first-child {
	flex-grow: 1;
}
.headerWithAdditionalButtonsContainer {
	justify-content: space-between;
	align-items: flex-end;
	column-gap: 24px;
	row-gap: 12px;
	flex-wrap: wrap;
	width: 100%;
}
.libEditSectionsBlock {
	column-gap: 12px;
	padding-top: 24px;
	border-top: 1px solid var(--UYCColorBlack60);
	margin-top: 4px;
	width: 100%;
	cursor: pointer;
}
.showedCountWithDescription {
	column-gap: 24px;
	width: 100%;
	justify-content: space-between;
}
.showedCountWithDescription>div {
	white-space: nowrap;
}
.rowWithColumnGap12 {
	column-gap: 12px;
}
.rowWithColumnGap20 {
	column-gap: 20px;
}
.columnWithRowGap4 {
	row-gap: 4px;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
.columnWithRowGap8 {
	row-gap: 8px;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
.columnWithRowGap16 {
	row-gap: 16px;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
.columnWithRowGap24 {
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 24px;
}
.columnWithRowGap32 {
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 32px;
}
.columnWithRowGap48 {
	min-width: 100%;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 48px;
}
.libContentSectionWithDivider {
	padding-top: 64px;
	padding-bottom: 52px;
	align-items: flex-start;
	column-gap: 30px;
	width: 100%;
	row-gap: 32px;
	flex-wrap: wrap;
}
.libContentSectionWithDivider:not(:last-child) {
	border-bottom: 1px solid var(--UYCColorBlack60);
}
.libContentSectionWithDivider:last-child {
	margin-bottom: 64px;
}
.commentTextArea {
	resize: none;
	width: 100%;
	border-radius: 8px;
	background-color: var(--UYCColorLightGray);
	padding: 6px 16px 16px;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	color: var(--UYCColorBlack);
	font-family: 'e-Ukraine';
	font-style: normal;
}
.submitCommentButton {
	width: 300px;
}
.commentsContainer {
	margin-bottom: 16px;
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
}
.commentBlock {
	padding: 10px 32px 10px 0px;
	border-radius: 8px;
	flex-direction: column;
	row-gap: 4px;
	align-items: flex-start;
	position: relative;
	width: 100%;
	transition-duration: var(--UYCBasicTransitionDuration);
}
.commentBlock.active {
	background: var(--UYCColorAccent);
	background-size: 200% 150%;
	-webkit-animation: var(--UYCBasicAnimation);
	animation: var(--UYCBasicAnimation);
	padding-left: 16px;
	padding-right: 16px;
/*	z-index: 1; */
}

.commentButton{
	display: none;
}

.commentBlock.active .commentButton{
	display: flex;
	position: absolute;
	right: 5px;
	top: 5px;
}
.mapContainer, .bigSideBarItem .mapContainer{
	width:100%; 
	height:280px; 
	display:none;
}
.mapContainer #map{
	border-bottom-right-radius:unset;
}

.cancelEditButton{
	margin-left: 20px;
}
.commentDateTimeStatus {
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: var(--UYCColorBlack60);
}
.commentAuthor {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
}
.commentText {
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.01em;
}
.singleNewsTile.whiteNewsTile {
	background-color: var(--UYCColorWhite);
	border: none;
	padding: calc(var(--UYCSingleNewsTilePadding24) + 1px);
}
.newWholeContentBlock {
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	margin-bottom: 64px;
}
.newSingleContentBlock {
	width: 100%;
	flex-wrap: wrap;
	align-items: flex-start;
	column-gap: 30px;
	padding-top: var(--UYCNewSingleContentBlockPadding64);
	padding-bottom: var(--UYCNewSingleContentBlockPadding64);
}
.sliderAndEquipmentContainer>.newSingleContentBlock {
	padding-bottom: 0px;
}
.newHeaderContentBlock {
	flex-direction: column;
	row-gap: 16px;
	width: 100%;
	align-items: flex-start;
	padding-top: 48px;
	padding-bottom: 48px;
}
.ysStatusStrings {
	padding-top: 16px;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	row-gap: 4px;
}
.ysStatusStrings>div.fullWidthContainer {
	flex-wrap: wrap;
}
.newHeaderMessagesBlock {
	width: 100%;
	justify-content: space-between;
	align-items: flex-end;
	row-gap: 12px;
}
.ycOfficialInfoDropDown {
	width: 100%;
	border-top: 1px solid var(--UYCColorBlack60);
	border-bottom: 1px solid var(--UYCColorBlack60);
	position: relative;
	flex-direction: column;
	align-items: flex-start;
}
.ycOfficialInfoDropDownTitle {
	width: 100%;
	justify-content: space-between;
	padding-top: 16px;
	padding-bottom: 16px;
	height: 72px;
	cursor: pointer;
}
.ycOfficialInfoDropDownContent {
	background: var(--UYCColorLightYellow);
	width: 100%;
	position: absolute;
	top: 73px;
	padding-top: 24px;
	padding-bottom: 24px;
	flex-direction: column;
	row-gap: 24px;
	align-items: flex-start;
	z-index: 2;
	border-bottom: 1px solid var(--UYCColorBlack60);
}
.ycOfficialInfoDropDown.collapsed>.ycOfficialInfoDropDownContent {
	display: none;
}
.officialInfoPropertiesBlock {
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
	row-gap: 8px;
}
.officialInfoPropertiesBlock>div {
	flex-wrap: wrap;
}
.standartButtonWithLabelBlock {
	column-gap: 12px;
	cursor: pointer;
	flex-direction: row!important;
	align-items:center!important;
}
.standartButtonWithLabelBlock:hover>div {
	text-decoration: underline;
}
.emptySection {
	justify-content: center;
	text-align: center;
	flex-direction: column;
	background-color: var(--UYCColorWhite);
	border-radius: 20px;
	row-gap: 8px;
	color: var(--UYCColorBlack60);
	padding: 46px 24px;
	width: 100%;
}
.emptySection svg {
	width: 80px;
	height: 80px;
	fill: var(--UYCColorBlack60);
}
.emptySection>div {
	text-align: center;
}
.fullWidthSpaceBetween {
	justify-content: space-between;
	width: 100%;
	row-gap: 12px;
}
.columnWithRowGap0T14 {
	flex-direction: column;
	align-items: flex-start;
}
.columnWithRowGap4H18T14black60 {
	flex-direction: column;
	row-gap: 4px;
	align-items: flex-start;
	justify-content: center;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.01em;
}
.columnWithRowGap4H18T14black60>div:first-child {
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: var(--UYCColorBlack);
}
.columnWithRowGap4H18T14black60>div:not(:first-child) {
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.01em;
	color: var(--UYCColorBlack60);
}
.tableRowLastCellWithButtons {
	justify-content: flex-end;
	border-left: none!important;
	column-gap: 12px;
}
.tableCellForAvatar {
	width: 56px;
	height: 56px;
	flex-shrink: 0;
	background-image: URL('/images/icon56_no_avatar_black60.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 28px;
	border: 1px solid var(--UYCColorDarkGray);
}
.userNameWithAvatarAndDescription {
	flex-wrap: nowrap;
	column-gap: 12px;
}
.accordionBlockContent .equipmentTable {
	border: 1px dotted var(--UYCColorBlack10);
}
.dictTableButtonsRow {
	column-gap: 12px;
}
.textT14LBlack60 {
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.01em;
	color: var(--UYCColorBlack60);
}
p.textT14LBlack60 {
	margin-bottom: initial;
}
.errorMessage {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.01em;
	width: 100%;
	text-align: left;
	color: var(--UYCColorRed);
}
.ck-editor__editable_inline {
	min-height: 400px;
}
.ck.ck-editor {
	width: 100%!important;
}
.ck-editor__top {
	position: sticky!important;
	top: -48px;
	z-index: 1;
}
.messageBox {
	display: none;
	position: fixed;
	left: 50vw;
	top: 50vh;
	transform: translate(-50%, -50%);
	z-index: 20;
	border-radius: 24px;
	background-color: var(--UYCColorMiddleGray);
	flex-direction: column;
	row-gap: 32px;
	padding: 24px;
	align-items: flex-start;
	border: 1px solid var(--UYCColorGray);
	-webkit-box-shadow: 0px 0px 12px 6px var(--UYCColorBlack30);
	-moz-box-shadow: 0px 0px 12px 6px var(--UYCColorBlack30);
	box-shadow: 0px 0px 12px 6px var(--UYCColorBlack30);
}
.messageBoxText {
	font-weight: 400;
	font-size: 16px;
	align-items: flex-start;
	text-align: center;
	width: 100%;
}
/* Наступний стиль використовується багато де, не лише для messageBox. Краще не редагувати. */
.messageBoxButtonBlock {
	justify-content: center;
	width: 100%;
	column-gap: 24px;
}
.inputGroupRow {
	justify-content: space-between;
	width: 100%;
	column-gap: 16px;
	align-items: flex-start;
	row-gap: 12px;
}
.inputGroupRow>.roundButton48 {
	margin-top: 4px;
}
.commentForComment {
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: var(--UYCColorBlack60);
	padding-left: 16px;
}
.dictSectionHeader {
	font-weight: 500;
	font-size: 22px;
	padding-left: 24px;
	margin-top: 32px;
	margin-bottom: 8px
}
.unitNameSubHeader {
	margin-top: 16px;
}
.possEditLink {
	margin-bottom: 8px;
}
.possEditLink:first-child {
	margin-top: 24px;
}
.addPhotoBlock {
	background-color: var(--UYCColorLightGray);
	border-radius: 8px;
	padding: 6px 16px 24px;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	row-gap: 16px;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
}
#unitAddressRemains+.commentForComment, #ycLegalRemains+.commentForComment {
	margin-top: -8px;
}
.maxWidth498 {
	max-width: 498px;
}
.tmpShvabra {
	height: 32px;
}
.headerAvatarButton {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid var(--UYCColorBlack60);
	background-image: URL('/images/no_photo_48_black.png');
	opacity: 0.7;
	cursor: pointer;
}
.headerAvatarButton:hover {
	opacity: 1;
}
.centerSectionHeader {
	font-style: normal;
	font-weight: 400;
	font-size: 38px;
	line-height: 40px;
	letter-spacing: -0.02em;
	margin-bottom: 20px;
}
.centerSectionHeader.aboutSectionHeader {
	display: none;
}
.arrow{
	display: none;
}
#startDateInput, #finishDateInput {
	max-width: 100%;
	flex-grow: 1;
}
#latitudeInput, #longtitudeInput {
	width: 80%;
	flex-grow: 1;
}

/* ############################################################################################################################################## */
/* ############################################################################################################################################## */
/* ############################################################################################################################################## */

@media (max-width: 1279px) {
	:root {
		--UYCMainWidth: auto;
		--UYC2ColsBasicWidth790: auto;
		--UYCSingleNewsTileMinWidth: 60vw;
	}
	#burgerMenuButton { display: flex; }
	#avatarHeaderImage { display: none; }
	.headerMenuBlockUnfolded { display: none; }
	#profileMenuButton { display: none; }
	.fullPageColumn { width: var(--UYCMainWidth); width: -webkit-fill-available; width: fill-available; width: -moz-available; }
	.centerSectionHeader.aboutSectionHeader { display: flex; margin-bottom: -16px; }
	.columns23of3 { min-width: 64vw; }
	.libContentBlock .articleLeftColumnAttributes { width: 100%; }
	.staticMenu.tabSwitcher {
		position: fixed;
		z-index: 100;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		max-width: 300px;
		top: 0;
		left: -300px;
		min-width: min-content;
		height: 100%;
		padding: 20px;
		transition: left 0.3s ease;
	}
	
	.arrow {
		display: block;
		position: absolute;
		z-index: 102;
		right: -29px;
		top: 10%;
		height: 60%;
		width: 30px;
		background: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0.1));
		clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
		animation: wiggle 1s infinite;
		cursor: pointer; /* Додано для показу, що це можна клікнути */
		user-select: none;

	}
	
	.staticMenu.tabSwitcher.active {
		padding-left: 40px;
		left: 0;
		overflow-y: auto;
		overflow-x: hidden;
	}
	
	.staticMenu.tabSwitcher .standartButtonWithLabelBlock.moderatorStandartButtonWithLabelBlock {
		width: min-content;
	}
	
	.staticMenu.tabSwitcher.active .arrow {
		left: 5px;
		width: 30px;
		height: 60%;
		position: fixed;
		border-radius: 50%;
		clip-path: polygon(100% 0%, 0% 50%, 100% 100%);		
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.3),  rgba(255, 255, 255, 1));
	}
	/* .staticMenu.tabSwitcher.active .arrow::before{
		content: 'X';
		position: absolute;
		top: 25%;
		left: 35%;
	}
	 */
	@keyframes wiggle {
		0%, 100% {
			transform: translateX(0);
		}
		25% {
			transform: translateX(-4%);
		}
		50% {
			transform: translateX(-4%);
		}
		75% {
			transform: translateX(-4%);
		}
	}
}


@media (min-width: 1024px) and (max-width: 1279px) {
	:root {
		--UYCHeroBannerMinHeight280: 276px;
		--UYCSinglePartnerBannerHeight150: 112px;
	}
	.heroMessage { font-size: 56px; line-height: 60px; }
	.devBack { background-image: URL('!pageBackground2.png'); }
	.heroBannerSingleStatDescription { font-size: 14px; line-height: 20px; }
	.singleNewsTile .tileMainText { margin-bottom: 8px; }
	.column1of3 { flex-direction: row; flex-wrap: initial; margin-bottom: 16px; column-gap: 24px; }
	#publicYCPage .column1of3 { margin-bottom: 8px; }
	.pageHeader { margin-bottom: calc(var(--UYCPageHeaderBottomMarginPadding51) * -1 + 8px); }
	.column1of3>div { flex-grow: 1; }
	.sliderContent { height: 472px; }
	.accordionBlockContentCover { flex-basis: 293px; height: 293px; }
}
@media (min-width: 640px) and (max-width: 1023px) {
	:root {
		--UYCFullPageColumnLRMargins40: 20px;
		--UYCHeroBlockRowGap56: 40px;
		--UYCWholeContentBlockRowGap128: 79px;
		--UYCSingleContentBlockRowGap32: 32px;
		--UYCSingleContentBlockHeaderAdditionalMargin10: -6px;
		--UYCColumn1of3RowGap32: 24px;
		--UYCSinglePartnerBannerHeight150: 112px;
		--UYCSingleContentBlockLastChildMarginBottom128: 82px;
		--UYCFooterBlockRowGap32: 33px;
		--UYCMapLeftSideBarWidth294: 340px;
		--UYCSideBarWithEventsLeftJS: -100%;
		--UYC2ColsWidth23ForSlider: 600px;
		--UYCLargeEditorMaxWidth: 584px;
		--UYCLargeEditorWidth: 584px;
		--UYCNewSingleContentBlockPadding64: 56px;
	}
	.heroMessage { font-size: 38px; line-height: 40px; }
	.devBack { background-image: URL('!pageBackground3.png'); }
	.heroButtons { flex-wrap: wrap; }
	.heroBanner { flex-direction: column; padding: 32px 40px; }
	.heroBannerSingleStat { width: 100%; }
	.heroBannerSingleStat:not(:last-child) { border-left: none; border-bottom: 1px solid var(--UYCColorBlack); padding-bottom: 32px; }
	.heroBannerSingleStat:not(:first-child) { padding-top: 32px; }
	.heroBannerSingleStat:last-child { border-left: none; border-right: none; }
	.mainHeaderFont { font-size: 38px; line-height: 40px; }
	.mapLeftSideBar { position: absolute; }
	.mapSearchBlock .simpleInputBlock { flex-grow: 0; width: calc(100% - var(--UYCMapLeftSideBarWidth294) - var(--UYCSideBarWithEventsLeftJS) + 4px); }
	.hidebleSearchElement { display: flex; }
	.eventDetailed { margin-left: 0px; margin-top: 0px; height: 100%; box-shadow: none; border-radius: initial; }
	.eventDetailedTopBar { min-height: 64px; }
	.singleNewsTile .tileMainText { margin-bottom: 8px; }
	.singleNewsTile { margin-top: .5px; } 
	.contentBlockDescription { width: 100%; }
	.wholeTiles4 { grid-template-columns: 1fr 1fr 1fr; }
	.footerSecondaryLinks { flex-direction: column; }
	.pageHeader { font-size: 38px; line-height: 40px; margin-bottom: calc(var(--UYCPageHeaderBottomMarginPadding51) * -1 + 40px); }
	.sliderContent { height: 300px; }
	.sliderFullBlock { row-gap: 10px; margin-bottom: -4px; }
	.sliderAndEquipmentContainer .subTabSwitcher { margin-top: -6px; margin-bottom: -8px; }
	.sliderAndEquipmentContainer .tabActive { padding-bottom: 2px; }
	.accordionBlockContentCover { flex-basis: 293px; height: 293px; margin-top: 26px; }
	.ycPageEventTile { padding-top: 26px; }
	#publicYCPage .wholeContentBlock { row-gap: 84px; }
	.centerSectionHeader { margin-bottom: 12px; }
	.moderatorTableHeader, .moderatorTableRow {flex-wrap: wrap; }
	.moderatorTableRow>div {padding: 8px 16px 8px 16px; border-bottom: 1px dotted var(--UYCColorBlack10); flex-grow: 1; }
	.moderatorTableHeader>div {padding: 12px 16px 12px 16px; flex-grow: 1; }
	.equipmentTableHeader, .equipmentTableRow { flex-wrap: wrap; }
	.equipmentTableRow>div, .equipmentTableHeader>div { border-bottom: 1px dotted var(--UYCColorBlack10); }
}
@media (max-width: 639px) {
	:root {
		--UYCFullPageColumnLRMargins40: 10px;
		--UYCBasicLogoWidth296: 237px;
		--UYCMenuBarHeight: 64px;
		--UYCSingleContentBlockFirstChildMarginTop52: 24px;
		--UYCFooterBlockPaddingHor48: 0px;
		--UYCHeroBlockRowGap56: 43px;
		--UYCWholeContentBlockRowGap128: 64px;
		--UYCTabSwitcherColumnGap32: 24px;
		--UYCMapFullBlockHeight675: 600px;
		--UYCSingleContentBlockRowGap32: 34px;
		--UYCSingleContentBlockHeaderAdditionalMargin10: -3px;
		--UYCColumn1of3RowGap32: 24px;
		--UYCSinglePartnerBannerHeight150: 96px;
		--UYCSinglePartnerBannerPadding20: 16px;
		--UYCSingleContentBlockLastChildMarginBottom128: 67px;
		--UYCFooterBlockRowGap32: 32px;
		--UYCMapLeftSideBarWidth294: 100%;
		--UYCSideBarWithEventsLeftJS: -100%;
		--UYCYCPublicPagePossAccrodionHeight: 96px;
		--UYCBigSideBarWidth584: initial;
		--UYC2ColsWidth23ForSlider: 320px;
		--UYCLargeEditorMaxWidth: 100%;
		--UYCLargeEditorWidth: 100%;
		--UYCNewSingleContentBlockPadding64: 48px;
		--UYC1ColBasicWidth380: 320px;
	}
	.devBack { background-image: URL('!pageBackground4.png'); }
	.mapLeftSideBar { position: absolute; }
	.mapSearchBlock .simpleInputBlock { flex-grow: 0; width: calc(100% - var(--UYCMapLeftSideBarWidth294) - var(--UYCSideBarWithEventsLeftJS) + 4px); }
	.hidebleSearchElement { display: flex; }
	.heroMessage { font-size: 30px; line-height: 36px; letter-spacing: -0.015em; }
	.mainHeaderFont { font-size: 30px; line-height: 36px; }
	.wholeTiles3 { grid-template-columns: 1fr; }
	.wholeTiles4 { grid-template-columns: 1fr 1fr; }
	.primaryButton:not(.mapLeftSideBar button), .upperMenuCanvasContainer .primaryButton, .secondaryButton:not(.mapLeftSideBar button) { width: 100%; padding-left: 12px; padding-right: 12px; }
	.heroBannerSingleStatHeader { font-size: 38px; line-height: 40px; }
	.singleContentBlockHeader { font-size: 30px; line-height: 36px; }
	.tabActive { padding-bottom: 6px; margin-bottom: 1px; }
	#publicYCPage .tabActive { padding-bottom: 3px; margin-bottom: 4px; }
	.heroButtons { flex-wrap: wrap; }
	.menuBarBlock { column-gap: 8px; }
	.heroBanner { flex-direction: column; padding: 32px 40px; }
	.heroBannerSingleStat { width: 100%; }
	.heroBannerSingleStat:not(:last-child) { border-left: none; border-bottom: 1px solid var(--UYCColorBlack); padding-bottom: 31px; }
	.heroBannerSingleStat:not(:first-child) { padding-top: 31px; }
	.heroBannerSingleStat:last-child { border-left: none; border-right: none; }
	.singleNewsTile .tileMainText { margin-bottom: 8px; }
	.fullWidthContainer:last-child .secondaryButton:not(.smallButton), .columns23of3 .secondaryButton { margin-top: -8px; } /* Не дуже добре ось це ":not(.smallButton)". Цей маржин додавался для блоків новин та публікацій, після яких йде секондарі кнопка чомусь зсунута догори на мобільних. Але вона ж, виявилось, застосовується в сайдбарі фільтрів мапи. Тому така дічь. */
	.contentBlockDescription { width: 100%; }
	.footerSecondaryLinks { flex-direction: column; }
	/* .upperMenuCanvasContainer { height: 100vh; } */
	/*.upperMenuCanvasContainer>div>div:first-child { flex-grow: 1; } */
	.bigSideBar { height: 100%; max-height: 100%; margin-top: 0px; width: 100vw; border-radius: 0px; align-self: initial; }
	.bigSideBarHeader { padding: 12px 12px 12px 16px; }
	.bigSideBarMainContent { padding: 48px 10px; max-width: 100%; }
	.bigSideBarBottomBlock { padding: 16px 10px; flex-wrap: wrap; }
	.eventDetailed { margin-left: 0px; margin-top: 0px; height: 100%; box-shadow: none; border-radius: initial; }
	.eventDetailedTopBar { min-height: 64px; }
	.pageHeader { font-size: 30px; line-height: 36px; margin-bottom: calc(var(--UYCPageHeaderBottomMarginPadding51) * -1 + 44px); padding-bottom: calc(var(--UYCPageHeaderBottomMarginPadding51) - 14px); }
/*	#publicYCPage .singleContentBlock { row-gap: 48px; } */
	#publicYCPage .singleContentBlock:first-child { margin-top: 22px; }
	#publicYCPage .column1of3 h2 { font-size: 30px; line-height: 36px; }
	#publicYCPage .columns23of3 { row-gap: 34px; }
	.sliderAndEquipmentContainer .subTabSwitcher { width: 330px; margin-top: 1px; align-items: flex-start; }
	.sliderContent { height: 300px; }
	.sliderFullBlock { row-gap: 10px; margin-bottom: -9px; }
	.ycContactsSocials { margin-top: 8px; }
	.accordionBlockContentCover { flex-basis: 292px; height: 292px; margin-top: 26px; margin-bottom: 24px; }
	.ycPageEventTile { flex-direction: column; row-gap: 17px; }
	.ycPageEventTileDateTime { flex-basis: initial; }
	.ycPageEventTileDescription { flex-basis: initial; row-gap: 9px; }
	.centerSectionHeader { font-size: 30px; line-height: 36px; margin-bottom: 12; }
	.inputAndButtonRow {flex-wrap: wrap; margin-bottom: 16px;}
	.formBlock {padding: 24px 24px; }
	.contextPopup>div { white-space: initial; }
	.moderatorTableHeader, .moderatorTableRow {flex-wrap: wrap;}
	.moderatorTableRow>div {padding: 8px 12px 8px 12px; border-bottom: 1px dotted var(--UYCColorBlack10); flex-grow: 1; }
	.moderatorTableHeader>div {padding: 10px 12px 10px 12px; flex-grow: 1; }
	.inputGroupRow { flex-wrap: wrap; }
	.bigSideBarItem { width: 80%; }
	.equipmentTableHeader, .equipmentTableRow { flex-wrap: wrap; }
	.equipmentTableRow>div, .equipmentTableHeader>div { border-bottom: 1px dotted var(--UYCColorBlack10); }
	.fullWidthSpaceBetween { flex-wrap: wrap; }
	.newHeaderMessagesBlock { flex-wrap: wrap; }
	.accordionBlockHeader>h4 { font-size: 16px; }
	.input7-10 { flex-wrap: wrap; }
	.bigSideBarBottomBlock .primaryButton { max-width: initial; }
	.sidebarImgWrap .sidebarImg { width: calc(50% - 9px); max-height: calc((50vw - 9px) / 219 * 136); }
/*	.singleContentBlock { width: 340px; }      */
}
@media (max-width: 359px) {
	body { transform: scaleX(0.71); }
}