@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Sofia+Sans+Extra+Condensed:regular,500,600,700,800,900&display=swap&subset=cyrillic-ext";
@import "https://fonts.googleapis.com/css?family=Ponomar:regular&display=swap&subset=cyrillic-ext";

@font-face {
	font-family: icon-set;
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url(../fonts/icon-set.eot) format("eot"), url(../fonts/icon-set.woff) format("woff"), url(../fonts/icon-set.woff2) format("woff2"), url(../fonts/icon-set.ttf) format("truetype")
}

@font-face {
	font-family: trebuchetms;
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url(../fonts/trebuchetms.eot) format("eot"), url(../fonts/trebuchetms.woff) format("woff"), url(../fonts/trebuchetms.woff2) format("woff2"), url(../fonts/trebuchetms.ttf) format("truetype")
}

html {
	font-size: 62.5%;
	font-family: Sofia Sans Extra Condensed, sans-serif;
	font-style: normal;
	font-weight: 400;
	counter-reset: heading;
	height: 100%;
	color: #09091b;
	letter-spacing: 1.1px
}

body {
	scrollbar-width: none;
	overscroll-behavior: none;
	font: 2rem/2 Sofia Sans Extra Condensed, sans-serif;
	background: #fff
}

body.no-scroll {
	overflow: hidden
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: none;
	-webkit-tap-highlight-color: transparent
}

img, svg {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 100%;
	max-width: none;
	height: auto;
	vertical-align: top
}

a {
	cursor: pointer;
	color: inherit;
	text-decoration: none
}

a:hover {
	text-decoration: none;
	vertical-align: baseline;
	background-color: transparent
}

a:focus {
	text-decoration: none
}

a:visited {
	-webkit-text-emphasis-style: none;
	text-emphasis-style: none;
	vertical-align: middle
}

h2, h3 {
	font-family: Ponomar, sans-serif
}

input, button, textarea {
	border: none
}

input::-moz-placeholder, button::-moz-placeholder, textarea::-moz-placeholder {
	-moz-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out
}

input::placeholder, button::placeholder, textarea::placeholder {
	transition: opacity .3s ease-in-out
}

button, input[type=submit] {
	cursor: pointer;
	display: inline-block;
	background: transparent none;
	box-shadow: none
}

input::-ms-clear {
	display: none
}

input, textarea, button, select {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background-color: transparent
}

input:focus, input:active, button:focus, button:active {
	outline: none
}

input:focus, textarea:focus {
	outline: none
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
	opacity: 0
}

input:focus::placeholder, textarea:focus::placeholder {
	opacity: 0
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

label {
	cursor: pointer
}

a:focus, a:active, input:focus, textarea:focus {
	outline: none
}

ul, ol, li {
	list-style: none
}

h1, h2, h3, h4, h5, h6 {
	font-weight: inherit;
	font-style: inherit
}

::-moz-selection {
	color: #9b9999;
	text-shadow: 0 1px 0 #000;
	background-color: #0054633f
}

::selection {
	color: #9b9999;
	text-shadow: 0 1px 0 #000;
	background-color: #0054633f
}

::-webkit-scrollbar {
	width: .5rem;
	height: 0.5rem;
	padding: .031em;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

::-webkit-scrollbar-track {
	opacity: 0;
	background: var(--scrollbar-thumb-bgcolor)
}

::-webkit-scrollbar-thumb {
	cursor: pointer;
	border-radius: 2px;
	background-color: var(--themes-color)
}

::-webkit-scrollbar-thumb:hover {
	opacity: 1;
	background-color: var(--background-thumb);
	-webkit-transition: background-image .4s ease-in-out;
	transition: background-image .4s ease-in-out
}

.news-content__text a, .navigation-footer__item-list a, .menu-items__link-key {
	position: relative;
	transition: color .3s ease-in-out
}

.news-content__text a:before, .navigation-footer__item-list a:before, .menu-items__link-key:before {
	content: "";
	position: absolute;
	bottom: 0;
	transform: scaleX(0);
	width: 100%;
	height: 1px;
	opacity: .6;
	background-color: #503c2a;
	transition: transform .3s ease-in-out
}

.news-content__text a:after, .navigation-footer__item-list a:after, .menu-items__link-key:after {
	bottom: 0;
	left: 0
}

.news-content__text a:hover:before, .navigation-footer__item-list a:hover:before, .menu-items__link-key:hover:before {
	transform: scaleX(1)
}

.news-content__text a:hover a, .navigation-footer__item-list a:hover a, .menu-items__link-key:hover a {
	opacity: 1
}

.gallery__card, .info-content__row {
	background: #f7f4f16e;
	backdrop-filter: blur(8px)
}

.gallery__card, .info-content__row {
	box-shadow: 0 0 6px 1px #e6d8cc
}

.box-shadow, .header.with-border {
	backdrop-filter: blur(10px);
	box-shadow: 0 1px 7px #a08973
}

.gradient-border-bottom, .header:after {
	background-image: linear-gradient(to left top, rgba(205, 215, 238, .61) 25%, transparent 75%)
}

.gradient-services, .preloader {
	background-image: linear-gradient(to right, #050202 20%, #1c153f, #050202 80%)
}

.page__menu-list {
	pointer-events: none;
	position: fixed;
	z-index: 18;
	top: 0;
	left: 0;
	height: 100vh;
	transition: all .3s ease-in-out;
	width: 320px;
	max-width: 320px;

}

.page__header {
	position: fixed;
	z-index: 17;
	top: 0;
	left: 0;
	width: 100%;
	height: 8rem
}

.page__main-content {
	position: relative;
	z-index: 8;
	inset: 0;
	width: 100%;
	height: 100%
}

.main-content__bread-crumbs {
	padding-top: 9rem
}

.main-content__about-page {
	position: relative;
	height: 100%
}

.main-content__about {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	min-height: 100vh
}

.main-content__items {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 6rem;
	background: #fff
}

.main-content__section {
	position: relative;
	z-index: 1;
	width: 100%;
}

.main-content__footer {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #e6d9cd;
	box-shadow: 0 0 6px 1px #e6d8cc
}

@keyframes fade-background {
	0% {
		background: #1c153f
	}
	to {
		background: #09091b
	}
}

@keyframes expand-height {
	0% {
		transform: translate(-50%, -50%) scaleX(0);
		width: 0;
		height: 2px
	}
	50% {
		transform: translate(-50%, -50%) scaleX(1);
		width: 100%;
		height: 2px
	}
	to {
		transform: translate(-50%, -50%) scaleX(1);
		width: 100%;
		height: 100%
	}
}

@keyframes collapse-width {
	0% {
		transform: translate(-50%, -50%) scaleX(1);
		width: 100%;
		height: 100%
	}
	50% {
		transform: translate(-50%, -50%) scaleX(1);
		width: 100%;
		height: 2px
	}
	to {
		transform: translate(-50%, -50%) scaleX(0);
		width: 0;
		height: 2px
	}
}

.swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .main-slide__title {
	opacity: 0 !important;
	transition: opacity .9s ease-in-out
}

.swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .main-slide__text {
	opacity: 0 !important;
	transition: opacity .9s ease-in-out
}

.title {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column
}

.title h2 {
	font: 44px Ponomar, sans-serif;
	font-weight: 400;
	text-shadow: 1px 1px 3px rgb(80, 60, 42);
	text-transform: uppercase;
	background: linear-gradient(#09091b, #000000f5);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent
}

.title.title--left {
	text-align: left;
}

.title.title--center {
	text-align: center;
}

.title.title--right {
	text-align: right;
}

.title h2 span {
	display: block;
	line-height: 1.1
}

.title__text {
	z-index: 1;
	display: flex;
	flex-flow: column wrap;
	align-items: end;
	height: 100%;
	padding: 2rem 0 0 1rem;
	font-family: Sofia Sans Extra Condensed, sans-serif;
	font-size: 2.2rem;
	line-height: 135%;
	text-shadow: none
}

.title__text p {
	margin-bottom: 1rem
}

.title__text span {
	display: inline-block;
	font-size: 2rem;
	line-height: 1.1;
	color: #503c2a;
	text-align: left;
	text-shadow: none;
	-webkit-background-clip: text;
	background-clip: text
}

.title__text span:not(:last-child) {
	margin-bottom: 1rem
}

.return-button {
	cursor: pointer;
	position: fixed;
	z-index: 13;
	top: 50%;
	right: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 65px;
	margin-top: -17px;
	border-radius: 4px;
	background: #f2ebe4;
	box-shadow: 0 0 3px #503c2a
}

.return-button i:before {
	font-weight: 400;
	text-shadow: none
}

.return-button__arrow {
	pointer-events: none;
	position: relative;
	display: flex;
	justify-content: center;
	width: 35px;
	height: 35px;
	font-size: 3.8rem;
	color: #503c2a;
	background: transparent;
	transition: all .5s ease-in-out
}

.return-button__arrow img {
	width: 20px;
	height: 100%
}

.return-button__arrow:hover {
	animation: fadeInBackground
}

.return-button._rotate .return-button__arrow {
	scale: -1
}

.checkbox._error .checkbox__label:before {
	box-shadow: 0 0 14px 3px #f16666
}

.checkbox__input {
	display: none
}

.checkbox__input:checked + .checkbox__label .icon-angle-down {
	scale: 1;
	display: block;
	opacity: 1
}

.checkbox__checked {
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 140%
}

.button {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	padding: .5rem 6rem;
	border-radius: 5px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase
}

.button span {
	pointer-events: none;
	display: block;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: 1;
	transition: opacity .9s ease-in-out
}

.button .running-line {
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: .5rem
}

.button .running-line__inner {
	position: relative;
	transform: translate3d(calc(-25% + 1rem), 0, 0);
	display: flex;
	width: -moz-fit-content;
	width: fit-content;
	opacity: 0;
	transition: opacity .9s ease-in-out
}

.button .running-line__inner span {
	white-space: nowrap
}

@keyframes lineMarquee {
	0% {
		transform: translate3d(calc(-25% + 1rem), 0, 0)
	}
	to {
		transform: translate3d(calc(-50% + 1rem), 0, 0)
	}
}

.hr-shelf {
	position: relative;
	z-index: 11;
	display: flex;
	flex: 1 1 auto;
	justify-content: end;
	width: auto;
	height: 39px;
	opacity: .4
}

.hr-shelf__content {
	width: 100%;
	height: 40px;
	-o-object-fit: none;
	object-fit: none;
	background: url(img/frame/hr.png) repeat left
}

.bg-grad {
	pointer-events: none;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, transparent 50%, rgb(230, 217, 205), rgb(230, 217, 205)) left
}

.hidden {
	overflow: hidden
}

.bg-top, .bg-bottom {
	pointer-events: none;
	position: absolute;
	z-index: 1;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 45%;
	text-align: right
}

.bg-top {
	top: 0;
	background-image: linear-gradient(rgb(255, 255, 255), transparent 70%)
}

.link_underline {
	position: relative;
	transition: color .3s ease-in-out
}

.link_underline:before {
	content: "";
	position: absolute;
	bottom: 0;
	transform: scaleX(0);
	width: 100%;
	height: 1px;
	opacity: .6;
	background-color: #503c2a;
	transition: transform .3s ease-in-out
}

.link_underline:after {
	bottom: 0;
	left: 0
}

.link_underline:hover:before {
	transform: scaleX(1)
}

.link_underline:hover a {
	opacity: 1
}

.header {
	position: relative;
	z-index: 9;
	display: flex;
	align-items: center;
	width: 100%;
	font-family: Sofia Sans Extra Condensed, sans-serif;
	font-weight: 500;
	color: #503c2a;
	text-shadow: none;
	background: transparent
}

.header:before {
	content: "";
	position: absolute;
	z-index: 7;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: #e6d9cd;
	background-position: 0 0;
	background-size: 111% 200%;
	transition: opacity .5s ease-in-out;
	animation: fadeOutGradient .5s ease-in-out alternate-reverse
}

.header:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	transition: all .7s ease-in-out
}

.header.with-border {
	transition: all .5s ease-in-out
}

.header.with-border:before {
	opacity: 1;
	animation: fadeInGradient 1.9s ease-in-out forwards
}

.header.with-border:after {
	z-index: 9;
	width: 100%
}

.header__search {
	position: relative;
	z-index: 8;
	display: grid;
	grid-template-rows:0fr;
	text-align: center;
	transition: grid-template-rows .3s ease-in-out
}

.header__collapse {
	overflow: hidden;
	min-height: 0
}

.header__container {
	width: 100%
}

.header__container._active .header__search {
	grid-template-rows:1fr
}

.header__container._active .menu-items__search-button ._search {
	scale: 0;
	opacity: 0
}

.header__container._active .menu-items__search-button ._cross-middle {
	scale: 1;
	opacity: 1
}

.header__burger-button {
	transform: translateY(-1px)
}

.header__burger-button .hamburger {
	transition: opacity .5s ease-in
}

.header__burger-button .hamburger.is-active {
	opacity: 0
}

.header__content {
	position: relative;
	z-index: 8;
	display: flex;
	gap: 4rem;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 8rem
}

.header__logo-wrapper {
	display: flex;
	align-items: center;
	padding: 10px 0
}

.header__logo-wrapper:hover .header__text {
	transform: translateY(2px);
	opacity: .8
}

.header__column {
	height: 100%
}

.header__column:nth-child(1) {
	display: flex;
	align-items: center
}

.header__logo img {
	width: 100%;
	width: 7rem;
	max-width: none;
	height: 100%;
	height: 7rem;
	margin-left: -10px;
	-o-object-fit: contain;
	object-fit: contain
}

.header__text {
	display: flex;
	align-items: flex-end;
	margin-left: 1rem;
	font-size: 24px;
	line-height: 1;
	color: #503c2a;
	text-transform: uppercase;
	transition: opacity .3s, transform .3s ease-in-out
}

.header__text span {
	z-index: -1;
	font-weight: 600;
	opacity: 1
}

@media screen and (max-width: 425px) {
	.header__text span span {
		font-size: 13px
	}
}

.header__link-key {
	text-shadow: none
}

.header__link-key:hover span {
	opacity: .7;
	transition: opacity .3s ease-in-out
}

.menu-items {
	display: flex;
	gap: 1.6rem;
	align-items: center
}

.menu-items__menu {
	display: flex;
	gap: 1rem;
	align-items: center;
	height: 100%
}

@media (max-width: 768px) {
	.menu-items__menu {
		display: none
	}
}

@media not (max-width: 768px) {
	.menu-items__button {
		display: none
	}
}

.menu-items__search {
	display: flex;
	align-items: center;
	height: 100%
}

.menu-items__search-button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.8rem;
	height: 3.8rem;
	padding: .6rem;
	border: 1px solid #503c2a;
	border-radius: 50%;
	clip-path: inset(25% 0 25% 0);
	transition: opacity .3s, scale .3s ease-in-out
}

.menu-items__search-button:hover {
	scale: 1.1
}

.menu-items__search-button ._search, .menu-items__search-button ._cross-middle {
	pointer-events: none;
	position: absolute;
	color: #503c2a;
	transition: opacity .4s, scale .4s ease-out
}

.menu-items__search-button ._search {
	transform: translate(1px, 1px);
	font-size: 2.2rem
}

.menu-items__search-button ._cross-middle {
	scale: 0;
	font-size: 2.6rem;
	opacity: 0
}

.menu-items__list {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	display: flex;
	align-items: center;
	height: 100%;
	text-transform: uppercase;
	transition: all .4s ease 0s
}

@media (max-width: 768px) {
	.menu-items__list {
		flex-direction: column;
		align-items: start;
		height: auto;
		padding-bottom: 2rem;
		border-bottom: 1px solid rgba(125, 94, 66, .397)
	}
}

.menu-items__item {
	position: relative
}

.menu-items__item span {
	white-space: nowrap
}

.menu-items__item:not(:last-child) {
	margin-right: 1.6rem
}

@media (max-width: 768px) {
	.menu-items__item {
		width: 100%;
		margin-left: 2rem;
		padding: 1rem 0
	}

	.menu-items__item:not(:last-child):after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: linear-gradient(to right, rgba(100, 100, 100, .357), transparent)
	}
}

