@charset "UTF-8";
:root {
	--container-width: 1760px;
	--container-width--wide: 1870px;
	--font: Arial, sans-serif;
	--gap: max(10px, 2rem);
	--font: "Rubik", -apple-system, BlinkMacSystemFont, sans-serif;
	--font-title: "Onest", -apple-system, BlinkMacSystemFont, sans-serif;
	--font-serif: Georgia, "Times New Roman", serif;
	--black: #262626;
	--blue-light: #A1C5E7;
	--salat: #E2E43F;
	--salat-light: #ECEE62;
	--yellow: #FAD00A;
	--violet: #BD8DBF;
	--violet-dark: #55a8c8;
	--violet-light: #ADAAD4;
	--pink: #EFAACB;
	--orange: #EE944C;
	--green: #71BF97;
	--gray-light: #EDEEF3;
	--gray-text: rgba(38, 38, 38, 0.7);
	--gray-dop: #808080;
	--soc-wa: #9AE43F;
	--soc-tg: #7DBFFC;
	--soc-max: #715BEA;
	--br-25: max(15px, 2.5rem);
	--color-hw: #020D1B;
}

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













































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



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



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

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



 


h1, div, span {
	max-height: 5000em;
}

figure, header, nav, section {
	display: block;
	position: relative;
}








/* cyrillic */

/* latin */

/* latin-ext */

/* latin */

/* cyrillic */

/* latin-ext */







h1, .h1 {
	font-family: var(--font-title);
	font-weight: 600;
}



h1, .h1 {
	font-size: max(28px, 6rem);
	line-height: 1;
}

.text-2 {
	font-size: max(14px, 1.8rem);
	line-height: 1.3;
}
































.btn-double figure {
	display: block;
	position: relative;
	width: 57px;
	height: 60px;
	background: url(../img/btn-stars.svg);
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 10px;
	flex-shrink: 0;
	overflow: clip;
}







































.s-header {
	position: fixed;
	z-index: 48;
	top: 0;
	left: 0;
	right: 0;
	margin-right: var(--f-scrollbar-compensate, 0px);
	background: #FFF;
	color: var(--black);
	font-family: var(--font-title);
}
@media (max-width: 1200px) {
	.s-header {
		display: none;
	}
	.header-mob__messangers{
		flex-direction: row !important;
	}
}

.header-top {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	padding: max(5px, 1rem) 0;
}
.header-top .container {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 20px;
}

.header-top__nav {
	display: flex;
	gap: 2em;
	font-size: 14px;
}

.header-top__nav__link {
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: color 0.3s ease;
	-webkit-user-select: none;
	        user-select: none;
}
@media (hover: hover) {
	.header-top__nav__link:hover {
		color: var(--salat);
	}
}
.header-top__nav__link:active {
	color: var(--salat);
}

.header-top__nav__link--has-sub {
	display: flex;
	align-items: center;
	gap: 0.3em;
}
.header-top__nav__link--has-sub svg {
	stroke: currentColor;
}
@media (hover: hover) {
	.header-top__nav__link--has-sub:hover .header-top__nav__sub {
		opacity: 1;
		visibility: visible;
		translate: 0 0;
	}
}

.header-top__nav__sub {
	position: absolute;
	z-index: 20;
	top: 100%;
	left: 0;
	padding-top: 10px;
	opacity: 0;
	translate: 0 -10px;
	visibility: hidden;
	transition: opacity 0.2s ease, translate 0.2s ease, visibility 0.2s ease;
}

.header-top__nav__sub-list {
	display: flex;
	flex-direction: column;
	background: var(--gray-light);
	border-radius: 10px;
	padding: 10px 5px;
	color: var(--black);
}
.header-top__nav__sub-list a {
	padding: 8px 15px;
	border-radius: 5px;
}
@media (hover: hover) {
	.header-top__nav__sub-list a:hover {
		background: var(--salat);
	}
}
.header-top__nav__sub-list a:active {
	scale: 0.95;
}

.header-top__right {
	display: flex;
	gap: 5px;
}
















.header-bottom {
	padding: max(10px, 1.5rem) 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.header-bottom .container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
	position: relative;
}

.header-bottom__logo {
	display: block;
	width: max(130px, 26rem);
	min-width: 130px;
	flex-shrink: 0;
	-webkit-tap-highlight-color: transparent;
}
.header-bottom__logo img {
	display: block;
	width: 100%;
	height: auto;
}
@media (hover: hover) {
	.header-bottom__logo:hover img {
		opacity: 0.85;
	}
}

.header-bottom__phones {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: 2px;
	margin-left: auto;
	margin-right: 14px;
	padding-right: 14px;
	border-right: 1px solid rgba(0, 0, 0, 0.12);
	line-height: 1.2;
	flex-shrink: 0;
}

.header-bottom__phone {
	font-size: max(17px, 2.1rem);
	font-weight: 600;
	white-space: nowrap;
	letter-spacing: -0.01em;
}

.header-bottom .header-top__messangers {
	flex-shrink: 0;
}

.header-bottom__nav {
	display: flex;
	gap: 1.6em;
	font-size: max(14px, 1.8rem);
	position: absolute;
	left: 40%;
	transform: translateX(-50%);
}

.header-bottom__nav__link {
	font-weight: bold;
	text-transform: capitalize;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
	transition: color 0.3s ease;
}
@media (hover: hover) {
	.header-bottom__nav__link:hover {
		color: var(--salat);
	}
}
.header-bottom__nav__link:active {
	color: var(--salat);
}

.intro-slider-wrap {
	overflow: clip;
	min-height: 100vh;
	min-height: 100dvh;
	background-color: var(--bg-color, #1b0324);
}

.intro-slider-wrap .intro {
	background: transparent;
}

.intro-slider {
	width: calc(round(to-zero, 100%, 1px) + 2px);
	min-height: 100vh;
	min-height: 100dvh;
}
.intro-slider .swiper-wrapper {
	min-height: 100vh;
	min-height: 100dvh;
}
.intro-slider .swiper-slide {
	min-height: 100vh;
	min-height: 100dvh;
	height: auto;
	display: flex;
	overflow: clip;
}
.intro-slider .slider-pagination {
	position: absolute;
	z-index: 10;
	bottom: max(20px, 7rem);
}
@media (max-width: 680px) {
	.intro-slider .slider-pagination {
		bottom: 35px;
		left: initial;
		right: 20px;
		width: auto;
	}
}

.intro {
	display: flex;
	flex: 1;
	position: relative;
	width: 100%;
	min-height: 100vh;
	min-height: 100dvh;
	padding-top: max(88px, 12rem);
	padding-bottom: max(20px, 5.5rem);
	background: var(--bg-color, var(--black));
	color: #FFF;
	overflow: clip;
	transform: translateZ(0px);
}

@media (max-width: 1200px) {
	.intro {
		padding-top: 68px;
	}
}
.intro .container {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	min-height: 100%;
	position: relative;
	z-index: 5;
	transform: translateZ(0px);
}
.intro:before {
	content: "";
	position: absolute;
	z-index: 4;
	inset: 0;
	background: rgba(0, 0, 0, 0.1);
	opacity: 0;
	transform: translateZ(0px);
}
@media (max-width: 680px) {
	.intro:before {
		opacity: 1;
	}
}
.intro:after {
	content: "";
	position: absolute;
	z-index: 4;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 20%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0));
	opacity: 0;
	transform: translateZ(0px);
}
@media (max-width: 680px) {
	.intro:after {
		opacity: 1;
	}
}

.intro__top {
	display: flex;
	flex-direction: column;
}
@media (max-width: 680px) {
	.intro__top {
		width: 100%;
	}
}

.intro__top--middle {
	margin-top: auto;
	translate: 0 -4rem;
}

.intro__uptitle {
	font-family: var(--font-title);
	text-transform: uppercase;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 1em;
	font-size: max(12px, 1.8rem);
}

.intro__title {
	max-width: 13em;
	text-wrap: balance;
}
@media (max-width: 680px) {
	.intro__title {
		font-size: max(24px, 12rem);
	}
}

.intro__bottom {
	margin-top: auto;
	padding-top: 40px;
}

.intro__cta-text {
	max-width: 30em;
	text-wrap: balance;
	margin-bottom: max(12px, 2rem);
}
@media (max-width: 680px) {
	.intro__cta-text {
		display: none;
		font-size: max(12px, 4rem);
	}
}

.intro__picture {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 680px) {
	.intro__picture:not(.intro__picture--mob-full) {
		width: 210%;
		height: auto;
		aspect-ratio: 769/360;
		top: initial;
		bottom: 0;
		left: -90%;
	}
}
.intro__picture:before {
	content: "";
	position: absolute;
	z-index: 3;
	top: -2px;
	left: 0;
	width: 100%;
	height: 25%;
	background: linear-gradient(to bottom, var(--bg-color, var(--black)), transparent);
	opacity: 0;
	pointer-events: none;
}
@media (max-width: 680px) {
	.intro__picture:before {
		opacity: 1;
	}
}
.intro__picture img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}




















































/* End */


/* Start:/local/templates/archione/styles.css?1776148884270*/



.s-about .h2 {
	font-family: var(--font-title);
	font-weight: 600;
	font-size: max(28px, 5.4rem);
	line-height: 1.05;
  position: sticky;
  top: 70px
}

.s-about .h3 {
	font-family: var(--font-title);
	font-weight: 400;
  color: #000 !important;
	font-size: 30px;
	line-height: 1.3;
}

.s-about {
	padding: max(40px, 10rem) 0;
}

.about {
	display: grid;
  grid-template-columns: 0.8fr 1fr;
}
@media (max-width: 1024px) {
	.about {
		grid-template-columns: 1fr;
	}
}

.about__left {
	position: sticky;
	top: max(20px, 4rem);

}
@media (max-width: 1024px) {
	.about__left {
		position: static;
		width: 100%;
	}
}

.about__tag {
	display: inline-flex;
	align-items: center;
	padding: 6px 1px;
	background: var(--violet-dark);
	color: #fff;
	font-family: var(--font-title);
	font-size: 14px;
	border-radius: 6px;
	margin-bottom: max(20px, 3rem);
}

.about__title {
	text-transform: uppercase;
	line-height: 1.05;
  font-size:62px !important;
  font-weight: 400 !important;
}
.about__title strong {
	font-family: inherit;
	font-weight: 400 !important;
	font-style: normal;
	color: var(--violet-dark);
}



.about-list {
	display: flex;
	flex-direction: column;
}

.about-item {
	display: flex;
	gap: var(--gap);
  padding-left: 40px !important;
	padding: 33px 0;
	border-top: 1px solid var(--violet-dark);
}
.about-item:first-child {
	border-top: 1px solid var(--violet-dark);
}
@media (max-width: 680px) {
	.about-item {
		flex-direction: column;
		gap: max(10px, 1.5rem);
	}
}

.about-item__num {
	flex: 0 0 auto;
	width: 6em;
	font-family: var(--font-title);
	font-weight: 700;
	font-size: 42px;
	color: var(--violet-dark);
	line-height: 1;
}

