@charset "utf-8";
:root {
		--font: Spectral, -apple-system, system-ui, "serif";
		--font-title: Raleway, -apple-system, system-ui, "sans-serif";
		font-size: 1.111111vw;
		--side-padding: 16px;
		--side-block: 32px;
		--gap: 16px;
		--gap-inner: 16px;
		--header: 80px;
		--radius: 5px;
		--geo: 100px;
		--article-vert: 32px;
		--header-calc: var(--header);
}
.style-novodev {
		--geo: 56px;
}
@media only screen and (min-width: 700px) {
		.style-novodev {
				--header: 104px;
		}
}
@media only screen and (max-width: 699.99px) {
		:root {
				--header: 64px;
				--geo: 75px;
		}
}
@media only screen and (min-width: 700px) and (max-width: 1199.99px) {
		:root {
				--side-padding: 16px;
				--gap: 20px;
		}
}
@media only screen and (min-width: 1200px) {
		:root {
				--side-padding: 40px;
				--side-block: 40px;
				--gap-inner: 20px;
				--gap: 20px;
				--article-vert: 40px;
		}
}
@media only screen and (min-width: 1440px) {
		:root {
				--side-padding: calc((100vw - 1360px) / 2);
		}
}
html, body {
		height: 100%;
		box-sizing: border-box;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased;
		font-optical-sizing: auto;
		scroll-behavior: smooth;
}
body {
		margin: 0;
		padding: 0;
		background: var(--page-bg);
		font: normal 18px/1.2 var(--font);
		color: var(--main-text);
		-webkit-text-size-adjust: none;
		display: flex;
		flex-direction: column;
}
@media only screen and (max-width: 699.99px) {
		body {
				font-size: 16px;
		}
}
* {
		/*text-wrap: balance;*/
}
*, *:before, *:after {
		box-sizing: border-box;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
form, fieldset {
		margin: 0;
		padding: 0;
		border: 0;
}
input::-ms-clear {
		display: none;
}
button::-moz-focus-inner {
		border: 0;
}
textarea {
		resize: none;
}
video {
		-webkit-mask-image: -webkit-radial-gradient(white, black);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
}
header, nav, section, article, aside, footer, menu, time, figure, figcaption, main {
		display: block;
}
img, svg, picture {
		border: 0;
		outline: none;
		vertical-align: top;
}
a {
		color: var(--accent);
		text-decoration: underline;
		outline: none;
		cursor: pointer;
		transition: color 0.4s ease;
}
a[href^=tel] {
		color: inherit !important;
		text-decoration: none !important;
}
strong {
		font-weight: bold;
}
p, ol, ul {
		margin: 12px 0;
		padding: 0;
}
ol, ul, li {
		list-style: none;
}
li {
		position: relative;
		margin: 0;
		padding: 0 0 0 2em;
}
ul > li:before {
		content: '•';
		width: 2em;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
}
ol {
		counter-reset: li;
}
ol > li:before {
		counter-increment: li;
		content: counters(li, ".") ". ";
		position: relative;
		display: inline-block;
		vertical-align: top;
		min-width: 2em;
		margin: 0 0 0 -2em;
		padding: 0 0.25em 0 0;
}
.circle-btn {
		-webkit-appearance: none;
		cursor: pointer;
		user-select: none;
		border-radius: 50%;
		position: relative;
		box-shadow: var(--shadow-small);
		background: var(--white);
		display: block;
		color: var(--accent);
		transition-property: color, background, box-shadow;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		border: 0;
		outline: none;
		flex: 0 0 auto;
}
@media (pointer:fine) {
		.circle-btn:hover {
				color: var(--white);
				background-color: var(--accent);
				box-shadow: none;
		}
}
.circle-btn:active {
		transition: none;
		color: var(--accent50);
		background-color: var(--white);
		box-shadow: var(--shadow-small);
}
.circle-btn.disabled, .circle-btn.swiper-button-disabled {
		cursor: default;
		box-shadow: var(--shadow);
		color: var(--accent50);
		background-color: var(--white);
}
.btn {
		text-decoration: none;
		-webkit-appearance: none;
		cursor: pointer;
		user-select: none;
		display: inline-flex;
		gap: 4px;
		vertical-align: top;
		justify-content: center;
		text-align: center;
		align-items: center;
		font: bold 18px/1.3 var(--font-title);
		font-variant-numeric: lining-nums;
		text-transform: none;
		letter-spacing: normal;
		color: var(--accent);
		border: 1px solid var(--stroke);
		border-radius: var(--radius);
		padding: 0 19px;
		height: 43px;
		margin: 0;
		outline: none;
		box-shadow: none;
		background: none;
		width: auto;
		flex: 0 0 auto;
		transition-property: color, background, border;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		user-select: none;
		position: relative;
}
.btn svg {
		flex: 0 0 auto;
		width: 16px;
		height: 16px;
		fill: currentColor;
}
.btn:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		background: currentColor;
		margin: -1px;
		transition: opacity 0.4s ease;
		opacity: 0;
}
@media (pointer:fine) {
		.btn:hover:before {
				opacity: 0.2;
		}
}
.btn:active {
		transition: none;
}
.btn:active:before {
		opacity: 0;
		transition: none;
}
.btn-dark {
		background: var(--title);
		color: var(--white);
		border-color: transparent;
}
.btn-dark:before {
		display: none;
}
@media (pointer:fine) {
		.btn-dark:hover {
				background-color: var(--accent);
		}
}
.btn-dark:active {
		background-color: var(--title);
}
.btn-white {
		background: var(--white);
		color: var(--accent);
		border-color: var(--white);
		box-shadow: var(--shadow-small);
}
.btn-accent {
		background: var(--accent);
		color: var(--white);
		border-color: var(--accent);
}
.btn-stroke-gold {
		border-color: var(--golddark);
		color: var(--golddark);
}
.btn-gold {
		background: var(--golddark);
		color: var(--white);
		border-color: var(--golddark);
}
.btn-disabled {
	background: var(--accent50);
	border: 1px solid var(--stroke50);
	cursor: not-allowed;
	pointer-events: none;
}
.spin {
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.btn.mini {
		font-size: 14px;
		line-height: 1.05;
		padding: 10px 0;
		border: 0;
		border-radius: 0;
		height: auto !important;
}
.btn.mini:before {
		display: none;
}
@media (pointer:fine) {
		.btn.mini:hover {
				color: var(--stroke);
		}
}
.btn.mini:active {
		color: var(--accent);
}
.btn.link-more {
		font-size: 14px;
		line-height: 1.05;
		height: 40px;
}
@media only screen and (max-width: 699.99px) {
		.btn.link-more {
				width: 100%;
		}
}
.slider-pages {
		width: auto !important;
		display: inline-block;
		vertical-align: top;
		font: normal 14px/1.2 var(--font-title);
		font-variant-numeric: lining-nums;
		color: var(--accent);
		padding: 6px 0;
		border-bottom: 1px solid var(--stroke);
		flex: 0 0 auto;
}
.slider-pages strong {
		font-weight: bold;
}
.swiper {
		overflow: hidden;
}
.swiper-wrapper, .swiper-slide {
		list-style: none;
		margin: 0;
		padding: 0;
}
.swiper-slide:before {
		display: none;
}
.swiper-wrapper {
		display: flex;
}
.swiper-slide {
		flex: 0 0 auto;
		width: 100%;
}
.slider-arrow {
		width: 40px;
		height: 40px;
		z-index: 5;
		border-radius: 100px;
}
.slider-arrow:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 12px;
		height: 12px;
		border-style: solid;
		border-width: 0 0 1px 1px;
		border-color: currentColor;
		transition: border 0.4s ease;
}
.slider-arrow-prev:before {
		transform: translate3d(-30%, -50%, 0) rotate(45deg);
}
.slider-arrow-next:before {
		transform: translate3d(-70%, -50%, 0) rotate(-135deg);
}
.style-novodev .slider-arrow:before, .style-novodev .slider-arrow:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: auto;
		height: auto;
		border: 0;
		transition: opacity 0.4s ease;
		background-repeat: no-repeat;
		background-position: calc(50% - 2px) 50%;
		background-size: auto 18px;
		transform: none;
}
.style-novodev .slider-arrow:after {
		opacity: 0;
}
.style-novodev .slider-arrow-next:before, .style-novodev .slider-arrow-next:after {
		transform: scale(-1, 1);
}
@media (pointer:fine) {
		.style-novodev .slider-arrow:hover:before {
				opacity: 0;
		}
		.style-novodev .slider-arrow:hover:after {
				opacity: 1;
		}
}
.style-novodev .slider-arrow:active:before, .style-novodev .slider-arrow:active:after {
		transition: none;
}
.style-novodev .slider-arrow:active:before {
		opacity: 1;
}
.style-novodev .slider-arrow:active:after {
		opacity: 0;
}
.style-novodev .slider-arrow:before {
		background-image: url("data:image/svg+xml,%3Csvg width='12' height='18' viewBox='0 0 12 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.54054 8.68164L10.7765 14.4499C11.4363 15.0602 11.4363 16.1031 10.7765 16.7133C10.1857 17.2599 9.27378 17.2599 8.68291 16.7133L1.01815 9.62343C0.469134 9.11559 0.469134 8.24769 1.01815 7.73985L8.68291 0.649946C9.27378 0.103394 10.1857 0.103394 10.7765 0.649946C11.4363 1.26019 11.4363 2.30309 10.7765 2.91333L4.54054 8.68164Z' fill='%235B0C0F'/%3E%3C/svg%3E%0A");
}
.style-novodev .slider-arrow:after {
		background-image: url("data:image/svg+xml,%3Csvg width='12' height='18' viewBox='0 0 12 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.54054 8.68164L10.7765 14.4499C11.4363 15.0602 11.4363 16.1031 10.7765 16.7133C10.1857 17.2599 9.27378 17.2599 8.68291 16.7133L1.01815 9.62343C0.469134 9.11559 0.469134 8.24769 1.01815 7.73985L8.68291 0.649946C9.27378 0.103394 10.1857 0.103394 10.7765 0.649946C11.4363 1.26019 11.4363 2.30309 10.7765 2.91333L4.54054 8.68164Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.mainwrap {
		flex: 0 0 auto;
		width: 100%;
		min-height: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
}
.content {
		flex: 1 0 auto;
}
.header, .footer {
		flex: 0 0 auto;
}
.header {
		background: var(--white);
		display: flex;
		align-items: center;
		gap: 10px;
		min-height: var(--header);
		padding: 12px var(--side-padding);
		box-shadow: var(--shadow);
		position: sticky;
		top: 0;
		z-index: 100;
		color: var(--header-color);
}
.header .logo {
		height: 48px;
		flex: 0 0 auto;
		margin-right: auto;
}
.header .logo img {
		width: auto;
		height: 100%;
		object-fit: cover;
		object-position: center;
		display: block;
}
.header .logo-text {
		flex: 1;
		color: var(--additional-text);
		font: normal 14px/1.06 var(--font-title);
		font-variant-numeric: lining-nums;
		letter-spacing: 0.02em;
		margin: -4px 0;
}
.header .logo-text a {
		text-decoration: none;
		color: inherit;
}
@media (pointer:fine) {
		.header .logo-text a:hover {
				color: var(--accent);
		}
}
.header .logo-text .big {
		font-weight: bold;
		color: var(--main-text);
		line-height: 1.05;
		letter-spacing: normal;
		margin: 0 0 6px 0;
		font-size: 18px;
}
@media only screen and (max-width: 699.99px) {
		.header {
				align-items: flex-start;
		}
		.header .logo {
				padding-top: 8px;
				padding-bottom: 8px;
		}
		.header .logo-text {
				font-size: 10px;
				align-self: center;
		}
		.header .logo-text .big {
				font-size: 12px;
		}
}
.user-menu, .user-menu li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.user-menu {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		min-height: 48px;
		gap: 10px;
		margin-left: 10px;
}
.user-menu li:before {
		display: none;
}
.user-menu .link {
		display: block;
		position: relative;
		text-decoration: none;
		border-radius: 50%;
		color: var(--white);
		background: var(--header-button);
		width: 30px;
		height: 30px;
		transition: background 0.4s ease;
}
@media (pointer:fine) {
		.user-menu a.link:hover {
				background-color: var(--accent);
		}
}
.user-menu svg {
		width: 16px;
		height: 16px;
		fill: currentColor;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -8px;
}
.user-menu .num {
		font: 800 10px/18px var(--font-title);
		font-variant-numeric: lining-nums;
		text-align: center;
		min-width: 18px;
		height: 18px;
		border-radius: 9px;
		background: var(--red);
		padding: 0 3px;
		position: absolute;
		bottom: -3px;
		right: -3px;
}
.menu {
		font: normal 14px/1.2 var(--font-title);
		font-variant-numeric: lining-nums;
		letter-spacing: 0.02em;
		color: var(--text-main);
}
.menu a {
		color: inherit;
		text-decoration: none;
}
.menu ul, .menu li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.menu li:before {
		display: none;
}
.menu li {
		position: relative;
		flex: 0 0 auto;
}
.menu li > *:not(ul) {
		text-decoration: none;
		transition: color 0.4s ease;
		color: inherit;
		display: block;
}
.menu > ul > li > *:not(ul) {
		display: flex;
		align-items: center;
}
.menu li > *:not(ul) svg {
		flex: 0 0 auto;
		width: 16px;
		height: 16px;
		fill: var(--header-arrow);
		transition-property: transform, fill;
		transition-duration: 0.4s;
		transition-timing-function: ease;
}
@media only screen and (max-width: 1299.99px) {
		.header {
				display: flex;
				align-items: center;
				border-radius: var(--radius);
		}
		.toggle-menu {
				order: 2;
				position: relative;
				flex: 0 0 auto;
				width: 48px;
				height: 48px;
				z-index: 101;
				box-shadow: none !important;
				background: none !important;
				color: var(--header-button);
		}
		@media (pointer:fine) {
				.toggle-menu:hover {
						color: var(--accent) !important;
				}
		}
		.toggle-menu > * {
				position: absolute;
				top: 50%;
				left: 50%;
				backface-visibility: hidden;
				width: 24px;
				height: 1.3px;
				border-radius: 1px;
				background: currentColor;
				transform: translate3d(-50%, -50%, 0);
				transition-property: transform, background, opacity;
				transition-duration: 0.4s;
				transition-timing-function: ease;
		}
		.style-novodev .toggle-menu > * {
				width: 22px;
				height: 2px;
				border-radius: 1px;
		}
		.toggle-menu > *:first-child {
				transform: translate3d(-50%, calc(-50% - 6px), 0);
		}
		.toggle-menu > *:last-child {
				transform: translate3d(-50%, calc(-50% + 6px), 0);
		}
		html:has(.menu.open) .toggle-menu > *:first-child {
				transform: translate3d(-50%, -50%, 0) rotate(-135deg);
		}
		html:has(.menu.open) .toggle-menu > *:last-child {
				transform: translate3d(-50%, -50%, 0) rotate(135deg);
		}
		html:has(.menu.open) .toggle-menu > *:nth-child(2) {
				opacity: 0;
		}
		html:has(.menu.open) .toggle-menu {
				color: var(--greymiddle);
		}
		.menu-fader {
				position: fixed;
				z-index: 99;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				backface-visibility: hidden;
				backdrop-filter: blur(10px);
				-webkit-backdrop-filter: blur(10px);
		}
		.menu, .menu-fader {
				transition: opacity 0.4s ease;
		}
		.menu:not(.open), .menu:not(.open) ~ .menu-fader {
				opacity: 0;
				pointer-events: none;
		}
		.menu {
				position: fixed;
				z-index: 100;
				top: var(--side-padding);
				right: var(--side-padding);
				left: var(--side-padding);
				border-radius: var(--radius);
				background: var(--white);
				box-shadow: var(--shadow);
				max-height: calc(100vh - var(--gap) * 2);
				max-height: calc(100svh - var(--gap) * 2);
				overflow: hidden;
				overflow-y: auto;
				padding: 48px 0 16px 0;
				backface-visibility: hidden;
		}
		.menu br {
				display: none;
		}
		.menu li > *:not(ul) {
				color: var(--main-text);
				gap: 8px;
				padding: 16px 32px;
		}
		@media (pointer:fine) {
				.menu li > a:hover {
						color: var(--header-arrow);
				}
		}
		.menu li > *:not(ul) svg {
				transform: rotate(0deg);
		}
		.menu li.open > *:not(ul) {
				color: var(--header-arrow);
		}
		.menu li.open > *:not(ul) svg {
				transform: rotate(-90deg);
		}
		.menu li:not(.open) > ul {
				display: none;
		}
		.menu .arrow-desktop {
				display: none;
		}
		.menu li ul {
				background: var(--light-bg);
		}
		.menu li li:not(:first-child) {
				border-top: 1px solid var(--pattern);
		}
		html:has(.menu.open) {
				overflow: hidden;
		}
}
@media only screen and (max-width: 699.99px) {
		.header {
				gap: 8px;
				padding-top: 8px;
				padding-bottom: 8px;
				align-items: flex-start;
		}
		.menu {
				top: var(--side-padding);
				max-height: calc(100vh - var(--side-padding) * 2);
				max-height: calc(100svh - var(--side-padding) * 2);
		}
}
@media only screen and (min-width: 1300px) {
		.header {
				gap: 10px;
		}
		.toggle-menu {
				display: none !important;
		}
		.user-menu, .menu {
				margin-top: -9px;
				margin-bottom: -9px;
				align-self: flex-end;
		}
		.style-novodev .user-menu, .style-novodev .menu {
				margin-top: 7px;
				margin-bottom: 7px;
		}
		.menu {
				flex: 0 0 auto;
				min-height: 48px;
				display: flex;
				align-items: center;
		}
		.menu > ul {
				display: flex;
				align-items: flex-start;
				gap: 11px;
		}
		.menu > ul > li > *:not(ul) {
				gap: 8px;
				padding: 9px 6px;
				margin: 0 -6px;
		}
		.menu > ul > li > *:not(ul) svg {
				margin: 0 -2px 0 -6px;
		}
		.menu .arrow-mobile {
				display: none;
		}
		.menu .home {
				display: none;
		}
		.menu ul ul {
				position: absolute;
				top: 100%;
				z-index: 100;
				font-size: 12px;
				letter-spacing: normal;
				white-space: normal;
				margin-right: -110px;
				max-width: 208px;
				margin-left: -20px;
				padding: 14px 0;
				border-radius: var(--radius);
				background: var(--white);
				box-shadow: var(--shadow);
				backface-visibility: hidden;
				transition-property: transform, opacity;
				transition-duration: 0.4s;
				transition-timing-function: ease;
				opacity: 0;
				pointer-events: none;
				transform: translate3d(0, 8px, 0);
		}
		.menu ul ul li > * {
				padding: 6px 20px;
		}
		@media (pointer:fine) {
				.menu li:hover > ul {
						opacity: 1;
						pointer-events: all;
						transform: translate3d(0, 0, 0);
				}
				.menu li:hover > *:not(ul) {
						color: var(--accent);
				}
				.menu li:hover > *:not(ul) svg {
						transform: rotate(-180deg);
						fill: var(--accent);
				}
		}
		@media (pointer:coarse) {
				.menu li.open > ul {
						opacity: 1;
						pointer-events: all;
						transform: translate3d(0, 0, 0);
				}
				.menu li.open > *:not(ul) {
						color: var(--accent);
				}
				.menu li.open > *:not(ul) svg {
						transform: rotate(-180deg);
						fill: var(--accent);
				}
		}
}
.content {
		padding: var(--gap) var(--side-padding) 32px var(--side-padding);
}
.content > *:not(:last-child) {
		margin-bottom: var(--gap);
}
.main-grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
.content-title {
		color: var(--main-text);
		margin: calc(17px - var(--gap)) 0 15px 0 !important;
}
.content-title, .content-title .input input, .content-title .input select, .content-title .jcf-select-text, .jcf-select-select-title-style .jcf-option {
		font-weight: 300;
		font-size: 14px;
		line-height: 1.4;
		font-family: var(--font-title);
		font-variant-numeric: lining-nums;
		text-transform: uppercase;
		letter-spacing: -0.011em;
}
.content-title:not(:first-child) {
		margin-top: 40px !important;
}
.content-title .active {
		color: var(--icon) !important;
}
.content-title a:not(.btn) {
		text-decoration: none;
		color: inherit;
}
@media (pointer:fine) {
		.content-title a:not(.btn):hover {
				color: var(--accent);
		}
}
.content-title, .content-foot {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px 32px;
		flex-wrap: wrap;
}
.content-title h1, .content-title h2, .content-title h3, .content-title h4, .content-title h5, .content-title h6 {
		font: inherit;
		color: inherit;
		margin: 0;
		display: inline;
}
.content-title:has(.input) {
		justify-content: flex-start;
}
.content-title .input {
		margin: -6px 0;
		min-width: 145px;
}
.content-title .input input, .content-title .input select, .content-title .jcf-select-text, .jcf-select-select-title-style .jcf-option {
		padding-left: 9px;
		padding-right: 9px;
}
.content-title .input input, .content-title .input select, .content-title .jcf-select-text {
		font: inherit;
		padding-top: 7px;
		padding-bottom: 7px;
}
.content-title .input select, .content-title .jcf-select-text {
		padding-right: 30px !important;
}
.content-title .input:has(select):after {
		background-image: url("../img/select-small.svg");
		width: 14px;
		height: 8px;
		right: 10px;
}
.style-novodev .content-title .input:has(select):after {
		background-size: 14px auto;
}
.content-foot {
		margin: 10px 0 0 0;
}
@media only screen and (max-width: 1199.99px) {
		.content-title .btn {
				display: none;
		}
}
@media only screen and (min-width: 1200px) {
		.content-title, .content-title .input input, .content-title .input select, .content-title .jcf-select-text, .jcf-select-select-title-style .jcf-option {
				font-size: 20px;
		}
		.content-title {
				margin-top: calc(36px - var(--gap)) !important;
				margin-bottom: 40px !important;
		}
		.content-title:not(:first-child) {
				margin-bottom: 28px !important;
		}
		.content-foot {
				display: none;
		}
		.content-title .input {
				margin: -10px 0;
				min-width: 220px;
		}
		.content-title .input input, .content-title .input select, .content-title .jcf-select-text, .jcf-select-select-title-style .jcf-option {
				padding-left: 23px;
				padding-right: 23px;
		}
		.content-title .input select, .content-title .jcf-select-text {
				padding-right: 46px !important;
		}
		.content-title .input:has(select):after {
				right: 19px;
		}
}
.slider-wrap {
		position: relative;
}
@media only screen and (max-width: 1199.99px) {
		.slider-wrap:has(.slider-arrow) {
				padding-bottom: 56px;
		}
		.slider-wrap .content-foot {
				justify-content: flex-end;
				height: 40px;
				position: absolute;
				bottom: 0;
				right: 0;
				margin: 0;
		}
		.slider-wrap .slider-arrow {
				position: absolute;
				bottom: 0;
				left: 0;
		}
		.slider-wrap .slider-arrow-next {
				margin-left: 56px;
		}
		@media only screen and (max-width: 699.99px) {
				.slider-wrap-view-center:has(.slider-arrow) {
						padding-bottom: 112px;
				}
				.slider-wrap-view-center .content-foot {
						left: 0;
				}
				.slider-wrap-view-center .content-foot > * {
						flex: 1 1 auto;
				}
				.slider-wrap-view-center .slider-arrow {
						bottom: 56px;
						width: 80px;
						left: 50%;
				}
				.slider-wrap-view-center .slider-arrow-prev {
						margin-left: -84px;
				}
				.slider-wrap-view-center .slider-arrow-next {
						margin-left: 4px;
				}
		}
}
@media only screen and (min-width: 1200px) {
		.slider-wrap .slider-arrow {
				position: absolute;
				top: 50%;
				transform: translate3d(-50%, -50%, 0);
		}
		.slider-wrap .slider-arrow-prev {
				left: 0;
		}
		.slider-wrap .slider-arrow-next {
				left: 100%;
		}
}
.footer {
		background: var(--footer);
		--accent: var(--white);
		--stroke: var(--footer-stroke);
		--main-text: var(--white);
		--additional-text: var(--footer-color);
		color: var(--footer-color);
		display: grid;
		gap: 40px;
		font: normal 18px/1.3 var(--font-title);
		font-variant-numeric: lining-nums;
		padding: var(--side-block);
}
.footer a {
		color: inherit;
		text-decoration: none;
}
@media (pointer:fine) {
		.footer a:hover {
				color: var(--accent);
		}
}
.footer ul, .footer li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.footer ul {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
}
.footer li:before {
		display: none;
}
.foot-logo {
		display: flex;
		align-items: flex-start;
		gap: 16px;
}
.foot-logo .logo {
		width: auto;
		height: 48px;
		flex: 0 0 auto;
}
.foot-logo .logo img {
		width: auto;
		height: 100%;
		object-fit: cover;
		object-position: center;
}
.foot-logo .logo-text {
		flex: 1;
		color: var(--additional-text);
		font: normal 14px/1.2 var(--font-title);
		font-variant-numeric: lining-nums;
		letter-spacing: 0.02em;
		align-self: center;
}
.foot-logo .logo-text .big {
		color: var(--main-text);
		margin: 0 0 4px 0;
		font: bold 18px/1.25 var(--font-title);
		font-variant-numeric: lining-nums;
		letter-spacing: normal;
}
@media only screen and (min-width: 700px) and (max-width: 1199.99px) {
		.foot-logo .logo-text .big {
				margin-bottom: 4px;
		}
}
@media only screen and (min-width: 1200px) {
		.foot-logo .logo-text .big {
				margin-bottom: 0;
		}
}
.foot-socials {
		flex-direction: row !important;
		flex-wrap: wrap;
		justify-content: flex-start !important;
}
.foot-socials .btn {
		display: flex;
		min-width: 210px;
		font-weight: normal;
		font-size: 18px;
		height: 43px;
		color: var(--accent);
}
@media (pointer:fine) {
		.foot-socials a:hover {
				background-color: var(--stroke);
		}
}
.foot-socials a:active {
		background-color: transparent;
		transition: none;
}
@media only screen and (max-width: 699.99px) {
		.foot-logo .logo-text .big {
				margin-bottom: 16px;
		}
		.foot-socials {
				margin-top: -13px !important;
		}
		.foot-socials li {
				flex: 1 1 auto;
		}
}
@media only screen and (min-width: 700px) {}
@media only screen and (min-width: 700px) and (max-width: 1199.99px) {
		.footer {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
		}
		.footer > *:not(.foot-text-l):not(.foot-text-r) {
				grid-column: 1/-1;
		}
		.foot-text-l, .foot-text-r {
				margin-top: 102px;
		}
		.foot-text-r {
				order: 2;
				text-align: right;
		}
		.foot-socials {
				margin-top: 13px !important;
		}
}
@media only screen and (min-width: 1200px) {
		.footer {
				padding: var(--side-block) var(--side-padding) var(--side-block) var(--side-padding);
				display: grid;
				gap: 40px var(--gap-inner);
				grid-template-columns: repeat(3, 1fr);
		}
		.foot-logo {
				grid-area: 1/1/2/-1;
		}
		.foot-contacts {
				grid-area: 2/1/3/3;
		}
		.foot-links {
				grid-area: 2/3/3/4;
		}
		.foot-socials {
				grid-area: 2/3;
		}
		.footer:has(.foot-socials) .foot-contacts {
				grid-area: 2/1/3/2;
		}
		.footer:has(.foot-socials) .foot-links {
				grid-area: 2/2/3/3;
		}
		.foot-text-l, .foot-text-r {
				margin-top: 40px;
		}
		.foot-text-l {
				grid-column: 1/3;
		}
		.foot-text-r {
				order: 3;
				grid-column: 3;
		}
}
.wrap-side-content {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--gap) 0;
}
.wrap-side-content > * {
		flex: 0 0 auto;
		width: 100%;
}
.wrap-side-content > * > *:not(:last-child) {
		margin-bottom: var(--gap-inner);
}
@media only screen and (min-width: 1200px) {
		.wrap-side-content {
				flex-direction: row;
				justify-content: space-between;
		}
		.wrap-side-content .maincontent {
				width: calc((100% + var(--gap-inner)) / 1.5 - var(--gap-inner));
		}
		.wrap-side-content .sidebar {
				width: calc((100% + var(--gap-inner)) / 3 - var(--gap-inner));
				position: sticky;
				top: calc(var(--header-calc) + var(--gap-inner));
		}
}
.share {
		margin: 26px 0;
}
@media only screen and (min-width: 1200px) {
		.share {
				padding: 10px;
		}
}
.share ul, .share li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.share li:before {
		display: none;
}
.share ul {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
		gap: 10px;
}
@media only screen and (max-width: 699.99px) {
		.share ul {
				gap: 16px;
		}
}
.share .btn {
		font-size: 16px;
		line-height: 1.25;
		height: 44px;
		display: flex;
		border-color: var(--accent);
}
.content-block {
		background: var(--bg);
		border-radius: var(--radius);
		position: relative;
		display: block;
		text-decoration: none;
		color: inherit;
		padding: var(--side-block);
}
.content-block-white {
		--bg: var(--white-bg);
		--pattern: var(--white-pattern);
		--accent: var(--white-accent);
		--stroke: var(--white-stroke);
}
.content-block-light {
		--bg: var(--light-bg);
		--pattern: var(--light-pattern);
		--accent: var(--light-accent);
		--stroke: var(--light-stroke);
}
.content-block-dark {
		--bg: var(--dark-bg);
		--pattern: var(--dark-pattern);
		--accent: var(--dark-accent);
		--stroke: var(--dark-stroke);
		color: var(--white);
		--title: var(--white);
}
.content-block-title {
		font: 800 32px/1.2 var(--font-title);
		font-variant-numeric: lining-nums;
		margin: 0 0 34px 0;
		color: var(--title);
}
@media only screen and (min-width: 1200px) {
		.content-block-title {
				font-size: 36px;
		}
}
.wide-image-block {
		padding: 0 !important;
		height: 255px;
}
.wide-image-block:not(:last-child) {
		margin-bottom: var(--gap-inner);
}
.wide-image-block img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		border-radius: var(--radius);
}
.input {
		position: relative;
}
.input-icon {
		position: absolute;
		top: 50%;
		right: 16px;
		transform: translate3d(0, -50%, 0);
		width: 32px;
		height: 32px;
		pointer-events: none;
}
.input-icon svg {
		width: 100%;
		height: 100%;
		vertical-align: top;
		fill: var(--accent);
}
.form-label {
		font: bold 14px/1.05 var(--font-title);
		font-variant-numeric: lining-nums;
		color: var(--form-text);
}
.form-label.red {
		color: var(--red);
}
.form-label.to-right {
		float: right;
}
.form-label:not(:last-child) {
		margin: 0 0 8px 0;
}
.form-label .red {
		color: var(--red);
		transform: scale(2);
		display: inline-block;
		vertical-align: top;
}
.form-input-info {
		margin: 8px 0 0 0;
		font: normal 14px/1.1 var(--font);
		color: var(--form-text);
}
.form-input-info > div:not(:first-child), .form-input-info > li:not(:first-child) {
		margin-top: 4px;
}
.input {
		clear: both;
}
.input input, .input select, .input textarea, .jcf-select-text, .jcf-option {
		font: bold 18px/1.3 var(--font-title);
		font-variant-numeric: lining-nums;
		padding: 0 19px;
		height: 43px;
}
.input input, .input select, .input textarea, .jcf-select-text {
		text-align: inherit;
		-webkit-appearance: none;
		border: 1px solid var(--white);
		background: var(--white);
		color: var(--input-text);
		box-shadow: none;
		border-radius: var(--radius);
		display: block;
		margin: 0;
		width: 100%;
		outline: none;
}
.invalid {
	border: 1px solid var(--red) !important;
}
.error {
	color: var(--red);
}
.input .invalid {
		border-color: var(--red) !important;
}
.input textarea {
		height: 200px;
		padding-top: 9px;
		padding-bottom: 9px;
}
.input.stroke input, .input.stroke select, .input.stroke textarea {
		background: none;
		color: var(--accent);
		border-color: var(--input-stroke);
}
.input.stroke input:not(:placeholder-shown) {
		background-color: var(--input-bg);
		border-color: transparent;
}
.input.accent input, .input.accent select, .input.accent textarea {
		background: var(--accent);
		color: var(--white);
		border-color: var(--accent);
}
.input:not(.stroke):not(.accent) input::placeholder {
		color: var(--additional-text);
		opacity: 1;
}
.input.stroke input::placeholder {
		color: var(--accent);
		opacity: 1;
}
.input.accent input::placeholder {
		color: var(--white);
		opacity: 1;
}
.input input:focus::placeholder {
		opacity: 0.5;
}
.input select {
		cursor: pointer;
		user-select: none;
		padding-right: 54px;
}
.input:has(select):after {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 50%;
		right: 20px;
		background: url("../img/select.svg") no-repeat 50% 50%;
		width: 26px;
		height: 13px;
		background-size: contain;
		transform: translate3d(0, -50%, 0);
}
.style-novodev .input:has(select):after {
		background-image: url("data:image/svg+xml,%3Csvg width='20' height='11' viewBox='0 0 20 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 1.5L10 9.5L18 1.5' stroke='%235B0C0F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
		width: 20px;
		height: 11px;
}
.jcf-select {
		position: relative;
		display: block;
		text-align: left;
}
.jcf-select-text {
		display: flex;
		align-items: center;
		cursor: pointer;
		user-select: none;
		padding-right: 44px;
		line-height: 1.05;
}
.jcf-select-text > * {
		flex: 0 0 auto;
		width: 100%;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
}
.jcf-select select {
		cursor: pointer;
		user-select: none;
}
.jcf-drop-active .jcf-select-text {
		box-shadow: var(--shadow);
}
.jcf-drop-active:not(.jcf-drop-flipped) .jcf-select-text {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
}
.jcf-drop-active.jcf-drop-flipped .jcf-select-text {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
}
.jcf-select-drop {
		background: #fff;
		border-radius: var(--radius);
		box-shadow: var(--shadow);
}
.jcf-list-content {
		display: block;
		overflow: hidden;
		overflow-y: auto;
		max-height: 50vh;
}
.jcf-select-drop:not(.jcf-drop-flipped) {
		border-radius: 0 0 var(--radius) var(--radius);
		clip-path: polygon(-30px 0, calc(100% + 30px) 0, calc(100% + 30px) calc(100% + 30px), -30px calc(100% + 30px));
}
.jcf-select-drop.jcf-drop-flipped {
		border-radius: var(--radius) var(--radius) 0 0;
		clip-path: polygon(-30px -30px, calc(100% + 30px) -30px, calc(100% + 30px) 100%, -30px 100%);
}
.jcf-select-drop ul, .jcf-select-drop li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.jcf-select-drop li:before {
		display: none;
}
.jcf-select-drop li {
		border-top: 1px solid var(--stroke-gold);
}
.jcf-option {
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		cursor: pointer;
		user-select: none;
		transition: color 0.4s ease;
		color: var(--main-text);
		height: auto;
		line-height: 1.05;
}
@media (pointer:fine) {
		.jcf-option:hover {
				color: var(--accent);
		}
}
.jcf-option.jcf-hover {
		color: var(--accent);
}
.jcf-option.jcf-selected {
		opacity: 0.5;
		cursor: default;
		color: var(--main-text) !important;
}
.form-checks, .form-checks li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.form-checks li:before {
		display: none;
}
.form-checks {
		display: flex;
		flex-wrap: wrap;
		gap: 24px 16px;
		margin: 16px 0;
}
@media only screen and (min-width: 1200px) {
		.form-checks {
				gap: 24px 20px;
		}
}
.form-checks-sum {
		gap: 29px;
}
.form-checks li {
		flex: 1 1 auto;
		max-width: 100%;
		position: relative;
}
.form-checks li:has(.input) {
		width: 165px;
		flex: 0 0 auto;
}
.form-checks input[type="checkbox"], .form-checks input[type="radio"] {
		position: absolute;
		transform: scale(0);
		opacity: 0;
}
.form-checks .btn {
		width: 100%;
		border-color: var(--white);
		background: var(--white);
		color: var(--main-text);
		min-width: 250px;
}
.form-checks-sum .btn {
		min-width: 0;
}
@media (pointer:fine) {
		.form-checks .btn:hover {
				color: var(--accent);
		}
}
.form-checks .btn:active {
		color: var(--main-text);
}
.form-checks input:checked ~ .btn {
		background: var(--stroke) !important;
		border-color: transparent !important;
}
.form-el {
		margin: 24px 0;
}
@media only screen and (min-width: 1200px) {
		.form-el {
				margin: 24px 0 30px 0;
		}
}
.form-total, .form-total li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.form-total li:before {
		display: none;
}
.form-total {
		font: bold 18px/1.3 var(--font-title);
		font-variant-numeric: lining-nums;
		margin: 24px 0;
		display: flex;
		flex-direction: column;
		gap: 24px;
}
@media only screen and (min-width: 1200px) {
		.form-total {
				margin: 30px 0 36px 0;
				gap: 32px;
		}
}
.form-submit {
		display: flex;
		flex-direction: column;
		gap: 16px;
		text-align: center;
}
.load-more {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: var(--gap-inner);
}
.load-more .btn {
		font-size: 14px;
}
@media only screen and (max-width: 699.99px) {
		.load-more .btn {
				min-width: 100%;
		}
}
@media only screen and (min-width: 700px) and (max-width: 1199.99px) {
		.load-more .btn {
				min-width: 226px;
		}
}
@media only screen and (min-width: 1200px) {
		.load-more .btn {
				font-size: 16px;
				min-width: 252px;
		}
}
.image-play {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 68px;
		height: 77px;
		transform: translate3d(-50%, -50%, 0);
		background: url("../img/play.svg") no-repeat 50% 50%;
		background-size: contain;
		z-index: 2;
}
.anchor {
		display: block;
		height: 0;
		position: relative;
		top: calc(var(--header-calc) * -1 - 20px);
}
.modal-wrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		overflow-y: auto;
		display: flex;
		flex-direction: column;
		z-index: 1000;
		margin: 0;
		padding: 16px;
		border: 0;
		outline: none;
		box-shadow: none;
		background: none;
}
.modal-wrap:not(.open) {
		opacity: 0;
		pointer-events: none;
		z-index: -1;
}
.modal-fader {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		background: var(--form-text);
		opacity: 0;
		transition: opacity 0.4s ease;
}
.modal {
		flex: 0 0 auto;
		margin: auto;
		max-width: 100%;
		background: var(--white);
		padding: 32px;
		border-radius: var(--radius);
		font-size: 18px;
		text-align: center;
		color: var(--accent);
		position: relative;
		z-index: 2;
		transition-property: transform, opacity;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		transform: translate3d(0, -10px, 0);
		opacity: 0;
}
.modal-wrap.open:not(.close) .modal-fader {
		opacity: 0.6;
}
.modal-wrap.open:not(.close) .modal {
		opacity: 1;
		transform: translate3d(0, 0, 0);
}
.modal-btns {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: var(--gap-inner);
		margin-top: 24px;
}
.modal-btns > * {
		flex: 0 0 auto;
		max-width: 100%;
		min-width: 228px;
}
.modal-btns > *:only-child {
		margin-left: auto;
		margin-right: auto;
}
.grid-inputs {
		display: flex;
		flex-wrap: wrap;
		gap: 32px var(--gap-inner);
}
.grid-inputs:not(:first-child) {
		margin-top: 40px;
}
.grid-inputs:not(:last-child) {
		margin-bottom: 40px;
}
.grid-inputs-el {
		flex: 0 0 auto;
		width: 100%;
		position: relative;
}
@media only screen and (max-width: 699.99px) {
		.grid-inputs-el .captcha {
				margin-top: 32px;
		}
		.grid-inputs-el .captcha-text-desktop {
				display: none;
		}
}
@media only screen and (min-width: 700px) {
		.grid-inputs-el:has(.captcha) {
				padding-right: 255px;
		}
		.grid-inputs-el .captcha {
				position: absolute;
				bottom: 0;
				right: 0;
		}
		.grid-inputs-el .captcha-text-mobile {
				display: none;
		}
}
.grid-inputs-submit {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 32px;
}
.grid-inputs-submit .btn {
		flex: 0 0 auto;
		width: auto;
		min-width: 228px;
}
@media only screen and (max-width: 699.99px) {
		.grid-inputs-submit .btn {
				width: 100%;
		}
}
.form-checks-text, .form-checks-text li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.form-checks-text {
		display: flex;
		flex-direction: column;
		gap: var(--gap-inner);
		color: var(--form-text);
		font: bold 14px/1.05 var(--font-title);
		font-variant-numeric: lining-nums;
}
.form-checks-text a:not(.btn) {
		text-decoration: none;
}
@media (pointer:fine) {
		.form-checks-text a:not(.btn):hover {
				text-decoration: underline;
		}
}
.form-checks-text > * {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 32px;
		position: relative;
		padding-left: 40px;
}
.form-checks-text label {
		cursor: pointer;
		user-select: none;
}
.form-checks-text label input {
		position: absolute;
		transform: scale(0);
		opacity: 0;
}
.form-checks-text .checkbox {
		position: absolute;
		top: 0;
		left: 0;
		width: 32px;
		height: 32px;
		border: 1px solid var(--input-stroke);
}
.form-checks-text .checkbox svg {
		width: 100%;
		height: 100%;
		fill: var(--form-text);
		display: block;
		transition: opacity 0.4s ease;
		opacity: 0;
}
.form-checks-text input:checked ~ .checkbox svg {
		opacity: 1;
}
.input .eye {
		width: 32px;
		height: 32px;
		cursor: pointer;
		user-select: none;
		position: absolute;
		top: 50%;
		right: 16px;
		margin: -16px 0;
}
.input .eye svg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		fill: var(--accent);
}
.input input:not([type="password"]) ~ .eye .eye-closed {
		display: none;
}
.input input[type="password"] ~ .eye .eye-open {
		display: none;
}
.input:has(.eye) input {
		padding-right: 50px;
}
.input.names {
		display: flex;
		flex-direction: column;
		gap: 1px;
}
.input.names input {
		font-weight: normal;
		font-family: var(--font);
		color: var(--form-text);
		font-size: 18px;
}
@media only screen and (max-width: 699.99px) {
		.input.names input {
				font-size: 16px;
		}
}
.input.names input:not(:first-child) {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
}
.input.names input:not(:last-child) {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
}
.input.names input::-webkit-input-placeholder {
		opacity: 1;
		color: var(--form-text) !important;
}
.input.names input::-moz-placeholder {
		opacity: 1;
		color: var(--form-text) !important;
}
.input.names input:-ms-input-placeholder {
		opacity: 1;
		color: var(--form-text) !important;
}
.input.names + .form-input-info {
		font-weight: bold;
		line-height: 1.1;
		font-family: var(--font-title);
		font-variant-numeric: lining-nums;
		color: var(--accent);
}