@keyframes fadeOutGradient {
	to {
		background-position: 100% 0
	}
}

.footer__body {
	padding: 6rem 0 0
}

@media (max-width: 690px) {
	.footer__body {
		padding: 4rem 0 0
	}
}

.footer__content {
	display: grid;
	grid-template-columns:minmax(300px, 390px) max-content auto;
	gap: 2rem;
	justify-content: space-between
}

@media screen and (max-width: 860px) {
	.footer__content {
		grid-template-columns:calc(190px + .125 * (100vw - 320px)) 1fr
	}
}

@media (max-width: 690px) {
	.footer__content {
		grid-template-columns:1fr
	}
}

.footer__column {
	position: relative;
	width: 100%
}

.footer__column:not(:first-child) {
	padding-left: 2rem
}

.footer__column:nth-child(1) {
	grid-column: 1/2;
	height: 100%;
	padding: 0
}

@media screen and (max-width: 320px) {
	.footer__column:nth-child(1) {
		min-width: 150px
	}
}

.footer__column:nth-child(2) {
	grid-column: 2/3
}

@media (max-width: 620px) {
	.footer__column:nth-child(2) {
		grid-column: 1/2;
		padding-left: 0
	}
}

.footer__column:nth-child(3) {
	grid-column: 3/4;
	margin-top: 3rem
}

@media screen and (max-width: 860px) {
	.footer__column:nth-child(3) {
		grid-column: 1/3;
		padding-left: 0
	}
}

@media (max-width: 620px) {
	.footer__column:nth-child(3) {
		grid-column: 1/2
	}
}

.footer__column:nth-child(4) {
	grid-column: 1/4;
	justify-self: end
}

@media screen and (max-width: 860px) {
	.footer__column:nth-child(4) {
		grid-column: 1/3
	}
}

@media (max-width: 620px) {
	.footer__column:nth-child(4) {
		grid-column: 1/2
	}
}

.footer__title {
	width: 100%;
	font-family: Ponomar, sans-serif;
	font-size: 86px
}

.footer__title h2 {
	font-weight: 400;
	line-height: 100%;
	text-transform: uppercase
}

.footer__title h2 span {
	display: block;
	text-shadow: 1px 1px 3px rgb(80, 60, 42);
	letter-spacing: -2px;
	white-space: nowrap;
	background: linear-gradient(#09091b, #000000f5);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent
}

.footer__title h2 span:nth-child(2) {
	transform: translateY(-3px)
}

.footer__text {
	font-size: 20px;
	text-shadow: 0 0 2px rgba(0, 0, 0, .2941176471)
}

.footer__text span {
	white-space: nowrap
}

.footer__text p {
	font-weight: 400;
	line-height: 1.2
}

@media screen and (max-width: 375px) {
	.footer__text {
		font-size: 14px
	}
}

.footer__contacts:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #7d5e4265 0, #fff0)
}

.footer__item {
	line-height: 1.2
}

.footer__item span {
	font-weight: 700;
	white-space: nowrap
}

@media screen and (max-width: 860px) {
	.footer__item:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		margin-top: -2rem;
		background: linear-gradient(90deg, #7d5e4265 0, #fff0)
	}
}

.footer__copyright {
	padding: 2rem 0;
	text-align: center
}

.footer__hr {
	display: flex;
	flex-direction: column;
	align-items: center
}

.footer__hr p {
	margin-top: -2rem;
	padding-bottom: 1rem;
	font-weight: 600;
	color: #503c2a
}

@media (max-width: 620px) {
	.footer__hr p {
		margin-top: -1rem
	}
}

.contacts__items {
	display: flex;
	gap: 2rem;
	justify-content: center
}

.contacts__column {
	display: flex;
	gap: 2rem;
	align-items: center;
	justify-content: center;
	width: 100%
}

.contacts__column:nth-child(2) {
	width: -moz-fit-content;
	width: fit-content;
	text-transform: lowercase;
	opacity: .3
}

.contacts__column:nth-child(2) .contacts__item a {
	display: block;
	text-decoration: line-through
}

.contacts__item {
	font-size: 32px;
	white-space: nowrap
}

@media screen and (max-width: 320px) {
	.contacts__item {
		font-size: 18px
	}
}

.contacts__link:before, .contacts__link:after {
	color: #09091b
}

.contacts__link:hover {
	color: #503c2a
}

.navigation-footer__body {
	display: flex;
	gap: 3rem
}

@media screen and (max-width: 375px) {
	.navigation-footer__body {
		gap: 2rem
	}
}

.navigation-footer__title {
	position: relative;
	margin-bottom: 1rem;
	padding-bottom: .3rem;
	line-height: 1;
	text-transform: uppercase
}

.navigation-footer__title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #7d5e4265 0, #fff0)
}

.navigation-footer__item-list a {
	display: inline;
	transition: color .4s ease
}

.navigation-footer__item-list a:hover {
	color: #503c2a
}

.navigation-footer__item-list {
	line-height: 1.2;
	white-space: nowrap
}

.navigation-footer__item-list:not(:last-child) {
	margin-bottom: .1rem
}