.about-item__content {
	flex: 1 1 auto;
	min-width: 0;
}

.about-item__title {
	text-transform: uppercase;
	margin-bottom: max(12px, 2rem);
}

.about-item__text {
	color: var(--gray-text);
	max-width: 40em;
  font-size: 16px;
  line-height: 1.5;
}

.s-about .container{
  position: relative;
}
































.s-header-mob {
	position: fixed;
	z-index: 48;
	top: 0;
	left: 0;
	right: 0;
	display: none;
	background: #FFF;
	color: var(--black);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	transition: border 0.2s ease, color 0.2s ease, background 0.2s ease;
}
@media (max-width: 1200px) {
	.s-header-mob {
		display: block;
	}
}

.header-mob {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	height: 90px;
	padding-left: 10px;
	padding-right: 10px;
}
.header-mob .fav--header {
	background: none;
}

.header-mob__left {
	display: flex;
	align-items: center;
	gap: 4px;
}

.header-mob__messangers {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}

.header-mob__messangers-row {
	display: flex;
	align-items: center;
	gap: 6px;
}

.header-mob__messanger {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 34px;
	height: 34px;
	-webkit-tap-highlight-color: transparent;
}
.header-mob__messanger:active {
	scale: 0.95;
}
.header-mob__messanger svg,
.header-mob__messanger .icon-whatsapp,
.header-mob__messanger .icon-instagram,
.header-mob__messanger .icon-email {
	width: 28px;
	height: 28px;
	flex-shrink: 0;
}

.header-mob__messanger--icon-only {
	width: 34px;
	height: 34px;
	padding: 0;
}
.header-mob__messanger path {
	fill: var(--accent-color);
}
.header-mob__messanger rect {
	fill: #FFF;
}

.header-mob__logo {
	width: 150px;
	-webkit-tap-highlight-color: transparent;
}
.header-mob__logo:active {
	scale: 0.97;
}
.header-mob__logo img {
	display: block;
	width: 100%;
	height: auto;
}


.burger {
	position: relative;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	display: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	border-radius: 6px;
	background: transparent;
	-webkit-user-select: none;
	        user-select: none;
}
@media (max-width: 1200px) {
	.burger {
		display: flex;
	}
}
.burger figure {
	position: relative;
	z-index: 2;
	width: 14px;
	height: 2px;
	background: currentColor;
	transition: transform 0.4s ease, width 0.3s ease, background 0.1s ease;
}
.burger figure:before, .burger figure:after {
	content: "";
	width: 14px;
	height: 2px;
	background: currentColor;
	position: absolute;
	transition: transform 0.4s ease, width 0.3s ease;
}
.burger figure:before {
	transform: rotate(0) translate3d(-7px, -6px, 0);
}
.burger figure:after {
	transform: rotate(0) translate3d(-7px, 6px, 0);
}
.burger.active figure {
	background: transparent;
}
.burger.active figure:before {
	transform: rotate(45deg) translate3d(0, 0, 0);
}
.burger.active figure:after {
	transform: rotate(-45deg) translate3d(0, 0, 0);
}

.mobile-menu {
	position: fixed;
	z-index: 60;
	inset: 0;
	visibility: hidden;
	pointer-events: none;
}
.mobile-menu.active {
	visibility: visible;
	pointer-events: all;
}
.mobile-menu__overlay {
	position: absolute;
	inset: 0;
	background: rgba(27, 3, 36, 0.55);
	-webkit-backdrop-filter: blur(4px);
	        backdrop-filter: blur(4px);
	opacity: 0;
	transition: opacity 0.35s ease;
}
.mobile-menu.active .mobile-menu__overlay {
	opacity: 1;
}
.mobile-menu__panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(360px, 86vw);
	background: #1B0324;
	color: #FFF;
	display: flex;
	flex-direction: column;
	padding: 20px 24px max(24px, 4rem);
	translate: 100% 0;
	transition: translate 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	overflow-y: auto;
	font-family: var(--font-title);
	box-shadow: -20px 0 60px rgba(0, 0, 0, 0.3);
}
.mobile-menu.active .mobile-menu__panel {
	translate: 0 0;
}
.mobile-menu__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 50px;
	flex-shrink: 0;
}
.mobile-menu__logo {
	width: 140px;
	-webkit-tap-highlight-color: transparent;
}
.mobile-menu__logo img {
	display: block;
	width: 100%;
	height: auto;
	filter: brightness(0) invert(1);
}
.mobile-menu__close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: none;
	background: rgba(255, 255, 255, 0.1);
	color: #FFF;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: background 0.2s ease;
}
.mobile-menu__close:active {
	background: rgba(255, 255, 255, 0.2);
	scale: 0.95;
}
.mobile-menu__nav {
	display: flex;
	flex-direction: column;
	margin-top: max(24px, 3rem);
	padding-top: 4px;
}
.mobile-menu__nav__link {
	display: flex;
	align-items: baseline;
	gap: 12px;
	padding: 14px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
	color: #FFF;
	-webkit-tap-highlight-color: transparent;
	transition: color 0.2s ease, padding-left 0.2s ease;
}
.mobile-menu__nav__link span {
	font-size: 12px;
	font-weight: 500;
	color: var(--salat);
	font-family: var(--font);
}
.mobile-menu__nav__link:active {
	color: var(--salat);
	padding-left: 6px;
}
.mobile-menu__phones {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: max(20px, 2.5rem);
}
.mobile-menu__phone {
	font-size: 20px;
	font-weight: 600;
	color: #FFF;
	letter-spacing: -0.01em;
	-webkit-tap-highlight-color: transparent;
}
.mobile-menu__cta {
	margin-top: max(20px, 2.5rem);
	width: 100%;
	--btn-bg: var(--salat);
}
.mobile-menu__messengers {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: max(20px, 2.5rem);
	flex-wrap: wrap;
}
.mobile-menu__messenger {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.08);
	-webkit-tap-highlight-color: transparent;
	transition: background 0.2s ease, scale 0.1s ease;
}
.mobile-menu__messenger:active {
	background: rgba(255, 255, 255, 0.16);
	scale: 0.95;
}
.mobile-menu__messenger svg,
.mobile-menu__messenger .icon-whatsapp,
.mobile-menu__messenger .icon-instagram {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}
.mobile-menu__messenger path {
	fill: var(--accent-color);
}
.mobile-menu__messenger rect {
	fill: transparent;
}

body.menu-open {
	overflow: hidden;
}

@media (min-width: 1201px) {
	.mobile-menu {
		display: none;
	}
}
















































.fav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	border: none;
	background: rgba(0, 0, 0, 0.2);
	color: inherit;
	position: absolute;
	z-index: 5;
	right: 15px;
	top: 15px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: background 0.3s ease;
	-webkit-user-select: none;
	        user-select: none;
	flex-shrink: 0;
}
@media (max-width: 680px) {
	.fav {
		width: 34px;
		height: 34px;
		top: 5px;
		right: 5px;
	}
}
@media (hover: hover) {
	.fav:hover svg {
		fill: #FFF;
	}
}
.fav:active {
	scale: 0.95;
}
.fav:active svg {
	fill: #FFF;
}
.fav svg {
	display: block;
	width: 100%;
	height: auto;
	stroke: #FFF;
	transition: fill 0.1s ease;
	fill: transparent;
	pointer-events: none;
}

.fav__counter {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 2;
	background: var(--violet-dark);
	color: #FFF;
	font-family: var(--font-title);
	font-size: 10px;
	font-weight: bold;
	white-space: nowrap;
	width: 13px;
	height: 13px;
	text-align: center;
	border-radius: 50%;
}
.fav__counter:empty {
	opacity: 0;
}

.fav--header {
	position: relative;
	top: initial;
	right: initial;
	background: rgba(255, 255, 255, 0.2);
	width: 34px;
	height: 34px;
}
@media (hover: hover) {
	.fav--header:hover {
		background: rgba(255, 255, 255, 0.3);
	}
}
.fav--header:active {
	background: rgba(255, 255, 255, 0.4);
}
.fav--header svg {
	fill: currentColor !important;
	stroke: currentColor !important;
}