.custom-selector {
	position: relative;
	width: 100%;

	font: bold 18px / 1.3 var(--font-title);
	font-variant-numeric: lining-nums;
	height: 43px;

	text-align: inherit;
	-webkit-appearance: none;
	border: none;
	background: var(--white);
	color: var(--input-text);
	box-shadow: none;
	border-radius: var(--radius);
	display: block;
	margin: 0;
	outline: none;
}

.custom-selector:after {
	content: '';
	pointer-events: none;
	position: absolute;
	top: 50%;
	right: 20px;
	background: url(../img/select.svg) no-repeat 50% 50%;
	width: 26px;
	height: 13px;
	background-size: contain;
	transform: translate3d(0, -50%, 0);

	background-image: url("data:image/svg+xml,%3Csvg width='20' height='11' viewBox='0 0 20 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 1.5L10 9.5L18 1.5' stroke='%235B0C0F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	width: 20px;
	height: 11px;
}

.selector-display {
	padding: 10px;
	border: none;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	cursor: pointer;
	background-color: var(--white);
}

.selector-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	border: 1px solid var(--white);
	border-top: none;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: -2px;
	background: #fff;
	z-index: 1000;
	max-height: 500px;
	overflow-y: auto;
}

.type-group {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}

.group-title {
	font-weight: bold;
	margin-bottom: 8px;
	color: var(--input-text);
	padding: 0 10px;
}

.radio-group {
	display: flex;
	flex-direction: column;
	gap: 8px;
	color: var(--form-text);
	font: normal 18px/1.2 var(--font);
}

.radio-group input[type="radio"]{
	display: none;
}

.radio-group label {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 5px 15px;
}

.radio-group label:hover {
	color: var(--accent);
}

.radio-group input[type="radio"] {
	margin-right: 8px;
}

.radio-group input[type="radio"]:checked + label {
	background-color: var(--input-bg);
}