@font-face {
	font-family: icon-set;
	font-weight: 400;
	font-style: normal;
	font-display: block;
	src: url(/fonts/icon-set.eot?1q423w);
	src: url(/fonts/icon-set.eot?1q423w#iefix) format("embedded-opentype"), url(../fonts/icon-set.ttf?1q423w) format("truetype"), url(../fonts/icon-set.woff?1q423w) format("woff"), url(../fonts/icon-set.svg?1q423w#icon-set) format("svg")
}

[class^=icon-]:before, [class*=" icon-"]:before {
	font-family: icon-set !important;
	font-feature-settings: "liga";
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	font-variant-ligatures: discretionary-ligatures;
	line-height: 1;
	text-transform: none;
	letter-spacing: 0
}

.icon-scroll-auto:before {
	content: ""
}

.icon-scrol-horizontal:before {
	content: ""
}

.icon-horizontal-scroll-hand:before {
	content: ""
}

.icon-snow:before {
	content: ""
}

.icon-whatsapp:before {
	content: ""
}

.icon-vk-brand:before {
	content: ""
}

.icon-telegram-fly:before {
	content: ""
}

.icon-sun:before {
	content: ""
}

.icon-unlink:before {
	content: ""
}

.icon-arow-down:before {
	content: ""
}

.icon-angle-left:before {
	content: ""
}

.icon-angle-right:before {
	content: ""
}

.icon-angle-up:before {
	content: ""
}

.icon-angle-down:before {
	content: ""
}

.icon-volume-control-phone:before {
	content: ""
}

.icon-cross-middle:before {
	content: ""
}

.icon-phone-ringing:before {
	content: ""
}

.icon-git-hub-circle:before {
	content: ""
}

.icon-angles-left-solid:before {
	content: ""
}

.icon-angles-right-solid:before {
	content: ""
}

.icon-angles-up-solid:before {
	content: ""
}

.icon-angles-down-solid:before {
	content: ""
}

.icon-contacts:before {
	content: ""
}

.icon-search:before {
	content: ""
}

.icon-plus:before {
	content: ""
}

.icon-check:before {
	content: ""
}

.icon-file-download:before {
	content: ""
}

.preloader {
	position: fixed;
	z-index: 999;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000
}

.preloader__loader {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	border: 3px solid #fff;
	border-radius: 50%;
	animation: rotation 1s linear infinite
}

.preloader__loader:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	width: 56px;
	height: 56px;
	border: 3px solid;
	border-color: #ff3d00 transparent;
	border-radius: 50%
}

.preloader-remove {
	display: none
}

@keyframes rotation {
	0% {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}

.burger-button {
	cursor: pointer
}

.burger-button__line {
	display: block;
	width: 40px;
	height: 4px;
	margin: 6px auto;
	background-color: #503c2a;
	transition: all .3s ease-in-out
}

.burger-button.is-active .burger-button__line {
	background-color: #503c2a
}

.burger-button.is-active .burger-button__line:nth-child(1) {
	transform: translateY(10px)
}

.burger-button.is-active .burger-button__line:nth-child(3) {
	transform: translateY(-10px)
}

:root {
	--swiper-scrollbar-top: auto;
	--swiper-scrollbar-bg-color: rgb(0 0 0 / 10%);
	--swiper-scrollbar-drag-bg-color: rgb(0 0 0 / 50%);
	--swiper-scrollbar-size: .4rem;
	--swiper-scrollbar-bottom: .4rem;
	--swiper-scrollbar-sides-offset: 1%;
	--swiper-scrollbar-border-radius: 1rem;
	--swiper-theme-color: rgb(230, 217, 205);
	--swiper-navigation-color: rgb(255, 255, 255);
	--swiper-virtual-size: inherit;
	--swiper-navigation-size: 3rem;
	--swiper-pagination-color: #f65e38;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-size: 1.2rem;
	--swiper-pagination-bullet-border-radius: 50%;
	--swiper-pagination-bullet-inactive-opacity: .4;
	--swiper-pagination-bullet-inactive-color: rgb(0 0 0);
	--swiper-pagination-bullet-width: 1.2rem;
	--swiper-pagination-bullet-height: 1.2rem;
	--swiper-pagination-top: 50%;
	--swiper-pagination-bottom: .5rem;
	--swiper-pagination-bullet-horizontal-gap: 1.2rem;
	--swiper-transition-opacity: .9s;
	--swiper-pagination-progressbar-bg-color: rgb(0 0 0 / 25%);
	--swiper-pagination-bullet-vertical-gap: 6px;
	--swiper-pagination-progressbar-size: 4px;
	--swiper-pagination-right: 8px;
	--swiper-navigation-sides-offset: 4px;
	--swiper-navigation-top-offset: 50%;
	--swiper-pagination-left: auto;
	--swiper-pagination-fraction-color: inherit
}

:root {
	--swiper-theme-color: rgb(230, 217, 205)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d {
	perspective: 1200px
}

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

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

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

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

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

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

.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
	margin-inline-end: var(--swiper-slides-offset-after)
}

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

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

.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
	margin-block-end: var(--swiper-slides-offset-after)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
	pointer-events: none;
	content: "";
	position: absolute;
	top: 0;
	left: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
	width: var(--swiper-virtual-size);
	height: 1px
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
	width: 1px;
	height: var(--swiper-virtual-size)
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-prev, .swiper-button-next {
	cursor: pointer;
	position: absolute;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--swiper-navigation-size);
	height: var(--swiper-navigation-size);
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
	pointer-events: none;
	cursor: auto;
	opacity: .35
}

.swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden {
	pointer-events: none;
	cursor: auto;
	opacity: 0
}

.swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next {
	display: none !important
}

.swiper-button-prev ::slotted(svg), .swiper-button-prev svg, .swiper-button-next ::slotted(svg), .swiper-button-next svg {
	pointer-events: none;
	transform-origin: center;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	fill: currentcolor
}

.swiper-button-lock {
	display: none
}

.swiper-button-prev, .swiper-button-next {
	top: var(--swiper-navigation-top-offset, 50%);
	margin-top: calc(0px - var(--swiper-navigation-size) / 2)
}

.swiper-button-prev {
	right: auto;
	left: var(--swiper-navigation-sides-offset, 4px)
}

.swiper-button-prev ::slotted(.swiper-navigation-icon), .swiper-button-prev .swiper-navigation-icon {
	transform: rotate(180deg)
}

.swiper-button-next {
	right: var(--swiper-navigation-sides-offset, 4px);
	left: auto
}

.swiper-horizontal .swiper-button-prev, .swiper-horizontal .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next {
	top: var(--swiper-navigation-top-offset, 50%);
	margin-top: calc(0px - var(--swiper-navigation-size) / 2);
	margin-left: 0
}

.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next {
	right: auto;
	left: var(--swiper-navigation-sides-offset, 4px)
}

.swiper-horizontal .swiper-button-next, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 4px);
	left: auto
}

.swiper-horizontal .swiper-button-prev ::slotted(.swiper-navigation-icon), .swiper-horizontal .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal ~ .swiper-button-prev ::slotted(.swiper-navigation-icon), .swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl .swiper-button-next ::slotted(.swiper-navigation-icon), .swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-next ::slotted(.swiper-navigation-icon), .swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon {
	transform: rotate(180deg)
}

.swiper-horizontal.swiper-rtl .swiper-button-prev ::slotted(.swiper-navigation-icon), .swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev ::slotted(.swiper-navigation-icon), .swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
	transform: rotate(0)
}

.swiper-vertical .swiper-button-prev, .swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-prev, .swiper-vertical ~ .swiper-button-next {
	right: auto;
	left: var(--swiper-navigation-top-offset, 50%);
	margin-top: 0;
	margin-left: calc(0px - var(--swiper-navigation-size) / 2)
}

.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev {
	top: var(--swiper-navigation-sides-offset, 4px);
	bottom: auto
}

.swiper-vertical .swiper-button-prev ::slotted(.swiper-navigation-icon), .swiper-vertical .swiper-button-prev .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-prev ::slotted(.swiper-navigation-icon), .swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon {
	transform: rotate(-90deg)
}

.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next {
	top: auto;
	bottom: var(--swiper-navigation-sides-offset, 4px)
}

.swiper-vertical .swiper-button-next ::slotted(.swiper-navigation-icon), .swiper-vertical .swiper-button-next .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-next ::slotted(.swiper-navigation-icon), .swiper-vertical ~ .swiper-button-next .swiper-navigation-icon {
	transform: rotate(90deg)
}

.swiper-pagination {
	position: absolute;
	z-index: 10;
	transform: translateZ(0);
	text-align: center;
	transition: .3s opacity
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
	display: none !important
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
	top: var(--swiper-pagination-top, auto);
	bottom: var(--swiper-pagination-bottom, 8px);
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	position: relative;
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	display: inline-block;
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
	background: var(--swiper-pagination-bullet-inactive-color, #000)
}

.swiper-pagination-bullet button {
	margin: 0;
	padding: 0;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
	top: 50%;
	right: var(--swiper-pagination-right, 8px);
	left: var(--swiper-pagination-left, auto);
	transform: translate3d(0, -50%, 0)
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
	display: block;
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform, .2s top
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 8px var(--swiper-pagination-bullet-horizontal-gap)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translate(-50%);
	white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
	position: absolute;
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25))
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: left top;
	transform: scale(0);
	width: 100%;
	height: 100%;
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
	top: 0;
	left: 0;
	width: 100%;
	height: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
	top: 0;
	left: 0;
	width: var(--swiper-pagination-progressbar-size, 4px);
	height: 100%
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	touch-action: none;
	position: relative;
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	z-index: 50;
	top: var(--swiper-scrollbar-top, auto);
	bottom: var(--swiper-scrollbar-bottom, 4px);
	left: var(--swiper-scrollbar-sides-offset, 1%);
	width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
	height: var(--swiper-scrollbar-size, 4px)
}

.swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {
	position: absolute;
	z-index: 50;
	top: var(--swiper-scrollbar-sides-offset, 1%);
	right: var(--swiper-scrollbar-right, 4px);
	left: var(--swiper-scrollbar-left, auto);
	width: var(--swiper-scrollbar-size, 4px);
	height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5))
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center
}

.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	touch-action: none;
	cursor: move
}

.swiper .swiper-notification {
	pointer-events: none;
	position: absolute;
	z-index: -1000;
	top: 0;
	left: 0;
	opacity: 0
}

.swiper-free-mode > .swiper-wrapper {
	margin: 0 auto;
	transition-timing-function: ease-out
}