.header-top__messangers {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.header-top__messangers-row {
	display: flex;
	gap: 5px;
}

.header-top__messanger {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	text-transform: capitalize;
	gap: 6px;
	background: rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	height: 34px;
	padding: 0 12px;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
	transition: background 0.3s ease, scale 0.1s ease;
}
@media (hover: hover) {
	.header-top__messanger:hover {
		background: rgba(0, 0, 0, 0.1);
	}
}
.header-top__messanger:active {
	background: rgba(0, 0, 0, 0.14);
	scale: 0.96;
}
.header-top__messanger span {
	padding-top: 0.1em;
}
.header-top__messanger svg,
.header-top__messanger .icon-whatsapp,
.header-top__messanger .icon-instagram,
.header-top__messanger .icon-email {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.header-top__messanger--icon-only {
	width: 34px;
	padding: 0;
	justify-content: center;
}
.header-top__messanger path {
	fill: var(--accent-color);
}
.header-top__messanger rect {
	fill: #FFF;
}

.fixed-panel {
	position: fixed;
	z-index: 48;
	top: 0;
	left: 0;
	right: 0;
	height: 60px;
	margin-right: var(--f-scrollbar-compensate, 0px);
	background: #FFF;
	color: var(--black);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	translate: 0 -101%;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	visibility: hidden;
	transition: translate 0.3s ease, visibility 0.3s ease;
	font-family: var(--font-title);
}
@media (max-width: 1200px) {
	.fixed-panel , .header-mob__messangers {
		display: none;
	}
	.header-mob{
		flex-direction: row-reverse !important;
	}
}
.fixed-panel.visible {
	translate: 0 0;
	visibility: visible;
	pointer-events: all;
}
.fixed-panel .container {
	display: flex;
	align-items: center;
	gap: 2rem;
	height: 60px;
	position: relative;
}

.fixed-panel__logo {
	display: block;
	flex-shrink: 0;
	-webkit-tap-highlight-color: transparent;
}

.fixed-panel__logo img {
	display: block;
	height: 28px;
	width: auto;
}

.fixed-panel__nav {
	display: flex;
	gap: 1.1em;
	font-weight: bold;
	font-size: max(14px, 1.8rem);
	white-space: nowrap;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.fixed-panel__nav__link {
	transition: color 0.3s ease;
	text-transform: capitalize;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.fixed-panel__nav__link:hover {
		color: var(--salat);
	}
}
.fixed-panel__nav__link:active {
	color: var(--salat);
}

.fixed-panel__right {
	display: flex;
	align-items: center;
	margin-left: auto;
	gap: 4px;
}

.fixed-panel__phones {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: 2px;
	margin-right: 12px;
	padding-right: 12px;
	border-right: 1px solid rgba(0, 0, 0, 0.12);
	line-height: 1.2;
	flex-shrink: 0;
}

.fixed-panel__phone {
	font-size: max(14px, 1.7rem);
	font-weight: 600;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
}














/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */






 


div {
	max-height: 5000em;
}










/* cyrillic */

/* latin */

/* latin-ext */

/* latin */

/* cyrillic */

/* latin-ext */

























.s-hero-video{
  padding-top: 0 !important;
}
.s-def {
	padding: 60px 0;
}




.btn-arrow {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	font-family: var(--font-title);
	font-size: max(12px, 1.6rem);
	font-weight: 500;
	width: max(25px, 5rem);
	height: max(25px, 5rem);
	background: transparent;
	color: inherit;
	border-radius: max(5px, 1rem);
	overflow: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
	white-space: nowrap;
	flex-shrink: 0;
	transition: width 0.3s ease, background 0.3s ease, scale 0.1s ease, color 0.3s ease;
}
@media (hover: hover) {
	.btn-arrow:hover {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.btn-arrow:hover path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.btn-arrow:hover path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
}
.btn-arrow:active {
	background: var(--btn-bg, var(--salat));
	color: var(--black);
	scale: 0.95;
}
.btn-arrow svg {
	stroke-width: 2.5px;
	flex-shrink: 0;
	width: max(25px, 5rem);
	height: auto;
	stroke: currentColor;
	pointer-events: none;
	will-change: transform;
}
.btn-arrow svg path:nth-child(1) {
	stroke-dasharray: 16px;
	stroke-dashoffset: 0;
	transition: all 0.5s ease;
}
.btn-arrow svg path:nth-child(2) {
	stroke-dasharray: 22px;
	stroke-dashoffset: 0;
	transition: all 0.5s ease;
	transition-delay: 0.1s;
}














.sec-title-double {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	text-wrap: pretty;
	margin-bottom: max(30px, 5rem);
}
@media (max-width: 680px) {
	.sec-title-double {
		grid-template-columns: 1fr;
	}
}
.sec-title-double .h2 {
	max-width: 16em;
	text-wrap: balance;
}
.sec-title-double .text-3 {
	max-width: 34em;
	text-wrap: balance;
}
.sec-title-double .text-3 a {
	color: var(--violet-dark);
	text-decoration-line: underline;
	text-underline-offset: 0.2em;
	transition: -webkit-text-decoration 0.3s ease;
	transition: text-decoration 0.3s ease;
	transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
	-webkit-tap-highlight-color: transparent;
	text-decoration-color: rgba(102, 95, 169, 0.3);
}
@media (hover: hover) {
	.sec-title-double .text-3 a:hover {
		text-decoration-color: var(--violet-dark);
	}
}
.sec-title-double .text-3 a:active {
	text-decoration-color: var(--violet-dark);
}









.services-wall__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: max(30px, 5rem);
}
@media (max-width: 680px) {
	.services-wall__header {
		flex-direction: column;
		align-items: stretch;
	}
}
.services-wall__header .sec-title-double {
	margin-bottom: 0;
	flex: 1;
}
.services-wall__nav {
	flex-shrink: 0;
}
.services-wall-wrap {
	overflow: hidden;
}
.services-wall-slider {
	overflow: visible;
}
.services-wall-slider__slide {
	height: auto;
}
.services-wall-slider .service-wall-item {
	grid-column: auto;
	width: 100%;
}

.order-modal {
	display: none;
}
.order-modal__card {
	width: min(560px, calc(100vw - 32px));
	padding: max(28px, 4.5rem);
	background: linear-gradient(145deg, #1b0324 0%, #2a1040 55%, #1b0324 100%);
	color: #fff;
	border-radius: max(16px, 2.5rem);
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
}
.order-modal__badge {
	margin-bottom: 1.2em;
	font-family: var(--font-title);
	font-size: max(11px, 1.4rem);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--salat-light);
}
.order-modal__title {
	margin-bottom: 0.45em;
	line-height: 1.05;
}
.order-modal__subtitle {
	max-width: 28em;
	margin-bottom: max(20px, 3rem);
	color: rgba(255, 255, 255, 0.78);
}
.order-modal__form .input__text {
	background: rgba(255, 255, 255, 0.96);
	border-color: transparent;
}
.order-modal__form .input__text::placeholder {
	color: rgba(38, 38, 38, 0.45);
}
.order-modal__form textarea.input__text {
	min-height: 96px;
	resize: vertical;
}
.order-modal__submit {
	width: 100%;
	margin-top: 4px;
}
.order-modal__form .style-checkbox {
	color: rgba(255, 255, 255, 0.75);
	font-size: max(11px, 1.35rem);
}
.order-modal__form .style-checkbox span a {
	color: var(--salat-light);
}
.fancybox__slide:has(.order-modal__card) {
	padding: 16px;
}

.services-wall {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: max(15px, 5rem) var(--gap);
}

.service-wall-item {
	display: flex;
	flex-direction: column;
	gap: max(5px, 2rem);
	position: relative;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
	grid-column: span 4;
}
@media (max-width: 680px) {
	.service-wall-item {
		grid-column: span 12;
	}
}
@media (hover: hover) {
	.service-wall-item:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.service-wall-item:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.service-wall-item:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
}

.service-wall-item__bottom {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.service-wall-item__title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	font-size: max(14px, 3.2rem);
	padding-top: 0.2em;
}
@media (max-width: 480px) {
	.service-wall-item__title {
		font-size: 14px;
	}
}

.service-wall-item__stage {
	position: relative;
	background: var(--gray-light);
	border-radius: var(--br-25);
	overflow: clip;
	aspect-ratio: 573/660;
}
.service-wall-item__overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: flex-end;
	padding: max(18px, 2.8rem);
	background: linear-gradient(
		to top,
		rgba(27, 3, 36, 0.94) 0%,
		rgba(27, 3, 36, 0.82) 45%,
		rgba(27, 3, 36, 0.2) 100%
	);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.35s ease, visibility 0.35s ease;
	pointer-events: none;
}
.service-wall-item__overlay-text {
	color: #fff;
	font-size: max(12px, 1.55rem);
	line-height: 1.5;
	text-wrap: pretty;
}
.service-wall-item__overlay-text p + p {
	margin-top: 0.85em;
}
.service-wall-item__overlay-text strong {
	display: block;
	margin-bottom: 0.45em;
	font-family: var(--font-title);
	font-size: max(14px, 1.9rem);
	font-weight: 600;
	line-height: 1.25;
}
@media (hover: hover) {
	.service-wall-item:hover .service-wall-item__overlay {
		opacity: 1;
		visibility: visible;
	}
	.service-wall-item:hover .service-wall-item__img {
		scale: 1.04;
	}
}
@media (max-width: 680px) {
	.service-wall-item__stage {
		aspect-ratio: 4/3;
	}
}

.service-wall-item__img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	pointer-events: none;
	transition: scale 0.3s ease;
	will-change: transform;
}

video.service-wall-item__img {
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	opacity: 0.99;
}

.service-wall-item--big {
	grid-column: span 6;
	grid-row: span 2;
}
@media (max-width: 680px) {
	.service-wall-item--big {
		grid-column: span 12;
		grid-row: span 1;
	}
}
.service-wall-item--big .service-wall-item__stage {
	aspect-ratio: 870/670;
}

.service-wall-item--tall {
	grid-column: span 3;
	grid-row: span 2;
}
@media (max-width: 680px) {
	.service-wall-item--tall {
		grid-column: span 6;
		grid-row: span 2;
	}
}
.service-wall-item--tall .service-wall-item__stage {
	aspect-ratio: 425/670;
}

.service-wall-item--small {
	grid-column: span 3;
}
@media (max-width: 680px) {
	.service-wall-item--small {
		grid-column: span 6;
	}
}
.service-wall-item--small .service-wall-item__stage {
	aspect-ratio: 425/290;
}
.service-wall-item--small + .service-wall-item--small {
	margin-top: min(-10px, -3rem);
}















































/* End */


/* Start:/local/templates/archione/styles.css?1776148884270*/



.anim--fadeIn {
	opacity: 0;
	will-change: opacity;
	transition: opacity 1.6s ease;
}
.anim--fadeIn.animated {
	opacity: 1;
}

.anim--fadeZoomIn, .anim--fadeIn:hover img {
	opacity: 0.7;
	transform: scale(1.08);
	will-change: opacity, transform;
	transition: opacity 1.6s ease, transform 1.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.anim--fadeIn img{
  transition: all 0.3s ease;
}


























/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */



















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

 


p, div, span {
	max-height: 5000em;
}

figure, section {
	display: block;
	position: relative;
}








/* cyrillic */

/* latin */

/* latin-ext */

/* latin */

/* cyrillic */

/* latin-ext */







.h2, .h4 {
	font-family: var(--font-title);
	font-weight: 600;
}





.h4 {
	font-size: max(18px, 3.2rem);
	line-height: 1.1;
}

.text-1 {
	font-size: max(14px, 1.6rem);
	line-height: 1.3;
}





























.btn-double {
	display: inline-flex;
	position: relative;
	z-index: 2;
	border: none;
	background: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: scale 0.1s ease;
}


.btn-double:focus {
	outline: none;
}
.btn-double .btn__line path {
	animation: btnLineDraw 1.6s ease infinite;
}

@media (max-width: 1024px) {
	.btn-double figure {
		width: 48px;
		height: 50px;
	}
}

.btn-double figure:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--btn-bg-light, var(--salat-light));
	transition: background 0.3s ease;
}
.btn-double figure:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--btn-bg, var(--salat));
	transition: translate 0.3s ease, background 0.3s ease;
	animation: btnDouble 1.6s ease 0.4s infinite;
}

@keyframes btnDouble {
	from {
		translate: 0 -100%;
	}
	to {
		translate: 0 100%;
	}
}
























.s-contents {
	overflow-x: clip;
}
.s-contents .container {
	z-index: 3;
}

.s-contents__line {
	position: absolute;
	z-index: -1;
	top: 20rem;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-x: clip;
	height: 1400px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	z-index: 1;
}
@media (max-width: 680px) {
	.s-contents__line {
		display: none;
	}
}
.s-contents__line svg {
	display: block;
	flex-shrink: 0;
	stroke: var(--gray-light);
	width: 2596px;
	height: auto;
}
@media (max-width: 1680px) {
	.s-contents__line svg {
		width: 160%;
	}
}

.contents-nav {
	position: relative;
	z-index: 3;
	text-align: center;
	white-space: nowrap;
	overflow: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	-webkit-user-select: none;
	        user-select: none;
	margin-bottom: max(20px, 7rem);
}
@media (max-width: 1024px) {
	.contents-nav::-webkit-scrollbar {
		display: none;
	}
}

.contents-nav__item {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	background: none;
	border-radius: 25px;
	width: 144px;
	text-align: center;
	padding: 20px 20px 10px 20px;
	transition: background 0.2s ease;
	white-space: normal;
}
@media (max-width: 1024px) {
	.contents-nav__item {
		width: 100px;
		padding: 10px;
		border-radius: 15px;
		margin: 0 4px;
	}
}
@media (hover: hover) {
	.contents-nav__item:hover {
		background: rgba(217, 217, 217, 0.2);
	}
}
.contents-nav__item:active {
	background: rgba(217, 217, 217, 0.2);
	scale: 0.95;
}
.contents-nav__item.active {
	background: var(--salat);
	background: rgba(217, 217, 217, 0.6);
}
.contents-nav__item.active .contents-nav__item__img {
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px var(--salat);
}