.swiper-grid > .swiper-wrapper {
	flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
	flex-flow: column wrap
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper.swiper-cube {
	overflow: visible
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	z-index: 1;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	backface-visibility: hidden
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .6
}

.swiper-cube .swiper-cube-shadow:before {
	content: "";
	position: absolute;
	inset: 0;
	background: #000;
	filter: blur(50px)
}

.swiper-cube .swiper-slide-next + .swiper-slide {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
	z-index: 0;
	backface-visibility: hidden
}

.swiper.swiper-flip {
	overflow: visible
}

.swiper-flip .swiper-slide {
	pointer-events: none;
	z-index: 1;
	backface-visibility: hidden
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
	z-index: 0;
	backface-visibility: hidden
}

.swiper-creative .swiper-slide {
	overflow: hidden;
	backface-visibility: hidden;
	transition-property: transform, opacity, height
}

.swiper.swiper-cards {
	overflow: visible
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	overflow: hidden;
	backface-visibility: hidden
}

.menu-list {
	position: fixed;
	z-index: 19;
	top: 0;
	right: 0;
	transform: translate(115%);
	width: auto;
	height: 100vh;
	box-shadow: -2px 3px 7px #e6d9cd;
	transition: transform .3s cubic-bezier(.7, -.955, .55, 1.55)
}

@media screen and (max-width: 320px) {
	.menu-list {
		width: 100%
	}
}

.menu-list._open-list {
	transform: translate(0);
	transition: transform .3s ease-in
}

.menu-list__header {
	pointer-events: all;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	border-bottom: 1px solid rgba(125, 94, 66, .397);
	text-align: right
}

.menu-list__body {
	pointer-events: all;
	position: relative;
	width: 100%;
	height: 100%;
	background: linear-gradient(136deg, #fff, #e6d9cd, #e6d9cd)
}

.menu-list__content {
	position: relative;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: calc(100% - 8rem);
	padding: 2rem
}

.menu-list__content .frame-container {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-image-outset: 7px
}

.menu-list__title {
	display: flex;
	gap: 1.6rem;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 8rem;
	padding: 2.5rem 2rem
}

.menu-list__title h3 {
	width: auto;
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 1.1;
	color: #503c2a;
	text-align: left;
	text-shadow: none
}

.menu-list__list {
	pointer-events: all;
	position: relative;
	overflow-x: hidden;
	display: block;
	height: 100%
}

.menu-list__list ul {
	position: relative;
	z-index: 1
}

.menu-list__list span {
	font-size: 2.2rem
}

.menu-list__link {
	display: grid;
	grid-template-columns:1fr 1fr min-content;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 1rem;
	text-shadow: none;
	opacity: 1
}

.menu-list__link span {
	display: block;
	align-self: end;
	font-weight: 100;
	line-height: 1;
	text-align: right
}

.menu-list__link span:nth-child(1) {
	place-self: center start;
	white-space: nowrap
}

.menu-list__list-item {
	padding: 0 .5rem
}

.menu-list__list-item:not(:last-child) {
	border-bottom: 1px solid rgba(125, 94, 66, .397)
}

.form-search__search-box {
	display: flex;
	gap: 1.6rem;
	padding: 1rem 0 1rem 1rem;
	backdrop-filter: blur(4px)
}

.form-search__search-box:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	opacity: .4;
	background: #7d5e4265
}

.form-search__search-box label {
	display: none
}

.form-search__search {
	width: 100%;
	font-size: 2.4rem;
	color: #09091b;
	letter-spacing: 1.5px
}

.form-search__search::-moz-placeholder {
	font-size: 2.4rem;
	color: #503c2a;
	opacity: .8
}

.form-search__search::placeholder {
	font-size: 2.4rem;
	color: #503c2a;
	opacity: .8
}

.form-search__search-button {
	padding: 0 1rem
}

.form-search__search-button ._search, .form-search__search-button ._cross-middle {
	color: #503c2a
}

.form-search__search-button ._search {
	font-size: 2.2rem
}

.form-search__search-button ._cross-middle {
	font-size: 2.6rem
}

.bread-crumbs {
	position: relative;
	z-index: 9;
	left: 0
}

.bread-crumbs__list {
	display: flex;
	padding: 2rem 0;
	font-size: 1.6rem;
	font-weight: 600;
	text-transform: uppercase
}

.bread-crumbs__list:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 35%;
	height: 1px;
	background: linear-gradient(to right, rgba(100, 100, 100, .3568627451), transparent)
}

.bread-crumbs__list:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 70%;
	height: 1px;
	background: linear-gradient(to right, rgba(100, 100, 100, .3568627451), transparent)
}

.bread-crumbs__list li {
	line-height: 1
}

.bread-crumbs__list li span {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.bread-crumbs__item:not(:last-child) span {
	color: #503c2a;
}

.bread-crumbs__list li:nth-child(2n) {
	margin: 0 1.2rem
}

.bread-crumbs__link {
	line-height: 1;
	color: #503c2a;
	white-space: nowrap
}

.bread-crumbs__item {
	position: relative;
	line-height: 100%;
	color: #09091b
}

.aside-menu {
	position: sticky;
	top: 11rem;
	overflow-x: hidden;
	max-height: calc(100vh - 8rem);
	padding: 0 3rem 5rem 2rem;
	backdrop-filter: blur(8px)
}

.aside-menu::-webkit-scrollbar {
	width: .4rem !important;
	margin-right: 5px
}

.aside-menu__list {
	position: relative;
	height: auto
}

.aside-menu__list:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, rgba(100, 100, 100, .3568627451), transparent)
}

.aside-menu__list:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, rgba(100, 100, 100, .3568627451), transparent)
}

.aside-menu__item {
	position: relative;
	line-height: 1
}

.aside-menu__item {
	&::after {
		content: '';

		position: absolute;
		top: 0;
		left: 0;

		width: 100%;
		height: 1px;

		background: linear-gradient(
				to right,
				rgb(100 100 100 / 35.7%),
				transparent
		);
	}
}

@media (hover: hover) {
	.aside-menu__item a {
		transition: transform .3s ease-in-out
	}

	.aside-menu__item a:hover {
		transform: translate(1%)
	}
}

@media (max-width: 768px) {
	.aside-menu__item:not(:last-child):before {
		display: none
	}
}

.aside-menu__item span {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase
}

.aside-menu__item.is-active > ._trigger span {
	color: #503c2a
}

.aside-menu__item.is-active > ._trigger .icon-angle-down {
	transform: scale(-1);
	color: #503c2a
}

.aside-menu__link {
	cursor: pointer;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	padding: 2rem 0;
	font-size: 1.8rem;
	font-weight: 600;
	text-transform: uppercase;
	transition: color .3s ease-out
}

@media (hover: hover) {
	.aside-menu__link:hover {
		color: #503c2a
	}
}

.aside-menu__link .icon-angle-down {
	font-size: 22px;
	transition: transform .3s ease-in-out
}

.aside-menu__sub-menu {
	overflow: hidden;
	padding-left: 1rem
}

._collapse:not(._show) {
	display: none
}

.section-greed__body {
	padding: 8rem 0 6rem
}

@media (max-width: 690px) {
	.section-greed__body {
		padding: 8rem 0 4rem
	}
}

.section-greed__content {
	position: relative;
	z-index: 9;
	display: flex;
	gap: 2rem;
	padding-top: 3rem
}

.section-greed__content-info {
	display: flex;
	flex-direction: column;
	gap: 4rem
}

.section-greed__column {
	height: auto
}

.section-greed__column:nth-child(1) {
	flex: 0 1 28.8rem
}

@media (max-width: 690px) {
	.section-greed__column:nth-child(1) {
		display: none
	}
}

.section-greed__column:nth-child(2) {
	display: flex;
	flex: 0 1 85%;
	flex-direction: column
}

@media (max-width: 690px) {
	.section-greed__column:nth-child(2) {
		flex: 1 1 auto
	}
}

.section-greed__menu {
	position: sticky;
	top: 8rem;
	padding: 0 2rem;
	backdrop-filter: blur(8px)
}

.section-greed__row {
	position: relative
}

.section-greed__title {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
	justify-content: center;
	margin-block: 4rem
}