.contents-nav__item__img {
	display: block;
	width: 100px;
	height: auto;
	aspect-ratio: 1/1;
	background: var(--gray-light);
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px var(--gray-light);
	transition: background 0.3s ease;
}
@media (max-width: 1024px) {
	.contents-nav__item__img {
		width: 70px;
	}
}

.contents-nav__item__title {
	min-height: 2.6em;
}
.contents__right{
  overflow: hidden;
}

.contents {
	display: grid;
	grid-template-columns:450px 1fr;
	gap: 40px;
	align-items: center;
}
@media (max-width: 680px) {
	.contents {
		grid-template-columns: minmax(0, 1fr);
	}
}

.contents__left {
	transition: opacity 0.4s ease, scale 0.4s ease;
}
@media (max-width: 680px) {
	.contents__left {
		display: none;
	}
}
.contents__left .h2 {
	max-width: 12em;
	margin-bottom: 0.5em;
}
@media (max-width: 680px) {
	.contents__left .h2 {
		max-width: initial;
	}
}
.contents__left .text-3 {
	margin-bottom: 30px;
	max-width: 20em;
	text-wrap: pretty;
	display: flex;
	flex-direction: column;
	gap: 0.75em;
}
@media (max-width: 680px) {
	.contents__left .text-3 {
		max-width: initial;
	}
}

.contents__left--mob {
	display: none;
	margin-bottom: 30px;
}
@media (max-width: 680px) {
	.contents__left--mob {
		display: block;
	}
}

.contents-slider {
	overflow: visible;
	width: max(320px, 43.2rem);
	margin: initial;
}

.contents-slider__slide {
	width: 100%;
}

.contents-story {
	position: relative;
	background: var(--gray-light);
	border-radius: var(--br-25);
	overflow: clip;
	-webkit-user-select: none;
	        user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: opacity 0.3s ease, scale 0.3s ease;
}
.contents-story:after {
	content: "";
	position: absolute;
	z-index: 4;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
	pointer-events: none;
	opacity: 1;
	transition: opacity 0.3s ease;
	transform: translateZ(0px);
}
.contents-story.active {
	pointer-events: all;
	cursor: default;
}
.contents-story.active:after {
	opacity: 0;
}
.contents-story.active .contents-story__dots {
	opacity: 1;
}
.contents-story.active .contents-story__slider__nav {
	pointer-events: all;
}
.contents-story__slider {
	display: block;
	width: 100%;
}
.contents-story__slider .swiper-slide {
	position: relative;
}
.contents-story__slider .swiper-slide:before {
	content: "";
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40%;
	background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
	pointer-events: none;
	transform: translateZ(0px);
}

.contents-story__slider__nav {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	z-index: 5;
	-webkit-tap-highlight-color: transparent;
	transition: background 0.15s ease;
	pointer-events: none;
}
@media (hover: hover) {
	.contents-story__slider__nav:hover {
		background: rgba(0, 0, 0, 0);
	}
}
.contents-story__slider__nav:active {
	background: rgba(0, 0, 0, 0.05);
}
.contents-story__slider__nav:focus {
	outline: none;
	box-shadow: none;
}

.contents-story__slider__nav--prev {
	left: 0;
}

.contents-story__slider__nav--next {
	right: 0;
}

.contents-story__video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 432/700;
	object-fit: cover;
	pointer-events: none;
}

.contents-story__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 432/700;
	object-fit: cover;
	pointer-events: none;
}

.contents-story__descr {
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	color: #FFF;
	padding: 0 max(15px, 4rem) max(20px, 6rem);
	pointer-events: none;
	transform: translateZ(0px);
}
.contents-story__descr .text-1 {
	margin-top: max(5px, 1rem);
	font-size: max(12px, 1.6rem);
	overflow: hidden;
	transition: height 0.3s ease;
}
@media (max-width: 1024px) {
	.contents-story__descr .text-1 {
		height: auto;
	}
}

.contents-story--clickable,
.contents-story--clickable.active {
	cursor: pointer;
}
@media (hover: hover) {
	.contents-story--clickable:hover {
		scale: 1.01;
	}
}

.contents-story__dots {
	position: absolute;
	display: none;
	align-items: center;
	justify-content: center;
	gap: 15px;
	top: 0;
	left: 0;
	width: 100%;
	bottom: initial;
	margin-top: max(15px, 4rem);
	margin-left: max(15px, 4rem);
	width: calc(100% - max(30px, 8rem));
	z-index: 4;
	transition: opacity 0.3s ease;
	opacity: 0;
	transform: translateZ(1px);
}

.contents-story__dot {
	display: block;
	position: relative;
	background: rgba(255, 255, 255, 0.6);
	opacity: 1;
	flex: 1 1 0%;
	border-radius: 4px;
	height: 4px;
	width: auto;
	margin: 0;
	overflow: clip;
	--progress: 0%;
}
.contents-story__dot:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: var(--progress);
	border-radius: 4px;
	background: var(--salat);
}
.contents-story__dot.past {
	--progress: 100%;
}
.contents-story__dot.past:before {
	width: 100%;
}
.contents-story__dot.future {
	--progress: 0%;
}
.contents-story__dot.future:before {
	width: 0%;
}
























.s-gallery {
	padding: max(40px, 10rem) 0;
}
/* makes the new <a> wrapper inert for layout purposes — the existing
   .gallery__item / img rules continue to control sizing exactly as before */
.gallery__item a {
	display: block;
	width: 100%;
	height: 100%;
}
.gallery__item a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.gallery__head {
	margin-bottom: max(30px, 5rem);
  display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    z-index: 20;
}
.gallery__item:hover img{
  transform: scale(1.08);
}
.gallery__item img{
  transition: all 0.3s ease;
}


.gallery__title {
	text-transform: uppercase;
	line-height: 1.15;
	max-width: 60em;
}
.gallery__title strong {
	font-family: inherit;
	font-weight: inherit;
	font-style: normal;
	color: var(--violet-dark);
}

.gallery__subtitle {
	margin-top: max(16px, 2rem);
	color: var(--gray-text);
	max-width: 50em;
}

.gallery__grid {
	column-count: 4;
	column-gap: var(--gap);
}

.gallery__item {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	margin-bottom: var(--gap);
	overflow: hidden;
	border-radius: var(--br-25);
}

.gallery__item img {
	width: 100%;
	height: auto;
	display: block;
}

@media (max-width: 1024px) {
	.gallery__grid {
		column-count: 2;
	}
}

@media (max-width: 680px) {
	.gallery__grid {
		column-count: 1;
	}
}

.gallery__more {
	display: flex;
	justify-content: flex-end;
	margin-top: max(20px, 3rem);
}

.gallery__more__link {
	font-family: var(--font);
	font-size: max(14px, 1.6rem);
	color: var(--black);
	text-decoration: underline;
	text-underline-offset: 0.3em;
	transition: opacity 0.3s ease;
}
.gallery__more__link:hover {
	opacity: 0.6;
}
.s-hero-video {
	position: relative;
}

.hero-video {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.hero-video__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-video__play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: none;
	border: none;
	cursor: pointer;
	color: #fff;
	z-index: 2;
	text-align: center;
}

.review_inner_btn h2 {
	margin: 0;
	font-family: var(--font-title);
	font-weight: 600;
	font-size: max(18px, 2.6rem);
	color: #fff;
}

.play-btn {
	width: 60px;
	height: 60px;
	background: radial-gradient(
		rgba(143, 28, 79, 0.8) 60%,
		rgba(255, 255, 255, 1) 62%
	);
	border-radius: 50%;
	position: relative;
	display: block;
	margin: 15px auto;
	box-shadow: 0px 0px 25px 3px rgba(143, 28, 79, 0.8);
	z-index: 2;
}
.play-btn:before {
	content: "";
	position: absolute;
	width: 150%;
	height: 150%;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation: pulsate1 2s;
	animation: pulsate1 2s;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: steps;
	animation-timing-function: steps;
	opacity: 1;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.75);
	top: -30%;
	left: -30%;
	background: rgba(198, 16, 0, 0);
}
.play-btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-40%) translateY(-50%);
	transform: translateX(-40%) translateY(-50%);
	transform-origin: center center;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 25px solid #fff;
	z-index: 100;
	-webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
@-webkit-keyframes pulsate1 {
	0% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 1;
		box-shadow: inset 0 0 25px 3px rgba(255, 255, 255, 0.75),
			0 0 25px 10px rgba(255, 255, 255, 0.75);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
		box-shadow: none;
	}
}
@keyframes pulsate1 {
	0% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 1;
		box-shadow: inset 0 0 25px 3px rgba(255, 255, 255, 0.75),
			0 0 25px 10px rgba(255, 255, 255, 0.75);
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1);
		opacity: 0;
		box-shadow: none;
	}
}

@media (max-width: 1060px) {
	.anime_scale {
		width: 100%;
		height: 100%;
	}
}

/* --- fullscreen video modal --- */
.video-modal {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.85);
	padding: max(20px, 4rem);
}
.video-modal.is-open {
	display: flex;
}

.video-modal__inner {
	position: relative;
	width: 100%;
	max-width: 1100px;
}

.video-modal__embed {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: var(--br-25, 16px);
	overflow: hidden;
	background: #000;
}
.video-modal__embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.video-modal__video {
	width: 100%;
	max-height: 85vh;
	display: block;
	background: #000;
	border-radius: var(--br-25, 16px);
}

.video-modal__close {
	position: absolute;
	top: max(16px, 3rem);
	right: max(16px, 3rem);
	width: max(36px, 4.4rem);
	height: max(36px, 4.4rem);
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	z-index: 1001;
}
.video-modal__close svg {
	width: 100%;
	height: 100%;
}





























/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */




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

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

.swiper-wrapper {
	transform: translateZ(0);
}

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

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

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



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

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

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

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

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

 




section {
	display: block;
	position: relative;
}








/* cyrillic */

/* latin */

/* latin-ext */

/* latin */

/* cyrillic */

/* latin-ext */







.h2, .h3 {
	font-family: var(--font-title);
	font-weight: 600;
}





.h3 {
	font-size: max(20px, 3.6rem);
	line-height: 1.1;
}

.text-3 {
	font-size: max(14px, 2rem);
	line-height: 1.3;
}










.s-def {
	padding: max(80px, 15rem) 0;
}























label {
	cursor: pointer;
}

.ajax-form input[name=phone] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
	-webkit-user-select: none;
	        user-select: none;
}

.input {
	position: relative;
	display: block;
	cursor: auto;
}
.input:focus-within .input__label, .input:has(.input__text:not(:placeholder-shown)) .input__label {
	font-size: 14px;
	top: 6px;
}
@media (max-width: 1024px) {
	.input:focus-within .input__label, .input:has(.input__text:not(:placeholder-shown)) .input__label {
		font-size: 12px;
		top: 6px;
	}
}






.input__text {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	font-family: var(--font-title);
	font-size: 18px;
	line-height: 1.25;
	font-weight: 500;
	appearance: none;
	border: none;
	padding: 28px 20px 10px;
	overflow: visible;
	background: transparent;
	background: #FFF;
	color: var(--black);
	border-radius: 10px;
	transition: background 0.3s ease;
}
@media (max-width: 1024px) {
	.input__text {
		font-size: 16px;
		padding: 24px 20px 6px;
	}
}
.input__text:focus {
	outline: none;
}

.input__label {
	position: absolute;
	z-index: 2;
	top: 20px;
	left: 20px;
	font-family: var(--font-title);
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.5);
	transform-origin: left center;
	transition: all 0.2s ease;
	transform: translate3d(0, 0, 0);
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	white-space: nowrap;
	text-transform: lowercase;
}
@media (max-width: 1024px) {
	.input__label {
		font-size: 16px;
		top: 15px;
	}
}

.input__req {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	font-size: 24px;
	line-height: 1;
	color: var(--black);
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	transition: color 0.3s ease;
}

.vertical-form .input {
	width: 100%;
	margin-bottom: 10px;
}
.vertical-form .btn {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}
@media (max-width: 1024px) {
	.vertical-form .btn {
		margin-top: 0;
		margin-bottom: 10px;
	}
}

.style-checkbox {
	display: block;
	position: relative;
	cursor: pointer;
	font-size: max(12px, 1.6rem);
}
.style-checkbox input {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.style-checkbox input:checked + span:after {
	opacity: 1;
	content: "✓";
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: currentColor;
}
.style-checkbox span {
	display: block;
	position: relative;
	padding-left: 30px;
}
@media (max-width: 1024px) {
	.style-checkbox span {
		padding-top: 3px;
	}
}
.style-checkbox span:before {
	content: "";
	width: 20px;
	height: 20px;
	border: 2px solid currentColor;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
}
.style-checkbox span:after {
	content: "";
	width: 20px;
	height: 20px;
	background: none;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.style-checkbox span a {
	color: currentColor;
	text-decoration: underline;
	text-underline-offset: 0.2em;
	transition: color 0.3s ease;
}
@media (hover: hover) {
	.style-checkbox span a:hover {
		color: var(--salat);
	}
}
.style-checkbox span a:active {
	color: var(--salat);
}

.draw-line {
	will-change: transform;
}
.draw-line path {
	stroke-dasharray: var(--path-total-length);
	stroke-dashoffset: calc(var(--path-total-length) * 3);
}
.draw-line.drawed path {
	stroke-dashoffset: calc(var(--path-total-length) * 2);
	transition: stroke-dashoffset var(--draw-speed, 4s) ease;
}

.draw-line--reverse path {
	stroke-dashoffset: calc(var(--path-total-length) * 1);
}


.slider-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	--swiper-pagination-color: rgba(0, 0, 0, 1);
	--swiper-pagination-bullet-inactive-color: rgba(0, 0, 0, 0.3);
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-bullet-size: 6px;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	pointer-events: none;
}
@media (max-width: 1024px) {
	.slider-pagination {
		--swiper-pagination-bullet-size: 4px;
		--swiper-pagination-bullet-horizontal-gap: 3px;
	}
}
.slider-pagination .swiper-pagination-bullet {
	transition: scale 0.2s ease, background 0.3s ease;
	flex-shrink: 0;
	pointer-events: all;
}
.slider-pagination .swiper-pagination-bullet-active {
	scale: 1.8;
}

.slider-pagination--white {
	--swiper-pagination-color: rgba(255, 255, 255, 1);
	--swiper-pagination-bullet-inactive-color: rgba(255, 255, 255, 0.3);
}

.slider-btn {
	display: inline-flex;
	align-items: center;
	width: 54px;
	height: 60px;
	background: #FFF;
	color: var(--black);
	border-radius: 10px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	flex-shrink: 0;
	transition: opacity 0.3s ease, background 0.3s ease, scale 0.1s ease;
}
@media (max-width: 1024px) {
	.slider-btn {
		width: 45px;
		height: 50px;
		border-radius: 8px;
	}
}
@media (hover: hover) {
	.slider-btn:hover {
		background: var(--salat);
	}
	.slider-btn:hover svg {
		stroke: var(--black);
	}
	.slider-btn:hover path {
		stroke-dashoffset: -46px;
	}
}
.slider-btn:active {
	scale: 0.95;
}
.slider-btn svg {
	flex-shrink: 0;
	width: 100%;
	height: auto;
	stroke: var(--black);
	pointer-events: none;
}
.slider-btn svg path {
	stroke-dasharray: 23px;
	stroke-dashoffset: 0;
	transition: all 0.5s ease;
}
.slider-btn.swiper-button-disabled {
	opacity: 0;
	cursor: default;
}

.slider-btn--white-transparent {
	background: rgba(237, 238, 243, 0.1);
}
.slider-btn--white-transparent svg {
	stroke: #FFF;
}






.s-quiz{
  padding-top: 0 !important;
}

.quiz {
	display: grid;
	grid-template-columns: minmax(0, 808fr) minmax(0, 500fr);
	gap: 5px 10px;
	width: 131.8rem;
	margin-left: auto;
	margin-right: auto;
	min-height: 63rem;
	margin-top: max(50px, 12rem);
}
@media (max-width: 1250px) {
	.quiz {
		width: 160rem;
	}
}
@media (max-width: 1024px) {
	.quiz {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.quiz {
		width: 100%;
		grid-template-columns: minmax(0, 1fr);
	}
}

.quiz__left {
	position: relative;
	background: var(--quiz-bg, var(--violet-dark));
	color: #FFF;
	padding: max(20px, 5rem);
	border-radius: var(--br-25);
	overflow: hidden;
}
@media (max-width: 768px) {
	.quiz__left {
		min-height: 100rem;
	}
}
@media (max-width: 768px) {
	.quiz__left {
		min-height: 55rem;
	}
}
.quiz__left .h2 {
	max-width: 7em;
	margin-bottom: 0.7em;
	position: relative;
	z-index: 2;
}
@media (max-width: 768px) {
	.quiz__left .h2 {
		max-width: 10em;
		font-size: 11rem;
	}
}
.quiz__left .text-3 {
	max-width: 13em;
	position: relative;
	z-index: 2;
	font-size: max(14px, 2rem);
}
@media (max-width: 768px) {
	.quiz__left .text-3 {
		font-size: 5rem;
		display: none;
	}
}

.quiz__line-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--br-25);
	overflow: clip;
}

.quiz__line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	border-radius: var(--br-25);
	stroke: var(--quiz-line, #5A548F);
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
.quiz__img {
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: var(--br-25);
	width: min(55rem, 100%);
	height: auto;
	max-height: 100%;
	object-fit: contain;
	object-position: right bottom;
	aspect-ratio: auto;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 768px) {
	.quiz__img {
		width: min(60rem, 110%);
	}
}

.quiz__right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	background: var(--quiz-bg, var(--violet-dark));
	color: #FFF;
	border-radius: var(--br-25);
	-webkit-user-select: none;
	        user-select: none;
}

.quiz__slider {
	width: 100%;
}

.quiz-step {
	padding: max(20px, 4rem);
	padding-bottom: 2px;
}

.quiz-step__title {
	margin-bottom: 0.5em;
}

.quiz-step__radios {
	display: grid;
	gap: 5px;
	-webkit-user-select: none;
	        user-select: none;
}

.quiz-radio {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	position: relative;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	border: 1px solid #FFF;
	border-radius: 10px;
	font-size: max(14px, 2rem);
	padding: max(14px, 1.7rem);
	line-height: 1.2;
	opacity: 0.5;
	transition: opacity 0.1s ease, background 0.1s ease, color 0.1s ease, scale 0.1s ease;
}
.quiz-radio input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
}
.quiz-radio span {
	pointer-events: none;
}
.quiz-radio svg {
	width: max(12px, 2rem);
	height: auto;
	flex-shrink: 0;
	stroke: currentColor;
	pointer-events: none;
}

@media (hover: hover) {
	.quiz-radio:hover {
		opacity: 1;
		background: #FFF;
		color: var(--black);
	}
}
.quiz-radio:active {
	scale: 0.97;
}

.quiz__form {
	margin-top: 20px;
}

.quiz__nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 max(20px, 4rem) max(15px, 2rem);
	position: relative;
}





















.swiper-wrapper {
	will-change: transform;
}



























/* End */


/* Start:/local/templates/archione/styles.css?1776148884270*/


/* End */
/* /local/templates/archione/css/main.css?1779290751379374 */
/* /local/templates/archione/styles.css?1776148884270 */


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

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

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

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

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

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

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

:root {
	--f-progressbar-height: 3px;
	--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);
	--f-progressbar-opacity: 1;
	--f-progressbar-z-index: 30;
}

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

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

.fancybox__dialog::backdrop {
	opacity: 0;
}

@supports (height: 100dvh) {
}

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

/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */
:root {
	--swiper-theme-color: #007aff ;
}

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

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

.nice-select .list:hover .option:not(:hover) {
	background-color: rgba(0, 0, 0, 0) !important;
} 
*, *:after, *:before {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

div, span {
	max-height: 5000em;
}

footer, nav {
	display: block;
	position: relative;
}

img {
	border: none;
	object-fit: contain;
}

.bx-core-adm-dialog .bx-core-adm-dialog-content:has(.bxce) {
	overflow: hidden;
}

:root {
	interpolate-size: allow-keywords;
	/* Enables keyword transitions for the entire page */
}

@view-transition {
	navigation: auto;
}
html {
	font-size: 0.522vw;
}
@media (width > 1920px) {
	html {
		font-size: 10px;
	}
}

body {
	font-family: var(--font);
	font-size: max(14px, 1.6rem);
	font-weight: 400;
	line-height: 1.3;
	color: var(--black);
}

.h2 {
	font-family: var(--font-title);
	font-weight: 600;
}

:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) :is(b, mark, strong, em) {
	font-family: var(--font-serif);
	font-weight: 500;
	font-style: italic;
	background: none;
}

.h2 {
	font-size: max(24px, 4.8rem);
	line-height: 1;
}

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

::selection {
	color: var(--black);
	background-color: var(--salat);
}

::-moz-selection {
	color: var(--black);
	background-color: var(--salat);
}

.container {
	margin: 0 auto;
	width: 100%;
	max-width: calc(var(--container-width) + 80px);
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
}
@media (max-width: 1024px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: top;
	position: relative;
	padding: 0 2em;
	font-size: 16px;
	font-family: var(--font-title);
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none;
	text-transform: capitalize;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	        user-select: none;
	background: var(--btn-bg, var(--salat));
	color: var(--black);
	border: none;
	border-radius: 10px;
	height: 60px;
	overflow: clip;
	-webkit-tap-highlight-color: transparent;
	transition: scale 0.1s ease, background 0.3s ease;
}
@media (max-width: 1024px) {
	.btn {
		height: 50px;
		font-size: 14px;
	}
}
/* @media (max-width: px) {
	.btn {
		height: 40px;
		font-size: 12px;
		border-radius: 8px;
	}
} */
.btn:active:not(:disabled) {
	scale: 0.95;
}
.btn:focus {
	outline: none;
}
.btn:disabled {
	background: var(--gray-light);
	color: #bebebe;
	cursor: default;
}
.btn:disabled .btn__line {
	stroke: #e7e7e7;
}
.btn span {
	position: relative;
	z-index: 2;
}