.section-greed__title h1 {
	max-width: 1440px;
	font: 44px Ponomar, sans-serif;
	font-weight: 400;
	text-align: center;
	text-shadow: 1px 1px 3px rgb(80, 60, 42);
	text-transform: uppercase;
	background: linear-gradient(#09091b, #000000f5);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent
}

.section-greed__title h1 span {
	display: block;
	line-height: 1.1;
	text-align: center
}

@media screen and (max-width: 320px) {
	.section-greed__title h1 {
		font-size: 20px
	}
}

.section-greed__title h2 span {
	text-align: center
}

@media (max-width: 690px) {
	.section-greed__title {
		padding: 4rem 0 2rem
	}
}

.section-greed__line {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.section-greed__bread-crumbs {
	margin-bottom: 0
}

.section-greed .mask-render {
	pointer-events: none;
	position: fixed;
	z-index: 1;
	top: 190px;
	left: 0;
	width: 100%;
	height: 100vh;
	opacity: .3;
	-o-object-fit: contain;
	object-fit: contain;
	background: url(../img/pictures/d-a.png) top left/contain no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100vh;
	mask-size: 100% 100vh
}

@media screen and (max-width: 320px) {
	.section-greed .mask-render {
		width: 320px
	}
}

.gallery-news__content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column
}

.gallery-news__body {
	display: flex;
	flex-direction: column;
	row-gap: 2rem
}

@media (max-width: 690px) {
	.gallery-news__body {
		row-gap: 4rem
	}
}

.gallery-news__line {
	height: auto;
	padding: 2rem 1.6rem;
	border-radius: 8px;
	line-height: 1.2;
	background: #f7f4f1;
	box-shadow: 0 0 4px 2px #e6d8cc
}

.gallery-news__image {
	position: relative;
	float: left;
	overflow: hidden;

	width: 25%;
	margin-right: 2.5rem;
	border-radius: 8px
}

@media screen and (max-width: 540px) {
	.gallery-news__image {
		float: none;
		width: 100%;
		margin-bottom: 2rem;
	}
}

.gallery-news__image img {
	-o-object-fit: cover !important;
	object-fit: cover !important;
	aspect-ratio: 3 / 2;
}

.gallery-news__label {
	position: absolute;
	top: 0;
	right: 0;
	display: inline;
	width: auto;
	padding-top: 2rem
}

.gallery-news__label span {
	padding: .5rem;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	font-size: 1.8rem;
	font-weight: 500;
	color: #503c2a;
	background: #e6d9cd
}

.gallery-news__title {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.gallery-news__title span {
	display: block;
	color: #503c2a
}

.gallery-news__item:not(:last-child) {
	margin-bottom: 2rem
}

.gallery-news__text > span {
	text-transform: uppercase
}

.gallery-news__text p {
	margin-bottom: 1.6rem;
	line-height: 1.1;
	text-transform: uppercase
}

.gallery-news__time {
	display: flex;
	gap: 1rem;
	font-weight: 500;
	color: #503c2a
}

.gallery-news__time span {
	display: flex;
	align-items: center
}

.gallery-news__data {
	font-size: 1.8rem
}

.news-content__body {
	display: flex;
	flex-direction: column;
	height: 100%
}

.news-content__title {
	position: relative;
	display: flex;
	margin: 0 0 1rem;
	line-height: 1.2
}

.news-content__text {
	flex: 1 1 auto;
	line-height: 1.2
}

.news-content__text ul {
	padding-left: 1rem
}

.news-content__text ul li {
	list-style: disc inside
}

.news-content__text a {
	display: inline;
	color: #503c2a
}

.news-content__text p,
.news-content__title {
	display: -webkit-box;
	margin-bottom: 1rem;
	line-height: 100%;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-clamp: 2;
	display: -webkit-box;
}

.news-content__text strong {
	font-size: inherit;
	cal
}

.news-content__link {
	font-weight: 600;
	color: #503c2a;
	transition: color .9s ease-in-out;
	padding: 1rem 2rem;
	text-align: center;
	text-transform: uppercase;
	background-image: linear-gradient(to right, #b29f94, #e6d9cd 51%, #b29f94);
	background-size: 200% auto;
	box-shadow: 0 0 7px #e6d9cd;
	transition: .5s;
	border-radius: 3px;
	align-self: center;
	font-size: 1.6rem;
	line-height: 100%;
}


.news-content__link:hover {
	background-position: right 5% center;
}

.info-content {
	display: flex
}


.info-content__column {
	display: flex;
	gap: 4rem
}

.info-content__column:nth-child(1) {
	flex: 1 1 53%;
	width: 53%
}

.info-content__column:nth-child(2) {
	width: auto
}

.info-content__doc-list {
	max-width: 80%;
	margin: 0 auto 6rem
}

.info-content__doc {
	max-width: 80%;
	margin: 0 auto
}

.info-content__row {
	width: 100%;
	padding: 4rem 3rem;
	border-radius: 8px;
	line-height: 1.1
}


.info-content__row h2 {
	clear: both;
	color: #503c2a;
	padding: 3rem 0;
	font-weight: 500;
	line-height: 100%;
	text-transform: uppercase
}

.info-content__row h3 {
	margin: 2rem 0;
	font-weight: 500;
	line-height: 100%;
	color: #503c2a;
	text-align: left;
	text-transform: uppercase
}

.info-content__row h4 {
	color: #503c2a;
	margin: 1.6rem 0;
	font-weight: 500;
	text-align: left;
	text-transform: uppercase
}

.info-content__row i {
	font-weight: 500;
	line-height: 1
}

.info-content__row li {
	line-height: 1.1;
	list-style-position: inside
}

.info-content__row p {
	line-height: 1.1;
	padding-bottom: 1rem
}

.info-content__row p span {
	display: inline-block;
	margin-bottom: 1.6rem;
	font-weight: 600;
	font-style: italic
}

.info-content__row p em {
	font-weight: 600
}

.info-content__row p.ps {
	font-weight: 600;
	font-style: italic
}


.info-content__wrapper {
	display: flex;
	flex-direction: column;
	gap: 3rem;
	width: 100%
}

.info-content__list {
	margin-bottom: 1.6rem
}

.info-content__list-item {
	padding-left: 1.6rem;
	list-style-type: disc
}

.info-content__list-item:not(:last-child) {
	margin-bottom: .5rem
}

.info-content__sub-item {
	padding-left: 2.8rem;
	list-style-type: "- "
}

.info-content__sub-item::marker {
	display: block;
	margin-right: 20px
}

.info-content__link .icon {
	margin-right: 5px;
	font-size: 14px
}

.info-content__link:hover {
	color: #503c2a
}

.info-content__cursive {
	margin-right: calc(150px + 89 * (100vw - 320px) / 1600);
	font-style: italic;
	color: #503c2a;
	text-align: right
}

.info-content__text-color {
	margin-top: 2rem;
	font-size: 2.4rem;
	color: #503c2a
}

.info-content__menu li {
	padding-left: 0;
	font-weight: 600;
	color: #503c2a;
	list-style-type: upper-roman;
	transition: transform .9s ease-in-out
}

.info-content__sub-menu {
	margin-left: 1.6rem
}

.info-content__sub-menu li {
	font-weight: 400;
	list-style: none
}

.info-content__image {
	width: 100%;
	min-width: 250px;

}

.info-content__image a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.info-content__item {
	width: 100%;
	min-width: 250px;
}


.info-content__image a .icon svg {
	fill: rgb(232, 223, 216);
}

.info-content__caption {
	padding: 10px 5px;
	font-size: 1.6rem;
	color: #503c2a;
	text-align: center;
}

@media not (max-width: 820px) {
	.info-content__image {
		padding: 0 3rem 2rem 0;
		width: 33%;
	}
}

.info-content__image img {
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(79, 59, 41, 0.722);
	aspect-ratio: 3 / 2;
}

.info-content__image.left {
	float: left;

}

@media (max-width: 540px) {
	.info-content__image.left {
		padding: 2rem 0;
		float: none;
	}
}

.info-content__image.right {
	float: right;
	padding: 0 0 1rem 3rem
}

@media (max-width: 540px) {
	.info-content__image.right {
		margin: 0 0 2rem;
		float: none;
	}
}

.info-content__church-info {
	display: inline
}


.wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 100vh;
	margin: 0 auto
}

[class*=_container] {
	box-sizing: content-box;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 6.5rem
}

[class*=" _img"] {
	display: block
}

[class*=" _img"] img {
	-o-object-fit: cover;
	object-fit: cover;
}

[class*=_ibg] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

[class*=_ibg] img {
	position: absolute;
	top: 0;
	right: 0;
	-o-object-fit: cover;
	object-fit: cover
}

[class*=_ibg] svg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

[class*=icon-] {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center
}

:root {
	--width: calc(0px + (260 - 0) * ((100vw - 320px) / (1024 - 320)));
	--font-color-default: rgb(9 9 27);
	--font-color-secondary: rgb(80 60 42);
	--bg-inverse2: #494949;
	--accent: #897666;
	--background-color: rgb(210 242 255);
	--background-second: rgb(2 10 16);
	--background-selected: rgb(43 45 65 / 33.7%);
	--background-transparent: rgb(14 14 19 / 85.5%);
	--selected-color: rgb(94 77 168);
	--themes-color: rgb(167 167 167);
	--background-thumb: rgb(86 56 20 / 76.7%);
	--scrollbar-thumb-bgcolor: rgb(231 231 231);
	--border-color: rgb(86 56 20 / 62.3%);
	--pos: center center;
	--size: 0;
	--inset-top: 0;
	--inset-right: 100%;
	--inset-bottom: 100%;
	--inset-left: 0;
	--stripe-width: 10px;
	--nav-marker-border: rgb(59 134 134);
	--sidebar-width: 28.5rem;
	--duration: .3s;
	--button-size: 4rem;
	--mob-expanded-width: 320px;
	--mob-collapsed-width: 4rem
}

:root {
	--mq-header-size: normal
}

.perform {
	position: relative;
	display: grid;
	align-items: start;

	@media screen and (max-width: 1140px) {
		display: block;
	}
}


.perform > * {
	grid-area: 1/-1
}

.perform__bg-clip {
	position: relative;
	z-index: 0;
	display: flex;
	width: 100%;
	height: 100vh
}

.perform__body {
	position: relative;
	z-index: 9;
	display: flex;
	grid-row: 1/-1;
	align-items: center
}

.perform__container {
	width: 100%
}

.perform__content {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 6rem;
	align-items: end;
	width: 100%;
}

.perform__row {
	display: grid;
	grid-template-columns: max-content minmax(200px, 600px);
	gap: 3rem;
	justify-content: space-between;
	width: 100%;
}

.perform__column {
	position: relative;
	display: flex;
	font-family: Ponomar, sans-serif;
	line-height: .7
}

.perform__column:nth-child(1) {
	z-index: 9;
	align-self: end;
	margin-bottom: 7rem;
}

.perform__column:nth-child(2) {
	justify-content: flex-end;
	padding-bottom: 4rem
}

.perform__column:nth-child(2) ._icon {
	transform: translateY(1rem)
}

.perform__column:nth-child(2) .perform__slide-perform {
	transform: translateY(6rem);
}

.perform__column:nth-child(2) ._icon:before {
	font-size: 3.2rem
}

.perform__column:not(:first-child) {
	z-index: 0
}

.perform__date {
	display: flex;
	gap: 1.6rem;
	align-items: center;
	margin-left: 1.6rem
}

.perform__date .day {
	transform: scaleY(1.2);
	display: flex;
	align-items: end;
	font: 96px Ponomar, sans-serif;
	line-height: 1;
	letter-spacing: -2px
}

.perform__date .data-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	height: 100%
}

.perform__date .data-wrapper .status, .perform__date .data-wrapper .month {
	font-family: Ponomar, sans-serif;
	font-size: 3.4rem;
	line-height: 1
}

.perform__date .data-wrapper .status {
	font-size: inherit
}

.perform__slide-perform {
	position: relative;
	width: 100%
}

.perform .mask-render {
	pointer-events: none;
	position: absolute;
	z-index: 1;
	top: 0;
	width: 987px;
	height: 100vh;
	opacity: .8;
	-o-object-fit: contain;
	object-fit: contain;
	background: url(../img/pictures/a.jpg) top left/contain no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 80% 100vh;
	mask-size: 80% 100vh;
}


@media screen and (max-width: 320px) {
	.perform .mask-render {
		width: 320px
	}
}

.bg-clip__item:nth-child(1) {
	overflow: hidden;
	flex: 0 1 70%;
	background: #e6d9cd
}

@media (min-width: 375.99px) {
	.bg-clip__item:nth-child(1) {
		clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%)
	}
}

.bg-clip__item:nth-child(2) {
	flex: 0 1 30%
}

.hgroup-items h1 {
	transform: scaleY(1.2);
	font-weight: 400;
	line-height: 100%;
	text-align: left;
	text-transform: uppercase
}