.btn__line {
	position: absolute;
	top: 0;
	right: 0;
	stroke: var(--btn-bg-light, var(--salat-light));
	width: 100px;
	height: auto;
	pointer-events: none;
	transition: stroke 0.3s ease;
}
@media (max-width: 1024px) {
	.btn__line {
		width: 82px;
	}
}
@media (max-width: 680px) {
	.btn__line {
		width: 72px;
	}
}
.btn__line path {
	stroke-dasharray: 126.6px;
	stroke-dashoffset: 0;
	animation: btnLineDraw 1.6s ease infinite;
	will-change: stroke-dashoffset;
	transform: translateZ(0px);
}

@keyframes btnLineDraw {
	from {
		stroke-dashoffset: 759.6px;
	}
	to {
		stroke-dashoffset: 506.4px;
	}
}
button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.btn-double:active:not(:disabled) {
	scale: 0.95;
}
.btn-double:active:not(:disabled) .btn {
	scale: 1;
}

.s-footer {
	z-index: 21;
}

.fancybox__slide:has(.modal--aside) {
	padding: 8px !important;
	overflow: hidden;
}
@media (max-width: 680px) {
	.fancybox__slide:has(.modal--aside) {
		padding: 4px !important;
	}
}
.input:has(.input__text:not(:placeholder-shown)) .input__label {
	font-size: 14px;
	top: 6px;
}
@media (max-width: 1024px) {
	.input:has(.input__text:not(:placeholder-shown)) .input__label {
		font-size: 12px;
		top: 6px;
	}
}
.input:has(.error) .input__text {
	background: #f8baba;
}
.input:has(.error) .input__label {
	color: red;
}
.input:has(.error) .input__req {
	color: red;
}
.input:has(select):after {
	content: "";
	position: absolute;
	right: 16px;
	top: 24px;
	width: 14px;
	height: 14px;
	background: none; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid currentColor; width: 0; height: 0;
	background-size: contain;
	z-index: 5;
	pointer-events: none;
}
@media (max-width: 1024px) {
	.input:has(select):after {
		top: 20px;
	}
}
.sec-title-center:has(.text-3) .h1, .sec-title-center:has(.text-3) .h2 {
	margin-bottom: 0.5em;
}
.user-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
	margin-top: max(30px, 6rem);
	margin-bottom: max(15px, 3rem);
}
.user-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):first-child {
	margin-top: 0;
}
.user-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):last-child {
	margin-bottom: 0;
}
.user-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) + :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
	margin-top: 0;
}

.s-footer {
	background: var(--black);
	color: #FFF;
	position: relative;
	overflow: hidden;
}

.footer {
	display: flex;
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.5fr) minmax(0, 0.75fr) minmax(280px, 0.9fr);
	gap: max(20px, 4rem);
	padding: max(40px, 8rem) 0;
}
@media (max-width: 1024px) {
	.footer {
		display: block;
	}
}

.footer__col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

@media (max-width: 1024px) {
	.footer__col--hide-mob {
		display: none;
	}
}

.footer__nav-title {
	font-size: max(18px, 4.8rem);
	white-space: nowrap;
	margin-bottom: 0.5em;
}

.footer__nav {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-family: var(--font-title);
	font-size: max(12px, 2.2rem);
	line-height: 1.3;
	font-weight: 400;
	gap: 0.5em;
}
.footer__nav a {
	-webkit-tap-highlight-color: transparent;
	transition: color 0.3s ease;
}
@media (hover: hover) {
	.footer__nav a:hover {
		color: var(--salat);
	}
}
.footer__nav a:active {
	color: var(--salat);
}

.footer__text {
	max-width: 38em;
	margin: 0;
	font-family: var(--font-title);
	font-size: max(12px, 2rem);
	line-height: 1.45;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.72);
}

.footer__col__bottom {
	margin-top: auto;
	padding-top: 20px;
	width: 100%;
}

.footer__catalog {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	gap: 5px;
	padding: max(8px, 1.6rem);
	background: var(--violet-dark);
	color: #FFF;
	border-radius: max(5px, 1rem);
	width: max(140px, 27.6rem);
	height: max(54px, 10.5rem);
	font-family: var(--font-title);
	font-size: max(9px, 1.8rem);
	font-weight: 500;
	line-height: 1;
	-webkit-user-select: none;
	        user-select: none;
	transition: background 0.3s ease, color 0.3s ease, scale 0.1s ease;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.footer__catalog:hover {
		background: var(--salat);
		color: var(--black);
	}
}
.footer__catalog:active {
	scale: 0.97;
}
.footer__catalog img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: max(80px, 16.3rem);
	height: auto;
	aspect-ratio: 163/123;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}

@media (max-width: 1024px) {
	.footer__col--last {
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		width: 100%;
		gap: 20px;
	}
}
@media (max-width: 680px) {
	.footer__col--last {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}
@media (max-width: 1024px) {
	.footer__col--last .footer__col__bottom {
		padding-top: initial;
		margin-top: initial;
		width: initial;
	}
}

.footer__col__phone-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
@media (max-width: 1024px) {
	.footer__col__phone-actions {
		width: initial;
	}
}
@media (max-width: 680px) {
	.footer__col__phone-actions {
		align-items: center;
	}
}

.footer__phone {
	font-size: max(16px, 3.6rem);
	padding-top: 0.1em;
	white-space: nowrap;
	letter-spacing: -0.02em;
}
@media (max-width: 1024px) {
	.footer__phone {
		font-size: 24px;
	}
}

.footer__callback {
	width: 100%;
	margin-top: max(10px, 3rem);
}
@media (max-width: 1024px) {
	.footer__callback {
		width: auto;
	}
}

.footer__email {
	font-size: max(14px, 2.4rem);
	color: var(--salat);
	margin-top: 0.5em;
}

.footer__phone + .footer__phone {
	margin-top: 0.2em;
}

.footer__messengers {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	background: #4B4B4B;
	border-radius: 15px;
	padding: 12px 15px;
	width: 100%;
}
.footer__messenger {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	-webkit-user-select: none;
	        user-select: none;
	transition: opacity 0.3s ease, scale 0.1s ease;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.footer__messenger:hover {
		opacity: 0.85;
	}
}
.footer__messenger:active {
	scale: 0.95;
}
.footer__messenger svg,
.footer__messenger .icon-whatsapp,
.footer__messenger .icon-instagram {
	width: 36px;
	height: 36px;
	flex-shrink: 0;
}
.footer__messenger svg rect {
	fill: var(--accent-color);
}

.footer__socials {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: 10px;
}

.soc {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: #FFF;
	border-radius: 50%;
	transition: background 0.3s ease, scale 0.1s ease;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
	flex-shrink: 0;
}
@media (hover: hover) {
	.soc:hover {
		background: var(--salat);
	}
}
.soc:active {
	background: var(--salat);
	scale: 0.95;
}

.soc img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.soc--instagram {
	background: transparent;
}

.footer__socials__note {
	font-family: var(--font-title);
	font-size: 13px;
	line-height: 1.3;
	color: var(--gray-dop);
	text-align: left;
}

.footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: max(20px, 4rem);
	position: relative;
	padding: max(40px, 8rem) 0;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	font-family: var(--font-title);
	font-size: max(12px, 1.8rem);
	line-height: 1.3;
	font-weight: normal;
}
@media (max-width: 680px) {
	.footer-bottom {
		flex-direction: column;
		gap: 10px;
		text-align: center;
	}
}
.footer-bottom a {
	display: inline-block;
	color: var(--salat);
	transition: text-decoration-color 0.3s ease;
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(0, 0, 0, 0.1);
	text-underline-offset: 0.3em;
	-webkit-tap-highlight-color: transparent;
	max-width: 18em;
}
@media (max-width: 680px) {
	.footer-bottom a {
		max-width: 100%;
	}
}
@media (hover: hover) {
	.footer-bottom a:hover {
		text-decoration-color: currentColor;
	}
}
.footer-bottom a:active {
	text-decoration-color: currentColor;
}

.footer-bottom__wide {
	grid-column: span 2;
}
@media (max-width: 1024px) {
	.footer-bottom__wide {
		grid-column: initial;
	}
}

@media (max-width: 680px) {
	.footer-bottom__pb {
		order: 2;
	}
}

.s-quiz:has(.modal), .s-quiz:has([inert]) {
	display: none;
}
.quiz-radio:has(:checked) {
	background: #FFF;
	color: var(--black);
	opacity: 1;
}

.s-contents:has(.contents.anim) .contents-slider__slide {
	translate: 50% 0;
	opacity: 0;
	transition: translate 2s cubic-bezier(0.33, 1, 0.68, 1), opacity 1s cubic-bezier(0.33, 1, 0.68, 1);
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(1) {
	transition-delay: 1.1s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(1) {
		transition-delay: 0.1s;
	}
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(2) {
	transition-delay: 1.2s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(2) {
		transition-delay: 0.2s;
	}
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(3) {
	transition-delay: 1.3s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(3) {
		transition-delay: 0.3s;
	}
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(4) {
	transition-delay: 1.4s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(4) {
		transition-delay: 0.4s;
	}
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(5) {
	transition-delay: 1.5s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(5) {
		transition-delay: 0.5s;
	}
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(6) {
	transition-delay: 1.6s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(6) {
		transition-delay: 0.6s;
	}
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(7) {
	transition-delay: 1.7s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(7) {
		transition-delay: 0.7s;
	}
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(8) {
	transition-delay: 1.8s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(8) {
		transition-delay: 0.8s;
	}
}
.s-contents:has(.contents.animated) .contents-slider__slide {
	translate: 0% 0;
	opacity: 1;
}
.s-contents:has(.contents.animated) .s-contents__line path {
	stroke-dashoffset: calc(var(--path-total-length) * 2);
	transition: stroke-dashoffset 4s ease;
}
.anim-about__stage__fade:has(video):after {
	content: "";
	position: absolute;
	z-index: 1;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	box-shadow: inset 0 0 10rem 10rem #FFF, inset 0 0 10rem 10rem #FFF;
}
@media (max-width: 680px) {
	.anim-about__stage__fade:has(video):after {
		box-shadow: inset 0 0 20rem 10rem #FFF, inset 0 0 20rem 10rem #FFF;
	}
}
.complex-why-separate:nth-child(2n of .complex-why-separate) {
	flex-direction: column-reverse;
	justify-content: space-between;
}
cocoen-component::part(drag) {
	width: 1px;
	background: #FFF;
}
cocoen-component::part(drag):before {
	width: max(35px, 7rem);
	height: max(25px, 5rem);
	background: #FFF;
	border-radius: max(5px, 1rem);
	background: #FFF;
	background-size: contain;
}
cocoen-component::part(drag-decor) {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}
cocoen-component::part(drag-decor):before, cocoen-component::part(drag-decor):after {
	content: "";
	position: absolute;
	left: 50%;
	translate: -50% 0;
	background-repeat: no-repeat;
	background-size: contain;
	width: max(30px, 5rem);
	height: max(16px, 2.3rem);
}
cocoen-component::part(drag-decor):before {
	background-image: none;
	background-position: center top;
	top: -1px;
}
cocoen-component::part(drag-decor):after {
	background-image: none;
	background-position: center bottom;
	bottom: -1px;
}

body {
	background: var(--template-bg-color, #FFF);
	color: var(--template-text-color, var(--black));
}
@media (max-width: 1250px) {
	.order__form-b2b__row .input:has(select) {
		grid-column: span 2;
	}
}
@media (max-width: 480px) {
	.order__form-b2b__row .input:has(select) {
		grid-column: span 1;
	}
}

:target {
	scroll-margin-top: 80px;
	/* Adjust this value to match your header's height */
}
.order__form-cont__grid .input:has(textarea) {
	grid-column: span 2;
}
@media (max-width: 680px) {
	.order__form-cont__grid .input:has(textarea) {
		grid-column: span 1;
	}
}
.order__form-job__grid .input:has(textarea) {
	grid-column: span 3;
}
@media (max-width: 1024px) {
	.order__form-job__grid .input:has(textarea) {
		grid-column: span 1;
	}
}
.vyp-preim__media:is(video) {
	opacity: 0.8;
}
.masl-activity:is(:nth-child(5n/**/+1), :nth-child(5n/**/+2)) {
	width: calc((100% - var(--gap) * 1) / 2);
}
@media (max-width: 680px) {
	.masl-activity:is(:nth-child(5n/**/+1), :nth-child(5n/**/+2)) {
		width: initial;
		grid-column: span 2;
	}
}
.masl-activity:is(:nth-child(5n/**/+1), :nth-child(5n/**/+2)) .masl-activity__img {
	aspect-ratio: 870/680;
}
@media (max-width: 768px) {
	.masl-activity:is(:nth-child(5n/**/+1), :nth-child(5n/**/+2)) .complex-preview__content:has(.btn-double) {
		flex-direction: row;
	}
}
@media (max-width: 768px) {
	.masl-activity .complex-preview__content:has(.btn-double) {
		flex-direction: column;
	}
}
.gender-method .complex-preview__content:has(.btn-double) {
	flex-direction: column;
}
.gender-method--big .complex-preview__content:has(.btn-double) {
	flex-direction: row;
}
/* End */


/* Start:/local/templates/archione/styles.css?1776148884270*/

.bx-core-adm-dialog .bx-core-adm-dialog-content:has(.bxce){
	overflow: hidden;
}
.s-reviews {
  padding: max(60px, 10rem) 0 max(60px, 12rem);
  background: var(--gray-light);
}

.reviews__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: max(30px, 5rem);
}

.reviews__title {
  font-family: var(--font-title);
  font-weight: 500;
  font-size: max(40px, 6rem);
  line-height: 1;
  color: var(--black);
  text-transform: uppercase;
}

.reviews__nav {
  display: flex;
  gap: max(8px, 1rem);
  flex-shrink: 0;
}

.reviews__nav__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max(50px, 6rem);
  height: max(50px, 6rem);
  background: var(--salat);
  border: none;
  border-radius: max(8px, 1rem);
  color: var(--black);
  cursor: pointer;
  transition: background 0.2s ease, scale 0.1s ease;
  -webkit-tap-highlight-color: transparent;
  flex-shrink: 0;
}

@media (hover: hover) {
  .reviews__nav__btn:hover {
    background: var(--salat-light);
  }
}
.reviews__nav__btn:active {
  scale: 0.93;
}

.reviews__nav__btn svg {
  display: block;
  width: max(16px, 2rem);
  height: auto;
  flex-shrink: 0;
}

.reviews__slider-wrap {
  overflow: hidden;
}

.reviews__slider-container {
  overflow: visible !important;
}

.reviews-slider {
  overflow: visible !important;
}

.reviews-slider__slide {

  width: calc((100vw - (100vw - min(100%, var(--container-width))) - 24px * 2) / 3.15);
  min-width: 280px;
  height: auto;
}

.review-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: linear-gradient(165deg, #1b0324 0%, #2d1545 55%, #1b0324 100%);
  border: 1px solid rgba(236, 238, 98, 0.14);
  border-radius: max(16px, 2rem);
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  cursor: default;
  box-shadow: 0 12px 40px rgba(27, 3, 36, 0.12);
}

@media (hover: hover) {
  .review-card:hover {
    border-color: rgba(236, 238, 98, 0.32);
    box-shadow: 0 16px 48px rgba(27, 3, 36, 0.18);
  }
}

.review-card__img {
  display: block;
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
  background: #12021a;
  margin: 16px;
  width: calc(100% - max(32px, 3rem));
  border-radius: 10px;
  flex-shrink: 0;
}

.review-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.review-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: max(12px, 2rem) max(16px, 2.5rem) max(16px, 2.5rem);
  gap: max(6px, 0.8rem);
}

.review-card__name {
  font-family: var(--font-title);
  font-weight: 700;
  font-size: 26px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.01em;
}

.review-card__role {
  font-family: var(--font-title);
  font-size: 14px;
  color: var(--salat-light);
  line-height: 1.2;
}

.review-card__text {
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.75);
  margin-top: max(6px, 1rem);

  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
}

.review-card--short .review-card__text {
  -webkit-line-clamp: unset;
  overflow: visible;
}

.review-card__more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: max(10px, 1.5rem) 0 0;
  margin-bottom: auto;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.641);
  background: transparent;
  color: rgba(255, 255, 255, 0.65);
  font-family: var(--font-title);
  font-size: 16px;
  cursor: pointer;
  transition: color 0.2s ease;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  padding-bottom: 10px;
}

@media (hover: hover) {
  .review-card__more:hover {
    color: #fff;
  }
}
.review-card__more:active {
  color: var(--salat-light);
}

.review-card__more svg {
  flex-shrink: 0;
  width: max(18px, 1.8rem);
  height: auto;
}

.review-modal {
  position: fixed;
  z-index: 9999;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  pointer-events: none;
  visibility: hidden;
}

.review-modal.is-open {
  pointer-events: auto;
  visibility: visible;
}

.review-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.93);
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

.review-modal.is-open .review-modal__overlay {
  opacity: 1;
}

.review-modal__inner {
  position: relative;
  z-index: 1;
  border-radius: var(--br-25);
  width: 100%;
  max-width: 900px;
  max-height: 90vh;
  overflow-y: auto;
  opacity: 0;
  translate: 0 30px;
  transition: opacity 0.35s ease, translate 0.35s ease;
}

.review-modal.is-open .review-modal__inner {
  opacity: 1;
  translate: 0 0;
}

.review-modal__close {
  position: absolute;
  top: max(12px, 2rem);
  right: max(12px, 2rem);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max(36px, 4.5rem);
  height: max(36px, 4.5rem);
  background: rgba(0, 0, 0, 0.9);
  border: none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}

@media (hover: hover) {
  .review-modal__close:hover {
    background: rgba(255, 255, 255, 0.2);
  }
}

.review-modal__close svg {
  display: block;
  width: max(16px, 2rem);
  height: auto;
}

.review-modal__content {
  display: flex;
  gap: max(20px, 4rem);
  padding: max(30px, 5rem);
  background: rgba(0, 0, 0, 0.9);
  border-color: #333
}

@media (max-width: 680px) {
  .review-modal__content {
    flex-direction: column;
    padding: max(20px, 3rem);
  }
}

.review-modal__img-wrap {
	display: none;
  flex-shrink: 0;
  width: max(180px, 28rem);
  border-radius: max(10px, 1.5rem);
  overflow: hidden;
  background: #1a0a00;
  align-self: flex-start;
}

@media (max-width: 680px) {
  .review-modal__img-wrap {
    width: 100%;
    max-width: 260px;
  }
}

.review-modal__img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: top center;
}

.review-modal__text-wrap {
  display: flex;
  flex-direction: column;
  gap: max(8px, 1rem);
  padding-top: max(4px, 0.5rem);
}

.review-modal__name {
  font-family: var(--font-title);
  font-weight: 700;
  font-size:34px;
  text-transform: uppercase;
  color: #fff;
  line-height: 1.1;
  letter-spacing: 0.01em;
}

.review-modal__role {
  font-family: var(--font-title);
  font-size: 16px;
  color: var(--orange);
  line-height: 1.2;
}

.review-modal__body {
  font-family: var(--font);
  font-size:18px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.8);
  margin-top: max(8px, 1.5rem);
}

@media (max-width: 1024px) {
  .reviews-slider__slide {
    width: max(260px, 36rem);
  }
}

@media (max-width: 680px) {
  .reviews__head {
    margin-bottom: max(20px, 3rem);
  }

  .reviews-slider__slide {
    width: 85vw;
    max-width: 340px;
  }

  .review-modal__inner {
    max-height: 85vh;
  }
}

@media (max-width: 1024px) {
  .reviews-slider__slide {
    width: calc((100vw - 40px - 20px) / 2.2) !important;
    min-width: 260px;
  }
}
@media (max-width: 680px) {
  .reviews-slider__slide {
    width: calc(100vw - 40px - 30px) !important;
    max-width: 360px;
    min-width: 240px;
  }
}
.s-faq {
  padding: max(60px, 12rem) 0 max(80px, 14rem);
}

.faq {
  display: grid;
  grid-template-columns: 0.55fr 1fr;
  gap: max(40px, 8rem);
  align-items: start;
}

@media (max-width: 1024px) {
  .faq {
    grid-template-columns: 1fr;
    gap: max(30px, 5rem);
  }
}

.faq__left {
  position: sticky;
  top: max(20px, 10rem);
}

@media (max-width: 1024px) {
  .faq__left {
    position: static;
  }
}

.faq__label {
  display: inline-block;
  font-family: var(--font-title);
  font-size: max(11px, 1.3rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--orange);
  margin-bottom: max(12px, 2rem);
}

.faq__title {
  font-family: var(--font-title);
  font-weight: 600;
  font-size: max(36px, 6.2rem);
  line-height: 1.0;
  text-transform: uppercase;
  color: var(--black);
  margin-bottom: max(20px, 3.5rem);
}

.faq__sub {
  font-family: var(--font);
  font-size: max(14px, 1.7rem);
  line-height: 1.55;
  color: var(--gray-text);
  margin-bottom: max(24px, 4rem);
}

.faq__cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-title);
  font-weight: 600;
  font-size: max(13px, 1.6rem);
  color: var(--black);
  border-bottom: 1.5px solid var(--black);
  padding-bottom: 3px;
  transition: color 0.2s ease, border-color 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}

@media (hover: hover) {
  .faq__cta:hover {
    color: var(--orange);
    border-color: var(--orange);
  }
}