.hgroup-items h1 span {
	display: block;
	text-shadow: 1px 1px 3px rgb(80, 60, 42);
	letter-spacing: -2px;
	white-space: nowrap;
	background: linear-gradient(#09091b, #000000f5);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent
}

.hgroup-items h1 span:nth-child(2) {
	transform: translateY(-5px)
}

.hgroup-items__item:nth-child(2) {
	margin-top: 1rem
}

.hgroup-items__text {
	text-align: right
}

.hgroup-items__text p {
	line-height: 1
}

.section-intro__body {
	padding: 6rem 0
}

@media (max-width: 690px) {
	.section-intro__body {
		padding: 4rem 0
	}
}

.section-intro__content {
	background: linear-gradient(to right, transparent 30%, rgba(189, 153, 121, .3843137255))
}

.section-intro__row {
	position: relative;
	display: grid;
	grid-template-columns:repeat(4, 25%)
}

@media screen and (max-width: 960px) {
	.section-intro__row {
		grid-template-columns:repeat(3, 32%)
	}
}

@media (max-width: 768px) {
	.section-intro__row {
		grid-template-columns:repeat(2, 48%)
	}
}

.section-intro__info {
	flex: 1;
	height: auto;
	margin-top: 12rem
}

.section-intro__image-title {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-right: 4rem;
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	color: #503c2a
}

.section-intro__photo-image {
	position: relative;
	flex: 1 1 auto;
	margin-top: -5rem
}

.section-intro__photo-image span {
	display: inline-block;
	width: 100%;
	color: #000
}

.section-intro__frame {
	position: relative;
	display: grid;
	grid-template-columns:1fr minmax(190px, 249px);
	align-items: center;
	height: 100%;
	margin: 0 25px
}

@media (max-width: 690px) {
	.section-intro__frame {
		grid-template-columns:auto;
		gap: 4rem
	}
}

.section-intro__image {
	position: relative;
	display: inline-block;
	align-self: flex-start;
	width: 100%;
	border: 1px solid rgba(125, 94, 66, .397)
}

.section-intro__image img {
	position: relative !important;
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.section-intro__news {
	width: 100%;
	height: 100%
}

.blagochinie {
	border-radius: 1rem
}

.blagochinie__column {
	z-index: 1;
	display: flex;
	justify-content: center;
	padding-top: 3rem;
	padding-right: 16px;
	border-radius: 1rem
}

.blagochinie__column:nth-child(odd) {
	z-index: 3
}

@media (max-width: 768px) {
	.blagochinie__column:nth-child(1) {
		grid-column: 1/3
	}
}

.blagochinie__column:nth-child(3) {
	display: flex;
	flex-direction: column
}

.blagochinie__column h2 {
	margin-bottom: 1.6rem
}

.blagochinie__text {
	line-height: 1.3
}

.blagochinie__hr {
	display: flex;
	justify-content: center;
	width: 100%
}

.blagochinie__button {
	display: flex;
	justify-content: center;
	margin-top: 1rem
}

.blagochinie__photo {
	position: absolute;
	z-index: 1;
	bottom: 0;
	height: auto;
	clip-path: ellipse(50% 50% at 50% 50%)
}

@media (max-width: 768px) {
	.blagochinie__photo {
		position: relative
	}
}

.blagochinie__photo img {
	width: 100%;
	height: 350px;
	-o-object-fit: contain;
	object-fit: contain
}

.blagochinie__info {
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 4rem 0
}

.blagochinie__info p {
	line-height: 1.2
}

.blagochinie__info p:not(:last-child) {
	margin-bottom: .5rem
}

.blagochinie__info p:nth-child(1) {
	display: inline-block;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.1;
	text-align: left;
	text-shadow: none;
	text-transform: uppercase
}

.blagochinie__info p:nth-child(2), .blagochinie__info p:nth-child(3) {
	font-size: 2.2rem;
	font-weight: 500;
	color: #503c2a
}

.blagochinie__bg-image {
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	border-radius: 10px;
	background: url(../img/pictures/vrata.jpg) center right/cover no-repeat
}

.blagochinie__bg-image:after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(85.2deg, #ece2d9 5%, #fff0 80%)
}

.content-slide__text a {
	position: relative;
	transition: color .3s ease-in-out
}

.content-slide__text a:before {
	content: "";
	position: absolute;
	bottom: 0;
	transform: scaleX(0);
	width: 100%;
	height: 1px;
	opacity: .6;
	background-color: #503c2a;
	transition: transform .3s ease-in-out
}

.content-slide__text a:after {
	bottom: 0;
	left: 0
}

.content-slide__text a:hover:before {
	transform: scaleX(1)
}

.content-slide__text a:hover a {
	opacity: 1
}

.section-website .slide__slide-column {
	background: #f7f4f16e;
	backdrop-filter: blur(8px)
}

.bg-bottom {
	bottom: 0;
	transform: translateY(20px);
	background-image: linear-gradient(transparent, #fff 40%)
}

.slide-temples__img-content {
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 0;
	transform: translateY(10px);
	width: 100%;
	height: 30%;
	background-image: linear-gradient(transparent, #363636c5 70%)
}

.background-clip:before {
	content: "Храмы";
	position: absolute;
	display: block;
	color: transparent;
	text-shadow: none;
	background: linear-gradient(-135deg, transparent 40%, rgb(9, 9, 27)) 100% 0;
	-webkit-background-clip: text;
	background-clip: text;
	background-size: 300% 100%;
	mix-blend-mode: multiply;
	transition: background-position .5s
}

.frame-container {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	border-image-repeat: repeat;
	background: #fff linear-gradient(136deg, #e6d9cd2d, #e6d9cd, #e6d9cd)
}

@media screen and (max-width: 320px) {
	.frame-container {
		border: 20px solid transparent;
		border-image-repeat: repeat
	}
}

.slide__slide-column {
	box-shadow: 0 0 6px 1px #e6d8cc
}

.box-shadow {
	backdrop-filter: blur(10px);
	box-shadow: 0 1px 7px #a08973
}


.top-box {
	min-height: 100vh;
	padding: 8rem 0 0;
	text-align: center
}

@media screen {
	.top-box {
		min-height: 100%;
		padding: 18rem 0 14rem
	}
}

@media (max-width: 768px) {
	.top-box {
		padding: 36rem 0 4rem;
	}
}

.hr {
	position: relative;
	z-index: 9;
	display: flex;
	justify-content: center;
	padding: 2rem 0;
	opacity: .7;
	clear: both;
}

.hr img {
	max-width: 255px;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.gradient-border-bottom {
	background-image: linear-gradient(to left top, rgba(205, 215, 238, .61) 25%, transparent 75%)
}

.gradient-services {
	background-image: linear-gradient(to right, #050202 20%, #1c153f, #050202 80%)
}

.icon-style {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 1.5rem;
	border: 1px var(--border-color);
	border-style: none solid
}

.text-shadow-black {
	text-shadow: 0 0 9px rgba(0, 0, 0, .4745098039)
}

.slide-temples__info {
	text-shadow: 0 0 15px rgba(0, 0, 0, .4392156863), 0 0 1em rgba(0, 0, 0, .4392156863), 0 0 .2em blue
}

.link_split {
	position: relative;
	display: inline-block;
	line-height: 1;
	white-space: nowrap;
	outline: 0;
	transition: color 0s .3s
}

.link_split:before, .link_split:after {
	content: attr(data-letters);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	transition: color .3s, opacity .3s, transform .5s
}

.link_split:before {
	clip-path: polygon(0 0, 100% 0%, 100% 30%, 0 65%)
}

.link_split:after {
	clip-path: polygon(0 65%, 100% 30%, 100% 100%, 0 100%)
}

.link_split:hover {
	color: transparent;
	text-shadow: none;
	transition: none
}

.link_split:hover:before {
	transform: translate3d(0, -2px, 0)
}

.link_split:hover:after {
	transform: translate3d(0, 2px, 0)
}

.link_split:hover:before, .link_split:hover:after {
	transition: color .3s, transform .3s
}

.link-hover {
	color: #503c2a
}

.is-open {
	display: grid;
	grid-template-columns:1fr;
	grid-template-rows:0fr;
	width: 100%;
	transition: grid-template-rows .4s ease-in-out
}

.is-open._is-open {
	grid-template-rows:1fr
}

.transform-perspective {
	transform-style: preserve-3d;
	perspective: 100px;
	backface-visibility: hidden
}

.transform-perspective .transform-box {
	transition: all .8s cubic-bezier(.77, 0, .175, 1)
}

.transform-perspective .transform-box:hover {
	transform-origin: 50% -100%;
	transform: rotateX(-16deg) translateZ(-22px);
	opacity: .3 !important
}

.grad_underline {
	background-image: linear-gradient(to left, transparent, transparent), linear-gradient(to left, var(--background-selected), var(--font-color-active));
	background-repeat: no-repeat;
	background-position: 100% 100%, 0 100%;
	background-size: 100% 1px, 0 1px;
	transition: background-size .4s
}

.gradient-button {
	text-align: center;
	text-transform: uppercase;
	background-image: linear-gradient(to right, #9a7a5f, #b29f94 51%, #9a7a5f);
	background-size: 200% auto;
	box-shadow: 0 0 2px #2b2b2b;
	transition: .5s
}

.gradient-button:hover {
	background-position: right 5% center
}

.gradient-header {
	background-image: linear-gradient(-40deg, #9a7a5f 20%, #9a7a5f6e 45%, #9a7a5f 75%)
}

.gradient-footer {
	background: linear-gradient(to right, rgb(230, 217, 205), transparent 50%, rgb(230, 217, 205))
}

.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 6rem
}

.pagination .swiper-pagination-bullet {
	content: "";
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #2a3514;
	transition: background .4s ease-in-out
}

.pagination .swiper-pagination-bullet:not(:last-child) {
	margin-right: 2rem
}

.pagination .swiper-pagination-bullet-active {
	content: "";
	scale: 1.2;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #9acd32;
	transition: scale .5s ease-in-out
}

.pagination.swiper-pagination-lock {
	display: none
}

.render-mask {
	position: absolute;
	z-index: 1;
	top: -100px;
	left: -75px;
	width: 700px;
	height: 1000px;
	-webkit-mask-image: var(--astor-render);
	mask-image: var(--astor-render);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: top left;
	mask-position: top left;
	-webkit-mask-size: auto 100%;
	mask-size: auto 100%
}

.render-mask:before {
	content: "";
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, var(--bg-inverse2) 400px, var(--accent)) top center;
	background-size: 150% 150%
}

.text-overflow {
	overflow: hidden;
	display: -webkit-box;
	line-clamp: 3;
	text-overflow: ellipsis
}

.width-clamp {
	width: clamp(100px, 75%, 200px)
}

.btn-border {
	cursor: pointer;
	position: relative;
	padding: 1rem 2rem;
	border-top-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
	background: wheat;
	transition: all .9s ease-in-out
}

.btn-border:before, .btn-border:after {
	content: "";
	position: absolute;
	width: 1rem;
	height: 1rem;
	border: 0 solid #fff;
	transition: all .9s ease-in-out
}

.btn-border:before {
	right: -1px;
	bottom: -1px;
	border-right: 5px solid black;
	border-bottom: 5px solid black
}

.btn-border:after {
	top: -1px;
	left: -1px;
	border-top: 5px solid black;
	border-left: 5px solid black
}

.btn-border:hover {
	border-top-right-radius: 0;
	border-bottom-left-radius: 0
}

.btn-border:hover:before, .btn-border:hover:after {
	width: 100%;
	height: 100%
}

.class {
	margin-bottom: 42px
}

.section-temples {
	position: relative
}

.section-temples__body {
	position: relative;
	z-index: 3;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 6rem 0
}

@media (max-width: 690px) {
	.section-temples__body {
		padding: 4rem 0
	}
}

.section-temples__title {
	position: relative;
	margin-bottom: 4rem
}

.section-temples__content {
	position: relative;
	height: 100%;
	margin: 0;
	padding-top: 3rem
}

.section-temples__image {
	position: relative;
	display: inline-block;
	align-self: center;
	width: auto
}

.section-temples__info {
	position: relative;
	z-index: 1;
	margin-bottom: 1rem;
	font-size: 1.8rem;
	line-height: 135%
}

.section-temples__info p {
	line-height: 120%;
	text-shadow: none
}

.section-temples__text {
	font-size: 2.2rem;
	line-height: 125%;
	text-shadow: none
}

.section-temples__text p {
	line-height: 120%
}

.section-temples__text p:not(:last-child) {
	margin-bottom: 1rem
}

.section-temples__text ul {
	margin-left: 1.6rem
}

.section-temples__text:not(:last-child) {
	margin-bottom: 2rem
}

.slide-temples {
	position: relative;
	width: calc(100% + 520px);
	margin-right: -260px;
	margin-left: -260px
}


.slide-temples__body {
	position: relative;
	z-index: 1;
	margin-right: auto;
	margin-left: auto;
	list-style: none
}

.slide-temples__slide {
	z-index: 1;
	justify-content: center;
	transition: transform .7s ease-in-out
}

.slide-temples__slide .swiper-slide-prev {
	transform: translate(20px) !important
}

.slide-temples__slide .swiper-slide-next {
	transform: translate(-20px) !important
}

.slide-temples__slide.swiper-slide-active {
	z-index: 3
}

.slide-temples__slide.swiper-slide-active .slide-temples__info {
	transform: translateY(-20%)
}

.slide-temples__slide.swiper-slide-active .slide-temples__image {
	opacity: 1
}

.slide-temples__image {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	opacity: .3;
	transition: opacity .7s, scale .8s ease-in-out
}


@media screen and (max-width: 320px) {
	.slide-temples__image {
		width: calc(100% - 10px)
	}
}

.slide-temples__image img {
	overflow: hidden;
	display: block;
	max-height: 390px;
	margin: auto;
	border-radius: 8px
}

.slide-temples__img-content {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: flex-end;
	width: 100%
}

.slide-temples__info {
	transform: translateY(100%);
	width: 100%;
	padding: 2rem;
	font-family: Ponomar, sans-serif;
	font-size: 32px;
	line-height: 1.1;
	color: #fff;
	text-align: center;
	transition: transform .8s ease-in-out
}

@media screen and (max-width: 320px) {
	.slide-temples__info {
		font-size: 12px
	}
}

.slide-temples__navigation {
	display: flex;
	gap: 10rem;
	justify-content: center;
	width: 100%
}

.slide-temples__button-prev {
	left: 0;
	height: 100%
}

.slide-temples__button-prev:after {
	transform: translateY(-15px)
}

.slide-temples__button-prev span {
	position: relative;
	right: 0;
	transform: translateY(-25px) rotate(90deg)
}

.slide-temples__button-prev span:after {
	content: "";
	transform: translate(-16px, 9px) rotate(-90deg);
	clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%)
}

.slide-temples__button-next {
	right: 0
}

.slide-temples__button-next span {
	left: 0;
	transform: translateY(-25px) rotate(-90deg)
}

.slide-temples__button-next span:after {
	content: "";
	transform: translate(-16px, 9px) rotate(-90deg);
	clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%)
}

.slide-temples__button-prev, .slide-temples__button-next {
	z-index: 9;
	top: 0
}

.slide-temples__button-prev span, .slide-temples__button-next span {
	cursor: pointer;
	top: 50%;
	display: inline-block;
	width: 20px;
	transition: opacity .3s ease-out
}

.slide-temples__button-prev span img, .slide-temples__button-next span img {
	position: relative;
	z-index: 1
}


.section-news__body {
	padding: 6rem 0
}

@media (max-width: 690px) {
	.section-news__body {
		padding: 4rem 0
	}
}

.section-news__title {
	margin-bottom: 3rem
}

.section-news__slide-news {
	overflow: hidden;
	padding: 3rem 1rem
}

.section-news__button {
	display: flex;
	justify-content: center
}

.section-schedule__body {
	padding: 6rem 0
}

@media (max-width: 690px) {
	.section-schedule__body {
		padding: 4rem 0
	}
}

.section-schedule__title {
	margin-bottom: 3rem
}

.section-schedule__title h2 span {
	white-space: wrap !important
}

.section-schedule__slide-schedule {
	overflow: hidden;
	padding: 3rem .5rem .5rem
}

.section-website__body {
	padding: 6rem 0;
	line-height: 110%
}

@media (max-width: 690px) {
	.section-website__body {
		padding: 4rem 0
	}
}

.section-website__slide-website {
	overflow: hidden;
	padding: 3rem .5rem .5rem
}

.section-website .slide__item {
	display: flex;
	flex-direction: column;
	height: 100%
}

.section-website .slide__text {
	flex: 1 1 auto;
	height: 100%;
	margin-bottom: 1.6rem
}

.section-website .slide__text span {
	text-transform: capitalize
}

.section-website .slide__link ._icon {
	margin-right: 1rem
}

.section-website .slide__link span {
	font-weight: 500;
	color: #503c2a
}

@media screen and (max-width: 375px) {
	.perform-slide {
		margin: 0 -16px
	}
}

.perform-slide__body {
	overflow: hidden;
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 1.6rem 2.5rem;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 14px 80px #9a7a5f33
}

.perform-slide__body.slide-perform, .perform-slide__body.slide-perform.is-grabbing {
	cursor: grab
}

.perform-slide__slide-column {
	pointer-events: none;
	display: flex;
	flex-direction: column;
	gap: 16px;
	transition: opacity 0.4s ease-out;
}

.perform-slide__inner-slide {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.perform-slide__slide-column.swiper-slide-active {
	pointer-events: all
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__image img {
	opacity: 1;
	transition-delay: .3s
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content {
	pointer-events: all
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > * {
	transform: none;
	opacity: 1
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > *:nth-child(1) {
	transition-delay: .3s
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > *:nth-child(2) {
	transition-delay: .4s
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > *:nth-child(3) {
	transition-delay: .5s
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > *:nth-child(4) {
	transition-delay: .6s
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > *:nth-child(5) {
	transition-delay: .7s
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > *:nth-child(6) {
	transition-delay: .8s
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > *:nth-child(7) {
	transition-delay: .9s
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > *:nth-child(8) {
	transition-delay: 1s
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > *:nth-child(9) {
	transition-delay: 1.1s
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > *:nth-child(10) {
	transition-delay: 1.2s
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > *:nth-child(11) {
	transition-delay: 1.3s
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > *:nth-child(12) {
	transition-delay: 1.4s
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > *:nth-child(13) {
	transition-delay: 1.5s
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > *:nth-child(14) {
	transition-delay: 1.6s
}

.perform-slide__slide-column.swiper-slide-active .perform-slide__content > *:nth-child(15) {
	transition-delay: 1.7s
}

.perform-slide__image {
	position: relative;
	overflow: hidden;
	width: 160px;
	height: 202px;
	border-radius: 8px;
	text-align: left;
	background: linear-gradient(to right, #e6d9cd, #fff);
	box-shadow: 4px 13px 30px 1px #ffffffb6;
}

.perform-slide__image img {
	overflow: hidden;
	opacity: 0;
	-o-object-position: center;
	object-position: center;
	transition: opacity 1s ease-out;
	object-fit: contain;
}

.perform-slide__content {
	max-height: 255px;
	overflow-x: hidden;
	pointer-events: none;
	padding: 2rem;
	border-radius: 8px;
	text-align: left;
	background: #fff;
	box-shadow: -4px 0 15px 4px #e3dcd566
}

.perform-slide__content > * {
	transform: translateY(25px);
	opacity: 0;
	transition: opacity .4s, transform .4s ease-out
}

.perform-slide__pagination {
	position: absolute;
	z-index: 99;
	right: 20px;
	bottom: auto !important;
	left: auto !important;
	transform: translateY(-50%);
	width: 11px !important;
	text-align: center
}

.perform-slide__pagination .swiper-pagination-bullet {
	cursor: pointer;
	display: block;
	width: 11px;
	height: 11px;
	margin: 8px 0;
	border-radius: 8px;
	opacity: .2;
	background: #062744;
	transition: opacity .4s, background .4s, height .4s ease-out
}

.perform-slide__pagination .swiper-pagination-bullet-active {
	height: 30px;
	opacity: 1;
	background: #e6d9cd;
	box-shadow: 0 0 20px #ddd1c6cc
}

.perform-slide__date {
	display: block;
	margin-bottom: 1.6rem;
	color: #503c2a
}

.perform-slide__date .date {
	margin-right: 1rem
}

.perform-slide__title {
	margin-bottom: 20px;
	font-weight: 600;
	line-height: 1.2;
	color: #09091b
}

.perform-slide__text {
	font-family: Sofia Sans Extra Condensed, sans-serif
}

.perform-slide__text h3, .perform-slide__text h4 {
	margin-bottom: 1rem;
	line-height: 120%;
}

.perform-slide__text li {
	list-style-type: disc;
	list-style-position: inside;
	line-height: 130%;
}

.perform-slide__text p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	line-height: 100%;
	text-overflow: ellipsis
}

.perform-slide__text p:not(:last-child) {
	margin-bottom: 1rem
}

.navigation {
	position: relative;
	display: flex;
	gap: 6rem;
	justify-content: center;
	width: 100%
}
.navigation__button-prev {
	margin-left: -3rem !important;
}
.navigation__button-next {
	margin-right: -3rem !important;
}


.navigation__button-prev span {
	transform: rotate(90deg);
}

.navigation__button-prev.swiper-button-disabled {
	opacity: .35
}

.navigation__button-next span {
	transform: rotate(-90deg);
}

.navigation__button-prev, .navigation__button-next {
	cursor: pointer;
	height: 100%;
	transition: opacity .3s ease-out
}

.navigation__button-prev span, .navigation__button-next span {
	display: block;
	width: 20px
}

@media screen and (width < 490px) {
	.navigation__button-prev span, .navigation__button-next span {
		width: 15px
	}
}

.navigation__button-prev.swiper-button-disabled, .navigation__button-next.swiper-button-disabled {
	opacity: .35
}

.navigation__button {
	display: flex;
	align-items: center
}

.arrow {
	position: relative;
	z-index: 9;
	top: 50%;
	width: auto;
	height: 100px;
	margin-top: -40px
}

.arrow span {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	transform: rotate(45deg);
	display: block;
	width: 15px;
	height: 15px;
	border-right: 5px solid var(--font-body-color);
	border-bottom: 5px solid var(--font-body-color);
	animation: arrow 2s infinite
}

.arrow span:nth-child(2) {
	animation-delay: -.2s
}

.arrow span:nth-child(3) {
	animation-delay: -.4s
}

@keyframes arrow {
	0% {
		transform: translateY(-20px) rotate(45deg);
		opacity: 0
	}
	50% {
		opacity: 1
	}
	to {
		transform: translateY(20px) rotate(45deg);
		opacity: 0
	}
}

.slide__content {
	flex: 1 100%
}

.slide__body {
	height: 100%
}

.slide__slide-column {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	display: flex;
	flex-direction: column;
	padding: 1.6rem;
	border-radius: 8px;
	line-height: 1.2;
	background: #f7f4f1
}

.slide__slide-column.title-red {
	color: red
}

.slide__image {
	position: relative;
	top: -1.6rem;
	left: -1.6rem;
	margin-right: -3.2rem
}

.slide__image img {
	overflow: hidden;
	display: block;
	aspect-ratio: 3/2;
	width: 100%;
	border-radius: 8px;
	-o-object-position: top;
	object-position: top
}

.slide__label {
	position: absolute;
	top: 0;
	right: 0;
	display: inline;
	width: auto;
	padding-top: 2rem
}

.slide__label span {
	padding: .5rem;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	font-size: 1.8rem;
	font-weight: 600;
	color: #503c2a;
	background: #e6d9cd
}

.slide__title {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.slide__title span {
	display: block;
	color: #503c2a
}

.slide__item:not(:last-child) {
	margin-bottom: 2rem
}

.slide__text > span {
	text-transform: uppercase
}

.slide__text p {
	line-height: 1.1
}

.slide__time {
	display: flex;
	gap: 1rem;
	font-weight: 500;
	color: #503c2a
}

.slide__time span {
	display: flex;
	align-items: center
}

.slide__data {
	font-size: 1.8rem
}

.content-slide__body {
	display: flex;
	flex-direction: column;
	height: 100%
}

.content-slide__title {
	position: relative;
	display: flex;
	flex: 1 2 auto;
	height: 100%;
	margin: 0 0 1rem;
	line-height: 1.2
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	margin-bottom: 1rem;
	line-height: 100%;
	text-overflow: ellipsis;
}

.content-slide__text {
	flex: 1 100%;
	line-height: 1.2
}

.content-slide__text ul {
	padding-left: 1rem
}

.content-slide__text ul li {
	list-style: inside;
	list-style-type: disc
}

.content-slide__text a {
	display: inline;
	color: #503c2a;
	white-space: nowrap;
}

.content-slide__text p {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	margin-bottom: 1rem;
	line-height: 100%;
	text-overflow: ellipsis
}

.content-slide__link {
	font-weight: 600;
	color: #503c2a;
	transition: color .9s ease-in-out
}

.svg-mask {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: -2px;
	left: 0;
	width: 100%
}

.svg-mask .cloud3 {
	z-index: 999;
	width: 100%;
	opacity: .6;
	-o-object-fit: cover;
	object-fit: cover
}

.svg-mask .cloud1 {
	height: auto
}

.svg-mask svg {
	position: absolute;
	bottom: 0;
	width: 100%
}

h1, .t-h1 {
	font-size: 64px;
	color: red;
}

h2, .t-h2 {
	font-size: 32px;
}

h3, .t-h3 {
	font-size: 28px;
}

.t-016 {
	font-size: 24px
}

.t-019 {
	font-size: 19px
}


/* @media screen */

@media (min-width: 320.98px)and (max-width: 1920px) {
	.slide-temples__info {
		font-size: calc(12px + .0125 * (100vw - 320px))
	}

	.perform .mask-render {
		width: calc(320px + 667 * (100vw - 320px) / 1600)
	}

	.section-greed__title h1 {
		font-size: calc(20px + 24 * (100vw - 320px) / 1600);
	}

	.contacts__item {
		font-size: calc(18px + .00875 * (100vw - 320px))
	}

	.footer__text {
		font-size: calc(14px + .00375 * (100vw - 320px))
	}

	.title h2 {
		font-size: calc(20px + .015 * (100vw - 320px)) !important
	}

	.title__text {
		font-size: calc(16px + .00375 * (100vw - 320px))
	}
}

@media (min-width: 490.98px)and (max-width: 1920px) {
	.bg-clip__item:nth-child(2) {
		flex: 0 1 calc(0px + 576 * (100vw - 490px) / 1430)
	}

	.bg-clip__item:nth-child(1) {
		flex: 0 1 calc(490px + 854 * (100vw - 490px) / 1430)
	}

	.perform__date .day {
		font-size: calc(52px + 44 * (100vw - 490px) / 1430)
	}

	.font-size-calc-h2 {
		font-size: calc(28px + 22 * (100vw - 490px) / 1430)
	}

	h1, .t-h1 {
		font-size: calc(35px + 29 * (100vw - 490px) / 1430)
	}

	h2 .t-h2 {
		font-size: calc(20px + 12 * (100vw - 490px) / 1430) !important
	}

	h3, .t-h3 {
		font-size: calc(20px + 8 * (100vw - 490px) / 1430) !important
	}

	.t-h4 {
		font-size: calc(18px + 2 * (100vw - 490px) / 1430) !important
	}

	.t-016 {
		font-size: calc(16px + 8 * (100vw - 490px) / 1430)
	}

	.t-019 {
		font-size: calc(19px + 9 * (100vw - 490px) / 1430)
	}
}

@media (min-width: 690.98px)and (max-width: 1920px) {
	.footer__content {
		grid-template-columns:calc(150px + .15 * (100vw - 320px)) max-content auto
	}
}

@media (min-width: 860.99px) {
	.footer__column:nth-child(3):before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 1px;
		height: 100%;
		background: linear-gradient(#7d5e4265 0, #fff0)
	}
}

@media (min-width: 960.99px) {
	._clip-circle {
		cursor: pointer;
		position: relative;
		z-index: 2
	}

	._clip-circle:before {
		content: "";
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		background: linear-gradient(-45deg, #20193c, #020101 70%);
		clip-path: circle(var(--size) at var(--pos));
		transition: all .9s ease-in-out
	}

	._clip-circle:hover:before {
		--size: 200%
	}
}

@media (min-width: 1024.99px) {
	.button .running-line__inner {
		animation: lineMarquee 3s linear infinite
	}

	.menu-list__link:hover {
		color: #503c2a;
		background-image: linear-gradient(-40deg, #04040e 35%, #2b3749 80%, #09091b 75%)
	}

	.info-content__column {
		align-items: start
	}

	.info-content__column .gallery {
		position: sticky;
		top: 100px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: auto
	}

	.slide-temples__slide.swiper-slide-active .slide-temples__image {
		scale: 1.1
	}

	.slide-temples__button-prev span, .slide-temples__button-next span {
		position: absolute
	}

	.slide-temples__button-prev, .slide-temples__button-next {
		position: absolute;
		width: 30%;
		height: 100%
	}

	.button:hover .running-line__inner {
		opacity: 1;
		transition-duration: .6s
	}
}

@media (min-width: 1440.99px) {
	.bread-crumbs__list li i {
		transform: translateY(-.2rem)
	}
}

@media screen and (max-width: 1440px) {
	.gallery-clergy__second .gallery-item {
		width: 32%
	}

	.section-intro._container {
		padding-right: 0 !important
	}

	.perform__bg-clip {
		position: absolute;
	}
}

@media screen and (max-width: 1024px) {
	.slide-temples__button-prev span, .slide-temples__button-next span {
		position: relative
	}

	.slide-temples__button-prev, .slide-temples__button-next {
		position: relative;
		width: auto;
		height: auto
	}

	.slide-temples__image {
		width: auto
	}

	.slide-temples {
		width: 100%;
		margin-right: 0;
		margin-left: 0
	}

	.info-content__column {
		flex-direction: column
	}
}

@media screen and (max-width: 1140px) {
	[class*=_container] {
		padding: 0 2rem
	}

	html {
		font-size: 50%
	}

	.perform__column:nth-child(2) .perform__slide-perform {
		transform: translateY(0);
		max-width: 500px;
	}

	.perform__column:nth-child(2) {
		padding-bottom: 2rem;
	}

	.perform__column:nth-child(1) {
		margin-bottom: 2rem;
		padding-right: 0;
	}

	.perform__row {
		grid-template-columns: minmax(200px, 1fr);
	}

	.perform-slide__image img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}

@media screen and (max-width: 960px) {
	.gallery-news__image {
		float: none;
		width: 100%;
		margin: 0 0 2rem 0;
	}

	.blagochinie__column:nth-child(4) {
		display: none
	}
}

@media screen and (max-width: 490px) {
	body {
		font: 1.8rem/1.8 Sofia Sans Extra Condensed, sans-serif
	}

	h1, .t-h1 {
		font-size: 35px
	}

	h2, .t-h2 {
		font-size: 20px !important
	}

	h3, .t-h3 {
		font-size: 20px !important
	}

	.t-h4 {
		font-size: 18px !important
	}

	.t-016 {
		font-size: 16px
	}

	.t-019 {
		font-size: 19px
	}

	.gallery-news__line {
		margin: 0 -10px;
	}

	.perform-slide__image {
		margin-bottom: 2rem
	}

	.perform-slide__slide-column {
		flex-direction: column
	}

	.section-news__slide-news {
		padding: 3rem 0
	}

	.blagochinie__column:nth-child(1) {
		grid-column: 1/2
	}

	.blagochinie__column:nth-child(2) {
		grid-column: 1/2
	}

	.blagochinie__column:nth-child(3) {
		grid-column: 1/2
	}

	.section-intro__info {
		font-size: 15px
	}

	.section-intro__row {
		grid-template-columns:1fr
	}

	.bg-clip__item:nth-child(1) {
		flex: 0 1 490px
	}

	.bg-clip__item:nth-child(2) {
		flex: 0 1 0
	}

	.perform__date .day {
		font-size: 52px
	}

	.perform__column:nth-child(3) {
		justify-self: center;
		max-width: 340px
	}

	.info-content__row {
		padding: 4rem 2rem;
	}

	.info-content__row h3 {
		font-size: .9em
	}

	.info-content__row h2 {
		font-size: 1.1em
	}

	.info-content__column:nth-child(1) {
		margin: 0 -16px;
	}

	.menu-list__title {
		padding-bottom: 2rem
	}

	.header__content {
		gap: 1rem
	}

	.button span {
		letter-spacing: 1.1px
	}
}

@media screen and (max-width: 320px) {
	.title__text {
		font-size: 16px
	}
}