.faq__cta:active {
  color: var(--orange);
  border-color: var(--orange);
}

.faq__cta svg {
  flex-shrink: 0;
  transition: translate 0.2s ease;
}

@media (hover: hover) {
  .faq__cta:hover svg {
    translate: 3px 0;
  }
}

.faq-list {
  display: flex;
  flex-direction: column;
}

.faq-item {
  border-top: 1px solid rgba(38, 38, 38, 0.12);
}

.faq-item:last-child {
  border-bottom: 1px solid rgba(38, 38, 38, 0.12);
}

.faq-item__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: max(16px, 2.5rem);
  padding: max(18px, 2.8rem) 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  list-style: none;
}

.faq-item__q span {
  font-family: var(--font-title);
  font-weight: 600;
  font-size: max(16px, 2.2rem);
  line-height: 1.25;
  color: var(--black);
  transition: color 0.2s ease;
}

@media (hover: hover) {
  .faq-item__q:hover span {
    color: var(--orange);
  }
}

.faq-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: max(36px, 4.5rem);
  height: max(36px, 4.5rem);
  border: 1.5px solid rgba(38, 38, 38, 0.2);
  border-radius: 50%;
  color: var(--black);
  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.faq-item__icon svg {
  display: block;
  width: max(14px, 1.8rem);
  height: auto;
}

.faq-item__icon-h {
  transition: opacity 0.25s ease, rotate 0.25s ease;
  transform-origin: center;
}

.faq-item__a {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-item__a-inner {
  overflow: hidden;
  font-family: var(--font);
  font-size: max(14px, 1.7rem);
  line-height: 1.65;
  color: var(--gray-text);
  padding-bottom: 0;
  transition: padding-bottom 0.38s ease;
}

.faq-item.is-open .faq-item__a {
  grid-template-rows: 1fr;
}

.faq-item.is-open .faq-item__a-inner {
  padding-bottom: max(18px, 3rem);
}

.faq-item.is-open .faq-item__q span {
  color: var(--orange);
}

.faq-item.is-open .faq-item__icon {
  background: var(--orange);
  border-color: var(--orange);
  color: #fff;
}

.faq-item.is-open .faq-item__icon-h {
  opacity: 0;
  rotate: 90deg;
}

@media (max-width: 680px) {
  .faq__title {
    font-size: max(30px, 5rem);
  }

  .faq-item__q span {
    font-size: max(15px, 1.9rem);
  }
}

.s-faq.anim .faq-item {
  opacity: 0;
  translate: 0 20px;
  transition: opacity 0.5s ease, translate 0.5s ease;
}

.s-faq.anim .faq-item:nth-child(1) { transition-delay: 0.05s; }
.s-faq.anim .faq-item:nth-child(2) { transition-delay: 0.12s; }
.s-faq.anim .faq-item:nth-child(3) { transition-delay: 0.19s; }
.s-faq.anim .faq-item:nth-child(4) { transition-delay: 0.26s; }
.s-faq.anim .faq-item:nth-child(5) { transition-delay: 0.33s; }
.s-faq.anim .faq-item:nth-child(6) { transition-delay: 0.40s; }

.s-faq.animated .faq-item {
  opacity: 1;
  translate: 0 0;
}


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

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

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

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

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

@media (width > 1920px) {
	html {
		font-size: 10px;
	}
}

body {
	font-family: var(--font);
	font-size: max(14px, 1.6rem);
	font-weight: 400;
	line-height: 1.3;
	color: var(--black);
}

.h2 {
	font-family: var(--font-title);
	font-weight: 600;
}

:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) :is(b, mark, strong, em) {
	font-family: var(--font-serif);
	font-weight: 500;
	font-style: italic;
	background: none;
}

.h2 {
	font-size: max(24px, 4.8rem);
	line-height: 1;
}

.text-1 {
	font-size: max(14px, 1.6rem);
	line-height: 1.3;
}

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

::selection {
	color: var(--black);
	background-color: var(--salat);
}

::-moz-selection {
	color: var(--black);
	background-color: var(--salat);
}

.container {
	margin: 0 auto;
	width: 100%;
	max-width: calc(var(--container-width) + 80px);
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
}
@media (max-width: 1024px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.s-def {
	padding: max(80px, 15rem) 0;
}
.btn:active:not(:disabled) {
	scale: 0.95;
}
.btn-double:active:not(:disabled) {
	scale: 0.95;
}
.btn-double:active:not(:disabled) .btn {
	scale: 1;
}

.fancybox__slide:has(.modal--aside) {
	padding: 8px !important;
	overflow: hidden;
}
@media (max-width: 680px) {
	.fancybox__slide:has(.modal--aside) {
		padding: 4px !important;
	}
}
.input:has(.input__text:not(:placeholder-shown)) .input__label {
	font-size: 14px;
	top: 6px;
}
@media (max-width: 1024px) {
	.input:has(.input__text:not(:placeholder-shown)) .input__label {
		font-size: 12px;
		top: 6px;
	}
}
.input:has(.error) .input__text {
	background: #f8baba;
}
.input:has(.error) .input__label {
	color: red;
}
.input:has(.error) .input__req {
	color: red;
}
.input:has(select):after {
	content: "";
	position: absolute;
	right: 16px;
	top: 24px;
	width: 14px;
	height: 14px;
	background: none; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid currentColor; width: 0; height: 0;
	background-size: contain;
	z-index: 5;
	pointer-events: none;
}
@media (max-width: 1024px) {
	.input:has(select):after {
		top: 20px;
	}
}

.draw-line {
	will-change: transform;
}
.draw-line path {
	stroke-dasharray: var(--path-total-length);
	stroke-dashoffset: calc(var(--path-total-length) * 3);
}
.draw-line.drawed path {
	stroke-dashoffset: calc(var(--path-total-length) * 2);
	transition: stroke-dashoffset var(--draw-speed, 4s) ease;
}

.draw-line--reverse path {
	stroke-dashoffset: calc(var(--path-total-length) * 1);
}

.sec-title-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	text-wrap: pretty;
	margin-bottom: max(30px, 5rem);
}
.sec-title-center .h2 {
	max-width: 18em;
}
.sec-title-center:has(.text-3) .h1, .sec-title-center:has(.text-3) .h2 {
	margin-bottom: 0.5em;
}
.user-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
	margin-top: max(30px, 6rem);
	margin-bottom: max(15px, 3rem);
}
.user-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):first-child {
	margin-top: 0;
}
.user-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):last-child {
	margin-bottom: 0;
}
.user-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) + :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
	margin-top: 0;
}

.s-quiz:has(.modal), .s-quiz:has([inert]) {
	display: none;
}
.quiz-radio:has(:checked) {
	background: #FFF;
	color: var(--black);
	opacity: 1;
}

.chat-block {
	position: relative;
	background: var(--gray-light);
	border-radius: var(--br-25);
	min-height: max(40px, 60rem);
	padding: max(20px, 3rem) max(20px, 3rem) max(40px, 8rem) max(20px, 3rem);
	overflow: clip;
}

.s-chat__line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 680px) {
	.s-chat__line {
		opacity: 0.5;
	}
}

.chat-block__call {
	text-align: center;
	color: var(--gray-dop);
	margin-bottom: 10px;
}

.chat__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: max(5px, 1rem);
	margin-bottom: max(15px, 2.2rem);
	overflow: auto;
	margin-left: -40px;
	width: calc(100% + 80px);
	padding: 0 40px 5px 40px;
	-webkit-user-select: none;
	        user-select: none;
}
@media (max-width: 1024px) {
	.chat__nav {
		margin-left: -20px;
		width: calc(100% + 40px);
		padding: 0 20px 5px 20px;
		justify-content: initial;
		flex-wrap: nowrap;
	}
}
.chat__nav::-webkit-scrollbar {
	display: none;
}

.chat__nav__item {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	font-size: max(14px, 1.8rem);
	height: max(40px, 8.5rem);
	padding: 0 max(10px, 2rem);
	transition: color 0.3s ease;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
	color: var(--black);
	white-space: nowrap;
}
@media (hover: hover) {
	.chat__nav__item:hover {
		color: var(--violet);
	}
}
.chat__nav__item svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.chat__nav__item path {
	transition: stroke-dashoffset var(--draw-speed, 1s) ease;
}
.chat__nav__item.active {
	color: var(--violet);
}
.chat__nav__item.active path {
	stroke-dashoffset: calc(var(--path-total-length) * 2);
}

.chats {
	position: relative;
}

.chat {
	display: none;
	width: max(280px, 48rem);
	margin-left: auto;
	margin-right: auto;
}
.chat.active {
	display: flex;
	flex-direction: column;
}
.chat.animated .chat__message {
	opacity: 1;
	scale: 1;
}

.chat__message {
	position: relative;
	border-radius: 10px;
	font-size: max(14px, 1.8rem);
	padding: 1em;
	max-width: max(250px, 36rem);
	width: -moz-fit-content;
	width: fit-content;
	scale: 0.9;
	opacity: 0;
	transition: scale 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
}
.chat__message:nth-child(1) {
	transition-delay: 0.3s;
}
.chat__message:nth-child(2) {
	transition-delay: 1.3s;
}
.chat__message:nth-child(3) {
	transition-delay: 2.3s;
}
.chat__message:nth-child(4) {
	transition-delay: 3.3s;
}
.chat__message:nth-child(5) {
	transition-delay: 4.3s;
}
.chat__message:before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: contain;
}
.chat__message a {
	color: var(--violet-dark);
	text-decoration-line: underline;
	text-underline-offset: 0.2em;
	transition: -webkit-text-decoration 0.3s ease;
	transition: text-decoration 0.3s ease;
	transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
	-webkit-tap-highlight-color: transparent;
	text-decoration-color: transparent;
}
@media (hover: hover) {
	.chat__message a:hover {
		text-decoration-color: var(--violet-dark);
	}
}
.chat__message a:active {
	text-decoration-color: var(--violet-dark);
}

.chat__message--q {
	background: var(--violet-dark);
	color: #FFF;
	align-self: start;
	border-bottom-left-radius: 0;
	transform-origin: left bottom;
}
.chat__message--q:before {
	background-image: none;
	left: -19px;
}
.chat__message--q + .chat__message--a {
	margin-top: 10px;
}

.chat__message--a {
	background: #FFF;
	color: var(--black);
	align-self: end;
	border-bottom-right-radius: 0;
	transform-origin: right bottom;
}
.chat__message--a:before {
	background-image: none;
	right: -19px;
}
.chat__message--a + .chat__message--a {
	margin-top: 5px;
}
@media (max-width: 1200px) {
	.about__title {
    text-transform: uppercase;
    line-height: 1.05;
    font-size: 48px !important;
    font-weight: 400 !important;
}
}
@media(max-width: 768px) {
	    .about__title {
        text-transform: uppercase;
        line-height: 1.05;
        font-size: 32px !important;
        font-weight: 400 !important;
    }
	.about-item{
		padding-left: 0 !important;
	}
	.gallery__head{
		flex-direction: column;

	}
}