@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");
@charset "UTF-8";
:root {
	--MainFont:"Nunito", system-ui, sans-serif;
	--MonoFont:"Nunito", sans-serif;
	--MaterialIcons:"Material Icons";
	--BG:"";
	--InLine:3;
	--InPLine:3;
	--Color1:var(--ink);
	--Color2:var(--caramel);
	--Color6:var(--matcha);
	--Red:#eb2b1e;
	--Color3:#fff;
	--MainFrameBg:var(--milk);
	--Color4:#bfc3c8;
	--Gray8:#1e2939;
	--Gray7:#374151;
	--Gray5:#6a7282;
	--Gray4:#99a1af;
	--Gray3:#d1d5dc;
	--Gray2:#e5e7eb;
	--Gray0:#f9fafb;
	--GradFrom:var(--Color2);
	--GradTo:var(--Color6);
	--Gradient:linear-gradient(90deg, var(--caramel), #efa85e);
	--GradientR:linear-gradient(90deg, var(--caramel), var(--matcha));
	--Bfr:"";
	--Unit:calc(100cqw / 1760);
	--MainCoef:tan(atan2(1760px, 100cqw));
	--MainGap:var(--30);
	--Gap:var(--30);
	--Body:var(--1760);
	--1:calc(1 * var(--Unit));
	--2:calc(2 * var(--Unit));
	--3:calc(3 * var(--Unit));
	--4:calc(4 * var(--Unit));
	--5:calc(5 * var(--Unit));
	--6:calc(6 * var(--Unit));
	--8:calc(8 * var(--Unit));
	--9:calc(9 * var(--Unit));
	--10:calc(10 * var(--Unit));
	--12:calc(12 * var(--Unit));
	--14:calc(14 * var(--Unit));
	--15:calc(15 * var(--Unit));
	--16:calc(16 * var(--Unit));
	--18:calc(18 * var(--Unit));
	--19:calc(19 * var(--Unit));
	--20:calc(20 * var(--Unit));
	--22:calc(22 * var(--Unit));
	--24:calc(24 * var(--Unit));
	--26:calc(26 * var(--Unit));
	--29:calc(29 * var(--Unit));
	--30:calc(30 * var(--Unit));
	--32:calc(32 * var(--Unit));
	--36:calc(36 * var(--Unit));
	--40:calc(40 * var(--Unit));
	--42:calc(42 * var(--Unit));
	--44:calc(44 * var(--Unit));
	--48:calc(48 * var(--Unit));
	--50:calc(50 * var(--Unit));
	--52:calc(52 * var(--Unit));
	--60:calc(60 * var(--Unit));
	--64:calc(64 * var(--Unit));
	--72:calc(72 * var(--Unit));
	--80:calc(80 * var(--Unit));
	--96:calc(96 * var(--Unit));
	--100:calc(100 * var(--Unit));
	--128:calc(128 * var(--Unit));
	--150:calc(150 * var(--Unit));
	--192:calc(192 * var(--Unit));
	--195:calc(195 * var(--Unit));
	--230:calc(230 * var(--Unit));
	--250:calc(250 * var(--Unit));
	--395:calc(395 * var(--Unit));
	--500:calc(500 * var(--Unit));
	--520:calc(520 * var(--Unit));
	--550:calc(550 * var(--Unit));
	--560:calc(560 * var(--Unit));
	--600:calc(600 * var(--Unit));
	--880:calc(880 * var(--Unit));
	--970:calc(970 * var(--Unit));
	--1015:calc(1015 * var(--Unit));
	--1152:calc(1152 * var(--Unit));
	--1280:calc(1280 * var(--Unit));
	--1760:calc(1760 * var(--Unit));
	--MainContentGap:var(--50);
	--MainPadding:var(--80);
	--SidePadding:var(--100);
	--MoreGap:var(--15);
	--HeaderSliderPaddingTB:var(--230);
	--HeaderSliderPaddingLR:var(--SidePadding);
	--HeaderSliderMinWidth:var(--550);
	--HeaderSliderMaxWidth:var(--600);
	--ContentVerticalGapTB:var(--40);
	--ContentVerticalGapLR:0;
	--MainBorderRadius:24px;
	--MainBlockPadding:var(--30);
	--ContentShortGap:var(--10);
	--HalfPadding:var(--880);
	--LogoHeight:var(--64);
	--LogoWidth:var(--250);
	--Type2-1Height:var(--395);
	--Type3Padding:var(--150);
	--PhotoSize:var(--150);
	--S5-8Padding:var(--970);
	--ButtonPaddingTB:var(--19);
	--ButtonPaddingLR:var(--32);
	--ButtonsBorderRadius:999px;
	--BlockIconWidth:var(--60);
	--BigIconWidth:var(--100);
	--SideTitleWidth:var(--500);
	--MainHeaderFontSize:var(--40);
	--Type2-1Width:var(--560);
	--Type4Height:auto;
	--ArrowRight:var(--40);
	--ArrowBottom:var(--40);
	--ArrowWidth:var(--50);
	--ArrowHeight:var(--50);
	--ArrowImageURL:url("../images/arrow.svg");
	--ArrowHoverImageURL:url("../images/arrow-h.svg");
	--BorderColor:var(--Color2);
	--HalfBorderRadius:50%;
	--HeadingWeight:800;
	--HeadingTracking:-0.01em;
	--HeadingTransform:uppercase;
	--HeadingLine:block;
	--HeadingLineFill:var(--Gradient);
	--H3Weight:700;
	--HeroSize:var(--96);
	--HeroWeight:900;
	--HeroTransform:uppercase;
	--SectionHeadSize:var(--48);
	--LabelFont:var(--MonoFont);
	--LabelTransform:uppercase;
	--LabelTracking:0.1em;
	--CardRadius:28px;
	--CardRadiusLg:var(--24);
	--CardSharpRadius:0;
	--CardFill:#fff;
	--CardShadow:0 var(--10) var(--15) rgba(0, 0, 0, .1), 0 var(--4) var(--6) rgba(0, 0, 0, .1);
	--CardBorderWidth:var(--2);
	--CardAccentBorder:var(--4);
	--BadgeRadius:var(--12);
	--DividerWidth:1px;
	--DividerColor:var(--BorderColor);
	--ButtonBorderWidth:var(--2);
	--ButtonTransform:uppercase;
	--ButtonFont:var(--MonoFont);
	--milk:#fbf6ef;
	--cream:#f3e7d6;
	--cocoa:#5b3a29;
	--caramel:#e08a3c;
	--matcha:#7ba05b;
	--ink:#3a2a20;
	--soft:#6e5546;
	--shadow:rgba(91, 58, 41, .12);
	--btnsh:#b5713b;
	--matsh:#5e7e44;
	--DispFont:"Comfortaa", "Nunito", sans-serif;
	--7:calc(7 * var(--Unit));
	--11:calc(11 * var(--Unit));
	--13:calc(13 * var(--Unit));
	--17:calc(17 * var(--Unit));
	--23:calc(23 * var(--Unit));
	--28:calc(28 * var(--Unit));
	--34:calc(34 * var(--Unit));
	--38:calc(38 * var(--Unit));
	--46:calc(46 * var(--Unit));
	--54:calc(54 * var(--Unit));
	--56:calc(56 * var(--Unit));
	--68:calc(68 * var(--Unit));
	--70:calc(70 * var(--Unit));
	--76:calc(76 * var(--Unit));
	--84:calc(84 * var(--Unit));
	--88:calc(88 * var(--Unit));
	--104:calc(104 * var(--Unit));
	--108:calc(108 * var(--Unit));
	--110:calc(110 * var(--Unit));
	--112:calc(112 * var(--Unit));
	--120:calc(120 * var(--Unit));
	--140:calc(140 * var(--Unit));
	--160:calc(160 * var(--Unit));
	--180:calc(180 * var(--Unit));
	--200:calc(200 * var(--Unit));
	--220:calc(220 * var(--Unit));
	--240:calc(240 * var(--Unit));
	--260:calc(260 * var(--Unit));
	--280:calc(280 * var(--Unit));
	--300:calc(300 * var(--Unit));
	--320:calc(320 * var(--Unit));
	--340:calc(340 * var(--Unit));
	--360:calc(360 * var(--Unit));
	--400:calc(400 * var(--Unit));
	--440:calc(440 * var(--Unit));
	--480:calc(480 * var(--Unit));
	--640:calc(640 * var(--Unit));
	--700:calc(700 * var(--Unit));
	--720:calc(720 * var(--Unit));
	--760:calc(760 * var(--Unit));
	--820:calc(820 * var(--Unit));
	--900:calc(900 * var(--Unit));
	--1180:calc(1180 * var(--Unit));
	--1200:calc(1200 * var(--Unit));
	--39:calc(39 * var(--Unit));
	--999:calc(999 * var(--Unit));
}

textarea {
	-webkit-appearance:none;
}

*,
*:before,
*:after {
	font-family:var(--MainFont), serif;
	scroll-behavior:smooth;
	box-sizing:border-box;
	transform-style:flat;
	backface-visibility:hidden;
}

.description > * + * {
	margin-top:var(--20);
}
.description ul,
.description ol {
	margin-top:0;
	margin-bottom:0;
}
.description > p + ol, .description > p + ul {
	margin-top:var(--10);
}
.description:empty {
	display:none;
}
.description.annotation {
	font-size:var(--18);
	line-height:var(--26);
}

p {
	padding:0;
	margin:0;
}

p + p,
p + ul,
ul + p,
ol + p,
p + ol {
	margin:0;
}

h1, h2, h3, h4, h5 {
	padding:0;
	margin:0;
	font-size:var(--40);
	font-weight:var(--HeadingWeight);
	letter-spacing:var(--HeadingTracking);
	color:var(--Color1);
}
h1:empty, h2:empty, h3:empty, h4:empty, h5:empty {
	display:none;
}

.h1,
h1.title {
	font-size:var(--40);
	font-weight:var(--HeadingWeight);
	color:var(--Color1);
}
.h2,
h2.title {
	font-size:var(--40);
	font-weight:700;
	text-transform:var(--HeadingTransform);
	color:var(--cocoa);
	position:relative;
	padding-bottom:var(--20);
}
.h2:after,
h2.title:after {
	content:"";
	display:var(--HeadingLine);
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:var(--2);
	background:var(--HeadingLineFill);
}
.h2 span,
h2.title span {
	background:var(--Gradient);
	background-clip:text;
	-webkit-background-clip:text;
	color:transparent;
}

.h3,
h3.title {
	font-size:var(--30);
	font-weight:700;
	color:var(--Color1);
}

.h2.up,
h2.title.up {
	text-transform:uppercase;
}

.description,
.type33aaa:before {
	font-size:var(--20);
	line-height:1.6;
	color:var(--Gray7);
	hyphens:auto;
}
.description a,
.type33aaa:before a {
	color:var(--Color1);
}
.description.annotation,
.type33aaa:before.annotation {
	font-family:var(--MainFont);
	font-size:var(--19);
	line-height:1.7;
	letter-spacing:var(--LabelTracking);
	text-transform:var(--LabelTransform);
	color:var(--Gray5);
}
.description p:has(.btn),
.type33aaa:before p:has(.btn) {
	font-size:0;
	line-height:0;
	display:flex;
	align-items:center;
	gap:var(--24);
}
.HeaderSliderDescription {
	font-size:var(--24);
	line-height:1.35;
	font-weight:300;
	color:var(--Gray3);
	hyphens:none;
}
.HeaderSliderDescription p {
	margin:0 0 var(--24);
}
.HeaderSliderDescription p + p {
	margin:0;
}
.HeaderSliderDescription p:has(.btn) {
	margin-top:var(--64);
	align-items:center;
	justify-content:center;
}
.HeaderSliderDescription p.alt {
	color:var(--Gray4);
	line-height:1.625;
	font-size:var(--18);
	font-family:var(--MonoFont);
	margin-bottom:var(--32);
}
.HeaderSliderDescription p.price {
	padding-top:var(--48);
	font-size:var(--72);
	line-height:1;
	font-weight:900;
	background:var(--GradientR);
	background-clip:text;
	-webkit-background-clip:text;
	color:transparent;
	margin-bottom:var(--8);
	display:inline-block;
}
.more {
	display:inline-flex;
	gap:var(--10);
	align-items:baseline;
	font-family:var(--LabelFont);
	font-size:var(--15);
	line-height:1.4;
	letter-spacing:var(--LabelTracking);
	text-transform:var(--LabelTransform);
	text-decoration:none;
	position:relative;
	padding-bottom:var(--5);
	color:var(--caramel);
	font-weight:800;
}
.more:empty {
	display:none;
}
.more:before {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:var(--2);
	background:var(--Gradient);
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform 0.25s ease;
}
.more:after {
	content:"→";
	font-family:var(--MonoFont);
	transition:transform 0.25s ease;
}
.more:hover {
	text-decoration:none;
}
.more:hover:before {
	transform:scaleX(1);
}
.more:hover:after {
	transform:translateX(var(--5));
}
.more.sm:after {
	content:none;
}

.BlockTitleWhite {
	color:var(--Color3);
	font-size:var(--30);
}

.BlockTitle {
	font-size:var(--20);
	font-weight:500;
	line-height:var(--26);
	color:var(--Color1);
}
.btn {
	display:inline-block;
	letter-spacing:var(--LabelTracking);
	line-height:1.45;
	font-family:var(--ButtonFont);
	text-transform:var(--ButtonTransform);
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	transform:scale(1);
	transform-origin:center;
	border-radius:var(--999);
	padding:var(--18) var(--40);
	font-size:var(--16);
	border:0;
	background:var(--CardFill);
	color:var(--cocoa);
	box-shadow:0 var(--6) 0 rgba(91, 58, 41, .18);
	transition:transform .12s ease, box-shadow .12s ease, background-color .2s;
}
.btn.t1 {
	border-color:color-mix(in srgb, currentColor 30%, transparent);
	color:inherit;
}

.ValueString {
	font-size:var(--32);
	color:var(--Color1);
}

.Type21H {
	font-size:var(--36);
	font-weight:600;
	line-height:var(--42);
	cursor:pointer;
	padding:var(--ButtonPaddingTB) 0;
}

.MenuDep {
	font-size:var(--64);
	color:var(--Color1);
}

body, html {
	padding:0;
	margin:0;
	min-height:100vh;
	font-size:0;
	scroll-behavior:smooth;
}
body:has(.popupBox.visible) {
	overflow:hidden;
}
body > div.mb {
	width:100%;
}

@media print {
	body:has(.popupBox.visible) {
		overflow:auto !important;
		background:var(--CardFill) !important;
	}
	body:has(.popupBox.visible) > *:not(.popupBox) {
		display:none !important;
	}
	.popupBox {
		padding:0 !important;
		position:relative;
		left:auto !important;
		top:auto !important;
		right:auto !important;
		bottom:auto !important;
		background:var(--CardFill) !important;
		height:auto;
	}
	.popupBox .popup {
		height:auto;
	}
	.popupBox .popup .cover {
		max-height:none !important;
	}
	.popupBox .popup a.close,
	.popupBox .popup a.print,
	.popupBox .popup a.arrow {
		display:none !important;
	}
}
.popupBox {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:var(--Color3);
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:-1;
	opacity:0;
	transition:opacity 0.3s linear, visibility 0.3s linear, z-index 0.3s linear 0.3s;
	padding:var(--MainPadding);
	overflow:hidden;
	pointer-events:none;
}
.popupBox.visible {
	opacity:1;
	pointer-events:auto;
	z-index:1000;
}
.popupBox .popup {
	position:relative;
	display:flex;
	flex-direction:column;
	background:var(--Color3);
	border-radius:var(--MainBorderRadius);
	overflow:hidden;
	max-height:calc(100% - var(--MainPadding) * 2);
	transition:all 0.3s linear;
}
.popupBox .popup > .title {
	color:var(--Color3);
	font-size:var(--24);
}
.popupBox .popup > a.close {
	display:block;
	width:var(--MainContentGap);
	height:var(--MainContentGap);
	background:url("../images/close.svg") no-repeat center center;
	background-size:var(--22);
	position:absolute;
	right:var(--20);
	top:var(--20);
}
.popupBox#requestPopup {
	display:flex;
	background:rgba(255, 255, 255, 0.9);
	justify-content:flex-end;
	padding:0;
	overflow:hidden;
	align-items:flex-start;
	cursor:pointer;
	z-index:2;
	backdrop-filter:blur(0);
}
.popupBox#requestPopup.visible {
	backdrop-filter:blur(3px) saturate(180%);
}
.popupBox#requestPopup.visible .popup {
	transform:translateX(0);
}
.popupBox#requestPopup.visible .popup > a.close {
	background-image:url("../images/close-w.svg");
}
.popupBox#requestPopup .popup {
	background:var(--Color2);
	padding:var(--MainBlockPadding);
	flex:0 0 var(--HeaderSliderMaxWidth);
	transform:translateX(100%);
	transition:transform 0.3s linear;
	border-radius:0;
	max-height:100%;
	height:100%;
	gap:var(--MainGap);
	cursor:auto;
}
.popupBox#requestPopup .popup > .title, .popupBox#requestPopup .popup .list {
	padding:var(--10);
}
.popupBox#requestPopup .popup form {
	flex:1;
	overflow:auto;
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
}
.popupBox#requestPopup .popup form .list {
	flex:1;
	overflow:auto;
	display:flex;
	flex-direction:column;
	gap:var(--ContentShortGap);
}
.popupBox#requestPopup .popup form .list .description {
	color:var(--Color3);
}
.popupBox#requestPopup .popup form .list .line {
	display:flex;
	flex-direction:column;
	gap:var(--ContentShortGap);
}
.popupBox#requestPopup .popup form .list .line > label:first-child {
	cursor:pointer;
	font-size:var(--20);
	color:var(--Color3);
}
.popupBox#requestPopup .popup form .actions {
	display:flex;
	gap:var(--MainGap);
}
.popupBox#requestPopup .popup .cb + label {
	color:var(--Color3);
}
.popupBox#requestPopup .popup .cb + label:after {
	border-color:var(--Color3);
}

input[type=button],
input[type=submit],
input[type=reset] {
	-webkit-appearance:none;
}

:has(> .cb) {
	position:relative;
}

.cb {
	position:absolute;
	opacity:0;
	width:0;
	height:0;
	border:0;
	padding:0;
	margin:0;
}
.cb:checked label:after {
	display:block;
}
.cb + label {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	font-size:var(--20);
	padding-left:var(--30);
}
.cb + label:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:var(--24);
	height:var(--24);
	border:var(--2) solid var(--Color2);
	background-color:var(--Color3);
	border-radius:var(--3);
}
.cb + label:after {
	content:"";
	position:absolute;
	display:none;
	left:var(--8);
	top:var(--2);
	width:var(--8);
	height:var(--16);
	border:solid var(--Color2);
	border-width:0 var(--2) var(--2) 0;
	transform:rotate(45deg);
}

img {
	height:auto;
	max-width:100%;
}

a {
	color:var(--Color1);
	text-decoration:none;
}
a:hover, a:focus {
	text-decoration:underline;
}
a img {
	border:0;
	max-width:100%;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance:none;
	margin:0;
}

select::-ms-expand {
	display:none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
main,
nav,
section,
summary {
	display:block;
	box-sizing:border-box;
	padding:0;
	margin:0;
	clear:both;
}

option {
	color:var(--Color1);
}

div.text,
input.text,
select.text,
textarea.text {
	width:100%;
	border:1px solid var(--BorderColor);
	border-radius:var(--MainBorderRadius);
	padding:var(--ButtonPaddingTB);
	background:var(--Color3);
	color:var(--Color1);
	font-size:var(--22);
	line-height:var(--30);
}

textarea.text {
	resize:vertical;
}

.message {
	font-weight:500;
	font-size:var(--20);
}
.message.error {
	color:var(--Red);
}
.message.success {
	color:var(--Color2);
}
.message.success:first-child {
	margin-bottom:var(--MainGap);
}

#requestPopup .message.success,
.type23 .message.success {
	color:var(--Color3);
}

.text + .message {
	margin-top:var(--10);
}
.body {
	width:100%;
	max-width:var(--Body);
	margin-inline:auto;
	.body{
		width:100%;
	}
}

#gvp {
	padding:0;
	background:var(--Color3);
	display:flex;
	flex-direction:column;
	--ArrowImageURL:url("../images/arrow-nb.svg");
	--ArrowHoverImageURL:url("../images/arrow-h.svg");
}
footer.footer {
	background:#2e1d14;
	padding:var(--30) var(--SidePadding);
	display:flex;
	gap:var(--MainGap);
	align-items:center;
	margin-top:var(--MainPadding);
}
footer.footer .body {
	flex:1;
	display:flex;
	gap:var(--MainGap);
	align-items:center;
}
footer.footer .description {
	flex:1;
	color:var(--Gray4);
	font-family:var(--MonoFont);
	font-size:var(--15);
	letter-spacing:0.05em;
}
footer.footer .description a {
	color:var(--Color3);
}
footer.footer .social {
	display:flex;
	gap:var(--MoreGap);
}
footer.footer .social a.s {
	display:block;
	width:var(--40);
	height:var(--40);
	background:var(--BG) center center/contain no-repeat;
	filter:grayscale(1) brightness(0) invert(1);
	opacity:0.7;
	transition:opacity 0.25s ease, transform 0.25s ease;
}
footer.footer .social a.s:hover {
	opacity:1;
	transform:scale(1.1);
}
@keyframes headerLogoSlideIn {
	0% {
		transform:scale(0);
		opacity:0;
	}
	100% {
		transform:scale(1);
		opacity:1;
	}
}
header.header {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:10;
	mix-blend-mode:normal;
	pointer-events:none;
	padding:var(--24) var(--32);
	display:flex;
	justify-content:space-between;
	gap:var(--MainGap);
	align-items:center;
}
header.header .logo .pixio {
	font-size:var(--30);
	line-height:1.2;
	font-weight:900;
	letter-spacing:0.05em;
	text-transform:uppercase;
	color:var(--Color3);
}
header.header .logo .label {
	font-family:var(--MonoFont);
	font-size:var(--12);
	line-height:1.3;
	color:rgba(255, 255, 255, 0.6);
}
header.header .menu {
	flex:1;
	display:flex;
	gap:var(--MainGap);
	justify-content:center;
	padding:0;
	margin:0;
	list-style:none;
	pointer-events:auto;
}
header.header .menu:empty {
	display:none;
}
header.header .menu a {
	display:inline-block;
	font-family:var(--MainFont);
	font-size:var(--15);
	letter-spacing:0.1em;
	text-transform:uppercase;
	color:var(--cocoa);
}
header.header .menu a:hover {
	color:var(--caramel);
	text-decoration:none;
}
header.header .menu li {
	position:relative;
}
header.header .menu .current > a {
	background:var(--Gradient) left bottom/100% var(--2) no-repeat;
	padding-bottom:var(--5);
}
header.header .menu .sub > a:after {
	content:"";
	display:inline-block;
	width:var(--6);
	height:var(--6);
	margin:0 0 var(--2) var(--8);
	border-right:var(--2) solid currentColor;
	border-bottom:var(--2) solid currentColor;
	transform:rotate(45deg);
}
header.header .menu .sub menu {
	position:absolute;
	top:100%;
	left:calc(-1 * var(--20));
	margin:0;
	padding:var(--14) var(--20) var(--16);
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:var(--12);
	min-width:max-content;
	background:rgba(255, 255, 255, 0.1);
	border:var(--1) solid rgba(255, 255, 255, 0.2);
	border-radius:var(--MainBorderRadius);
	backdrop-filter:blur(10px);
	opacity:0;
	pointer-events:none;
	transform:translateY(var(--10));
	transition:opacity 0.15s ease, transform 0.15s ease;
}
header.header .menu .sub:hover menu, header.header .menu .sub:focus-within menu {
	opacity:1;
	pointer-events:auto;
	transform:none;
}
header.header .contacts {
	display:flex;
	align-items:center;
	gap:var(--16);
	pointer-events:auto;
}
header.header .contacts a {
	--BG:url("../images/phone.svg");
	font-size:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:var(--46);
	height:var(--46);
	background-color:rgba(224, 138, 60, .16);
	border:0;
	transition:transform .15s, background-color .2s;
}
header.header .contacts a:before {
	content:"";
	background:var(--BG) center center/contain no-repeat;
	display:block;
	width:var(--22);
	height:var(--22);
}
header.header .contacts a span {
	display:none;
}
header.header .contacts a.whatsapp {
	--BG:url("../images/whatsapp.svg");
}
header.header .contacts a:hover {
	background-color:rgba(224, 138, 60, .32);
	transform:translateY(calc(-1 * var(--3)));
	text-decoration:none;
}
header.header .m {
	display:none;
}

#mb > .s.t0,
#mb > .s.t16.dark,
#mb > .s.t18,
#mb > .s.t19,
#mb > .s.t21.dark {
	margin:calc(-1 * var(--64)) 0 0;
}

#mb > .s.t16.dark,
#mb > .s.t21.dark {
	max-width:none;
}

#mb > .s.t18,
#mb > .s.t21.dark {
	padding-left:var(--SidePadding);
	padding-right:var(--SidePadding);
}

div.t0,
section.t0 {
	position:relative;
}
.t0 .container,
.t17 .container,
.t20 .container {
	scroll-snap-type:both mandatory;
	-webkit-overflow-scrolling:touch;
	scroll-behavior:smooth;
}

.t0a,
.t12a,
.t17a,
.t20a {
	scroll-snap-align:center;
	scroll-snap-stop:always;
}
.t0 {
	overflow:hidden;
	min-height:100vh;
	display:flex;
	align-items:stretch;
	justify-content:center;
	background:var(--Color1);
}
.t0 .container {
	display:flex;
	overflow:hidden;
	width:100%;
}
.t0 .scroll {
	position:absolute;
	left:50%;
	bottom:var(--48);
	display:inline-flex;
	text-transform:uppercase;
	color:rgba(255, 255, 255, 0.6);
	font-size:var(--14);
	font-family:var(--MonoFont);
	animation:t0scroll 1s ease-in-out infinite alternate;
	pointer-events:none;
}
.t0 .arrows {
	position:absolute;
	display:flex;
	height:0;
	gap:var(--MainGap);
	align-items:flex-end;
	right:var(--ArrowRight);
	bottom:var(--ArrowBottom);
	z-index:1;
	cursor:pointer;
}
.t0a svg {
	opacity:0.3;
	position:absolute;
	pointer-events:none;
	left:0;
	top:0;
	width:100%;
	height:100%;
	animation:svgOpacity 1.5s linear;
}
.t0a:before {
	content:"";
	display:block;
	width:var(--128);
	height:var(--128);
	right:var(--80);
	top:var(--80);
	border:var(--2) solid rgba(102, 70, 213, 0.3);
	position:absolute;
	pointer-events:none;
	animation:t0art 7s ease-in-out infinite alternate;
}
.t0a:after {
	content:"";
	display:block;
	width:var(--96);
	height:var(--96);
	bottom:var(--128);
	left:var(--128);
	background:rgba(153, 186, 43, 0.2);
	position:absolute;
	pointer-events:none;
	animation:t0alb 13s ease-in-out infinite alternate;
}
.t0a .lnk {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
.t0a .body {
	max-width:var(--1152);
	position:relative;
	animation:t0aInit 1.5s ease-out 1 forwards;
	opacity:0;
	background:none;
}
.t0a .body:before {
	content:"";
	display:block;
	pointer-events:none;
	width:var(--48);
	height:var(--48);
	background:var(--Color6);
	z-index:-1;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	animation:t0aInit 1.5s ease-out 1 forwards;
	animation-delay:0.3s;
	opacity:0;
}
.t0a .body:after {
	content:"";
	display:block;
	pointer-events:none;
	width:var(--64);
	height:var(--64);
	border:var(--4) solid var(--Color2);
	position:absolute;
	right:0;
	top:0;
	animation:t0aInit 1.5s ease-out 1 forwards;
	animation-delay:0.6s;
	opacity:0;
}
.t0a .info .title {
	font-size:var(--76);
	line-height:1.06;
	font-weight:700;
	text-transform:var(--HeroTransform);
	letter-spacing:-0.025em;
	color:var(--milk);
}
.t0a .info .title span {
	background:none;
	background-size:200% 100%;
	background-clip:text;
	-webkit-background-clip:text;
	color:var(--caramel);
	animation:HeroGradient 4s ease-in-out infinite;
}
.t0a .info .HeaderSliderDescription p {
	animation:t0aFromBottom 1.5s ease forwards;
	opacity:0;
}
.t0a .info .HeaderSliderDescription p:nth-child(1) {
	animation-delay:0.6s;
}
.t0a .info .HeaderSliderDescription p:nth-child(2) {
	animation-delay:0.8s;
}
.t0a .info .HeaderSliderDescription p:nth-child(3) {
	animation-delay:1s;
}
.t0a .info .HeaderSliderDescription p:nth-child(4) {
	animation-delay:1.2s;
}
.t0a .info .HeaderSliderDescription p:nth-child(5) {
	animation-delay:1.4s;
}
.t0a .info .more {
	color:var(--milk);
	align-self:center;
	position:relative;
	z-index:1;
}
.t0a.w .info .more,
.t0a.w .info .HeaderSliderDescription,
.t0a.w .info .title {
	color:var(--Color3);
}

@keyframes SlideInfoIn {
	from {
		opacity:0;
		transform:translateY(var(--20));
	}
	to {
		opacity:1;
		transform:none;
	}
}
@keyframes t0scroll {
	0% {
		transform:translate(-50%, -25%);
	}
	100% {
		transform:translate(-50%, 25%);
	}
}
@keyframes svgOpacity {
	0% {
		opacity:0;
	}
	100% {
		opacity:0.3;
	}
}
@keyframes t0art {
	0% {
		transform:translate(0, 0) rotate(0deg) scale(1);
	}
	100% {
		transform:translate(var(--150), calc(0px - var(--50))) rotate(360deg) scale(1.2);
	}
}
@keyframes t0alb {
	0% {
		transform:translate(0, 0) rotate(0deg) scale(1);
	}
	100% {
		transform:translate(calc(0px - var(--150)), var(--50)) rotate(360deg) scale(1.2);
	}
}
@keyframes HeroGradient {
	0%, 100% {
		background-position:0% 50%;
	}
	50% {
		background-position:100% 50%;
	}
}
@keyframes t0aInit {
	0% {
		opacity:0;
		transform:translateY(var(--50));
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@keyframes t0aFromBottom {
	0% {
		opacity:0;
		transform:translateY(var(--50));
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
.s.t1:not(.bg) {
	background:var(--MainFrameBg);
}

.t1 .body,
.t5,
.t9 {
	display:flex;
	gap:var(--MainGap);
}

.t5.a,
.t9.a {
	flex-direction:row-reverse;
}

.t1 .body:before,
.t5:before {
	content:"";
	display:block;
	flex:0 0 min(var(--1015), 58%);
	background:var(--BG) center center/cover no-repeat;
}

.t5:before {
	border-radius:var(--MainBorderRadius);
	flex:0 0 calc((100% - var(--MainGap)) / 2);
}

.t1 .body .info,
.t5 .info,
.t9 .info {
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
	justify-content:center;
	padding:var(--ContentVerticalGapTB) var(--ContentVerticalGapLR);
}
.t1:not(.bg) .body .info {
	padding-right:var(--MainPadding);
}
.t2,
.t7,
.t13,
.t15 {
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
}

.t2 .items,
.t7 .items,
.t13 .items {
	display:flex;
	gap:var(--MainGap);
	flex-wrap:wrap;
}
.t2 {
	align-items:center;
}
.t2 h2.title {
	font-size:var(--SectionHeadSize);
	text-align:center;
}
.t2 .items {
	width:100%;
	--MainGap:var(--32);
}
.t2a {
	flex:0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
	width:calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
	background:var(--Color3);
	border-left:var(--CardAccentBorder) solid var(--Color2);
	border-radius:var(--CardSharpRadius);
	box-shadow:var(--CardShadow);
	display:flex;
	flex-direction:column;
	transform:none;
	transition:border-left-color 0.3s linear, transform 0.3s linear 0.3s;
}
.t2a:before {
	content:"";
	display:block;
	width:100%;
	aspect-ratio:380/192;
	background:var(--BG) center center/cover no-repeat;
}
.t2a .title {
	flex:1;
	padding:var(--24);
	font-weight:900;
	font-size:var(--20);
	line-height:1.4;
	color:var(--Color1);
	transition:color 0.3s linear 0.3s;
}
.t2a .more {
	margin:0 var(--24) var(--24);
	align-self:flex-start;
}
.t2a:hover {
	border-left-color:var(--Color6);
	transform:translateY(calc(0px - var(--10)));
	text-decoration:none;
}
.t2a:hover .title {
	color:var(--Color2);
}
.s.t1.bg {
	background:var(--BG) center center/cover no-repeat;
	border-radius:var(--MainBorderRadius);
	overflow:hidden;
}
.s.t1.bg .body:before {
	display:none;
}
.s.t1.bg .info {
	padding:var(--Type3Padding) var(--MainPadding) var(--Type3Padding) min(var(--HalfPadding), 50%);
}
.t3,
.t6 {
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
}
.t3 .items,
.t6 .items {
	display:flex;
	flex-wrap:wrap;
	gap:var(--MainGap);
}
.t4 {
	border-radius:var(--MainBorderRadius);
	overflow:hidden;
	background:var(--BG) center center/cover no-repeat;
	padding:var(--HeaderSliderPaddingTB) var(--MainPadding);
}
.t4 .info {
	padding-right:var(--S5-8Padding);
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
	color:var(--Color3);
}
.t4:not(.d) .info .title,
.t4:not(.d) .info .description,
.t4:not(.d) .info .description a {
	color:var(--Color3);
}
.t4.r .info {
	padding-right:0;
}
.t4.d .info {
	color:initial;
}
.t5 .info .items,
.t8 .items,
.t9 .items {
	display:flex;
	gap:var(--MainGap);
	flex-wrap:wrap;
}

.t5 .t5a {
	background:none;
}
.t6 {
	align-items:center;
}
.t6 h2.title {
	font-size:var(--SectionHeadSize);
	text-align:center;
}
.t6 > .description {
	text-align:center;
	font-weight:300;
}
.t6 .items {
	width:100%;
	counter-reset:section6;
	--MainGap:var(--48);
}
.t6a {
	--HeadColor:var(--Color2);
	counter-increment:section6;
	position:relative;
	display:flex;
	flex-direction:column;
	gap:var(--16);
	border:var(--CardBorderWidth) solid color-mix(in srgb, var(--HeadColor) 60%, transparent);
	border-radius:var(--CardRadiusLg);
	flex:0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
	width:calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
	padding:var(--32);
	transition:transform 0.5s ease-in-out 0.3s, border-color 0.3s ease-in-out;
}
.t6a:nth-child(odd) {
	--HeadColor:var(--Color2);
}
.t6a:nth-child(even) {
	--HeadColor:var(--Color6);
}
.t6a:after {
	content:"";
	display:block;
	height:var(--2);
	width:var(--50);
	background:color-mix(in srgb, var(--HeadColor) 60%, transparent);
	position:absolute;
	right:calc(0px - var(--50) / 2 - var(--MainGap) / 2);
	top:50%;
	transform:translateY(-50%);
	pointer-events:none;
}
.t6a:nth-child(even):after, .t6a:last-child:after {
	content:none;
}
.t6a:before {
	content:"0" counter(section6);
	background:var(--HeadColor);
	color:var(--Color3);
	text-align:center;
	font-weight:900;
	font-size:var(--24);
	border-radius:var(--BadgeRadius);
	width:var(--64);
	height:var(--64);
	line-height:var(--64);
	transform:rotateZ(6deg);
	transition:transform 0.3s ease-in-out 0.3s, background-color 0.3s ease-in-out 0s;
}
.t6a:hover {
	transform:scale(1.025);
}
.t6a:hover:before {
	transform:rotateZ(-2deg);
	animation:t6aHoverBg 2s ease-in-out infinite alternate;
}
.t6a .info {
	display:flex;
	flex-direction:column;
	gap:var(--16);
	flex:1;
}
.t6a h3.title {
	color:var(--HeadColor);
	font-weight:900;
	font-size:var(--24);
	line-height:1.33;
}
.t6a .description {
	color:var(--Gray7);
	line-height:1.625;
	font-size:var(--16);
}

@keyframes t6aHoverBg {
	0% {
		background:var(--HeadColor);
		transform:rotateZ(6deg) scale(1);
	}
	100% {
		background:color-mix(in srgb, var(--HeadColor) 60%, transparent);
		transform:rotateZ(-2deg) scale(1.05);
	}
}
.t6.il .t6a {
	flex-direction:row;
}

.t6.il .t6a .info,
.t6.it .t6a .info {
	gap:var(--MainGap);
}
.t6.il .t6a:before,
.t6.it .t6a:before {
	content:"";
	display:block;
	background:var(--BG) center top/cover no-repeat;
	width:var(--BlockIconWidth);
	height:var(--BlockIconWidth);
	border-radius:0;
	line-height:normal;
	transform:none;
	padding-top:var(--ContentShortGap);
}
.t6.il .t6a:hover:before,
.t6.it .t6a:hover:before {
	animation:none;
	transform:none;
}
.t7a {
	display:flex;
	flex-direction:column;
	gap:var(--Gap);
	border-radius:var(--CardRadius);
	background:var(--CardFill);
	padding:var(--MainBlockPadding);
	flex:0 0 calc((100% - var(--MainGap) * (var(--InPLine) - 1)) / var(--InPLine));
	width:calc((100% - var(--MainGap) * (var(--InPLine) - 1)) / var(--InPLine));
}

.t7aa {
	display:flex;
	align-items:center;
	flex-direction:column;
	gap:var(--ContentShortGap);
	flex:0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
	text-align:center;
}
.t7aa:before {
	content:"";
	display:block;
	width:var(--BlockIconWidth);
	height:var(--BlockIconWidth);
	background:var(--BG) center center/contain no-repeat;
}
.t7aa .ValueString {
	color:var(--Color2);
	font-weight:600;
}

.t8 .items .s.t1 {
	background:none;
}

.t9 {
	border-radius:var(--CardRadius);
	padding:var(--MainBlockPadding);
	background:var(--CardFill);
}
.t9 .info {
	padding:0;
}
.t9 > .items {
	display:flex;
	flex-wrap:wrap;
	gap:var(--MainGap);
	flex:0 0 calc((100% - var(--MainGap)) / 2);
}
.t10,
.t13a {
	text-align:center;
	overflow:hidden;
}
.t10 img,
.t13a img {
	border-radius:var(--MainBorderRadius);
}

.t12a {
	cursor:pointer;
}
.t12a span {
	display:block;
	border-radius:var(--MainBorderRadius);
	overflow:hidden;
}
.t12a a {
	display:block;
}
.t12a img {
	max-width:none;
	transition:transform 0.3s ease;
}
.t12a:hover img {
	transform:scale(1.03);
}
.t13a:hover {
	transform:translateY(calc(0px - var(--3)));
	box-shadow:0 var(--10) var(--30) rgba(0, 0, 0, 0.08);
}
.t14 {
	display:flex;
	gap:var(--MainGap);
}
.t14 > .up {
	flex:0 0 min(var(--SideTitleWidth), 40%);
}
.t14 .info {
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
}
.t15a > .title {
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:var(--MainGap);
}
.t15a > .title:after {
	content:"expand_more";
	font-family:var(--MaterialIcons), ui-serif;
	font-size:var(--MainHeaderFontSize);
	color:var(--Color2);
	transition:transform 0.25s ease;
}
.t15a.current > .title:after {
	transform:rotate(180deg);
}
.t15a.current .description {
	display:block;
	animation:SlideInfoIn 0.3s ease both;
}
@media (prefers-reduced-motion:reduce) {
	.t0a .body,
	.t0a .body:before,
	.t0a .body:after,
	.t0a .info .HeaderSliderDescription p {
		animation:none;
		opacity:1;
	}
	.t0a.current .info,
	.t15a.current .description {
		animation:none;
	}
}
.t16 .body {
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
}
.t16.dark {
	background:var(--Color1);
	padding:var(--128) var(--SidePadding);
	color:var(--Color3);
}
.t16.dark a {
	color:var(--Color3);
}
.t16.dark .body {
	max-width:var(--1280);
	margin:0 auto;
	gap:var(--48);
}
.t16.dark h2.title {
	color:var(--Color3);
	font-size:var(--72);
	line-height:1.05;
}
.t16.dark .description {
	color:var(--Gray3);
	font-weight:300;
	line-height:1.625;
}
.t16.dark .line {
	gap:var(--80);
}

.t16 .line {
	display:flex;
	gap:var(--MainGap);
}
.t16 .line .content {
	display:flex;
	flex:0 0 min(var(--SideTitleWidth), 40%);
	flex-direction:column;
	gap:var(--24);
}
.t16.mr .line .map {
	flex:1;
	border-radius:var(--MainBorderRadius);
	overflow:hidden;
}
.t16.mt .body > .map {
	flex:0 0 min(var(--600), 45%);
	border-radius:var(--32);
	overflow:hidden;
}
.t16a {
	--BGC:var(--Color2);
	display:flex;
	gap:var(--16);
	align-items:center;
}
.t16a:nth-child(3n+2) {
	--BGC:var(--Color6);
}
.t16a:nth-child(3n) {
	--BGC:#25d366;
}
.t16a:before {
	content:var(--Bfr);
	display:block;
	flex:0 0 var(--48);
	width:var(--48);
	height:var(--48);
	line-height:var(--48);
	text-align:center;
	background:var(--BGC);
	color:var(--Color3);
	font-family:var(--MaterialIcons), ui-serif;
	font-size:var(--24);
}
.t16a .description {
	font-weight:500;
}

.t16.dark .t16a .description {
	color:var(--Color3);
}
.t16.dark .t16a .description a {
	color:var(--Color3);
}

.icon-marker {
	cursor:pointer;
	width:var(--39);
	height:var(--39);
	position:relative;
	transform:translate(-50%, -50%);
	max-width:none;
	filter:drop-shadow(0 0 var(--10) var(--Color2));
}
.t16 .form,
.t16 .form form {
	flex:1;
	display:flex;
	flex-direction:column;
	gap:var(--24);
}

.t16:not(.f) .form {
	display:none;
}
.t16b {
	display:flex;
	flex-direction:column;
	gap:var(--8);
}
.t16b > label {
	cursor:pointer;
	text-transform:var(--LabelTransform);
	color:var(--Gray5);
	letter-spacing:var(--LabelTracking);
	font-size:var(--14);
	font-family:var(--LabelFont);
}
.t16.dark .form {
	background:rgba(255, 255, 255, 0.05);
	backdrop-filter:blur(8px);
	border:var(--1) solid rgba(255, 255, 255, 0.1);
	border-radius:0;
}
.t16.dark .form h3.title {
	font-weight:900;
	font-size:var(--24);
	line-height:1.33;
	color:var(--Color3);
}
.t16.dark .form .t16b > label {
	color:var(--Gray4);
}
.t16.dark .form .text {
	color:var(--Color3);
	padding:var(--12) 0;
	background:transparent;
	border:0;
	border-radius:0;
	border-bottom:var(--2) solid rgba(255, 255, 255, 0.3);
	font-size:var(--16);
	line-height:normal;
	transition:border-color 0.15s ease;
}
.t16.dark .form .text:focus {
	border-bottom-color:var(--Color6);
	outline:none;
}
.t16.dark .form .text::placeholder {
	color:var(--Gray5);
}
.t16.dark .form .btn {
	background:var(--Gradient);
	border:0;
	margin-top:var(--16);
	text-align:center;
	color:var(--Color3);
	letter-spacing:0.1em;
	font-weight:900;
	font-family:var(--MainFont);
	font-size:var(--18);
	line-height:1.55;
	padding:var(--16) 0;
	width:100%;
}
.t17 {
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
}
.t17 .container {
	display:flex;
	gap:var(--Gap);
	overflow-x:auto;
	overflow-y:hidden;
}

.t17a {
	flex:0 0 calc((100% - var(--Gap) * (var(--InLine) - 1)) / var(--InLine));
	padding-top:var(--MainPadding);
	text-align:center;
	position:relative;
}
.t17a:before {
	content:"";
	display:block;
	width:var(--PhotoSize);
	height:var(--PhotoSize);
	border-radius:var(--HalfBorderRadius);
	background:var(--BG) center center/cover no-repeat;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	box-shadow:0 0 0 var(--3) var(--Color3), 0 0 0 var(--5) var(--Color2);
}
.t17a .info {
	display:flex;
	flex-direction:column;
	gap:var(--ContentShortGap);
	padding:var(--MainPadding) var(--MainBlockPadding) var(--MainBlockPadding);
	background:var(--CardFill);
	border-radius:var(--CardRadius);
}
.t17a .info .title.s {
	color:var(--Color4,);
	font-size:var(--22);
	line-height:var(--30);
}
.t18 h2.title {
	color:var(--milk);
}
.t18 .description {
	color:var(--Gray4);
}
.t19 {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:var(--MainPadding) var(--SidePadding);
}
.t19 .info {
	background:var(--Color3);
	border:var(--3) solid;
	border-image:var(--Gradient) 1;
	padding:var(--36) var(--52);
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:var(--10);
	text-align:center;
	max-width:100%;
}
.t19 .info h2.title {
	font-size:var(--30);
	padding-bottom:0;
}
.t19 .info h2.title:after {
	content:none;
}
.t19 .info .description {
	text-transform:var(--LabelTransform);
	letter-spacing:var(--LabelTracking);
	font-family:var(--LabelFont);
	font-size:var(--14);
	color:var(--Gray5);
}
.t19 .info .description strong,
.t19 .info .description b {
	display:block;
	font-family:var(--MainFont);
	font-weight:900;
	font-size:var(--36);
	line-height:1.2;
	letter-spacing:0;
	background:var(--GradientR);
	background-clip:text;
	-webkit-background-clip:text;
	color:transparent;
}
.t20 {
	text-align:center;
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
}
.t20 .container {
	display:flex;
	gap:var(--MainGap);
	align-items:center;
	overflow-x:auto;
	overflow-y:hidden;
}

.t20a {
	flex:0 0 var(--195);
}
.t20a a {
	display:block;
}
.t20a img {
	filter:grayscale(1);
	opacity:0.7;
	transition:filter 0.25s ease, opacity 0.25s ease;
}
.t20a:hover img {
	filter:none;
	opacity:1;
}
.t21 .body {
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
	text-align:center;
}

.t21.dark {
	color:var(--Color3);
	background:var(--Color1);
	padding:var(--MainPadding);
}
.t21.dark h2.title {
	color:var(--Color3);
}
.t21.dark .description {
	color:var(--Gray3);
}

.t21 .container {
	display:flex;
	gap:var(--MainGap);
	overflow:hidden;
	scroll-behavior:smooth;
}

.t21 .bullets {
	display:flex;
	justify-content:center;
	gap:var(--ContentShortGap);
	align-items:center;
}
.t21 .bullets .item {
	display:inline-block;
	border-radius:var(--MainBorderRadius);
	background:var(--Color4);
	width:var(--MainBorderRadius);
	height:var(--MainBorderRadius);
	transition:all 0.3s linear;
}
.t21 .bullets .item:hover, .t21 .bullets .item.current {
	background:var(--Color2);
}

.t21.dark .bullets .item {
	background:var(--Color3);
}
.t21.dark .bullets .item:hover, .t21.dark .bullets .item.current {
	background:var(--Color4);
	width:var(--ButtonPaddingTB);
	height:var(--ButtonPaddingTB);
}

.t21a {
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
	flex:0 0 100%;
}
.t21a .info {
	display:flex;
	flex-direction:column;
	gap:var(--ContentShortGap);
}
.t22 {
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
	text-align:center;
}
.t22 .items {
	--Gap:0px;
	display:flex;
	flex-wrap:wrap;
	gap:var(--Gap);
}

.t22a {
	flex:0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
	overflow:hidden;
}
.t22a a {
	display:block;
}
.t22a img {
	width:100%;
	transition:transform 0.3s ease, opacity 0.3s ease;
}
.t22a:hover img {
	transform:scale(1.04);
	opacity:0.92;
}
.t23 {
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
}
.t23 .items {
	columns:var(--InLine);
	column-gap:var(--MainGap);
}

.t23a {
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
}
.t23a + .t23a {
	margin-top:var(--MainGap);
}

.t23a .items,
.t23aa .items {
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
}

.t23aa {
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
}

.t23aaa {
	display:flex;
	gap:var(--MoreGap);
	break-inside:avoid;
}
.t23aaa .description {
	flex:1;
	hyphens:auto;
	order:1;
}
.t23aaa .description + .description {
	flex:none;
	white-space:nowrap;
	order:3;
	color:var(--Color2);
	font-weight:600;
}
.t23aaa:after {
	content:"";
	order:2;
	flex:1 1 auto;
	border-bottom:1px dashed var(--Color4);
	transform:translateY(calc(0px - var(--5)));
	align-self:flex-end;
}
#gvp.popupBox {
	background:color-mix(in srgb, var(--cocoa) 86%, transparent);
	-webkit-backdrop-filter:blur(7px);
	backdrop-filter:blur(7px);
	padding:clamp(18px, 4vw, 64px);
}
#gvp .popup {
	display:flex;
	gap:clamp(20px, 3vw, 46px);
	max-height:100vh;
	width:100%;
	background:transparent;
	flex-direction:row;
	padding:0;
	flex:1;
	border-radius:0;
	max-width:1180px;
	align-items:center;
}
#gvp .popup > a.close {
	background:var(--milk);
	width:50px;
	height:50px;
	right:0;
	top:0;
	z-index:3;
	border:none;
	border-radius:50%;
	transition:.25s;
	box-shadow:0 8px 20px -8px rgba(0, 0, 0, .4);
}
#gvp .popup > a.close::before, #gvp .popup > a.close::after {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:18px;
	height:3px;
	border-radius:3px;
	background:var(--cocoa);
}
#gvp .popup > a.close::before {
	transform:translate(-50%, -50%) rotate(45deg);
}
#gvp .popup > a.close::after {
	transform:translate(-50%, -50%) rotate(-45deg);
}
#gvp .popup > a.close:hover {
	background:var(--caramel);
	transform:rotate(90deg);
}
#gvp .popup > a.close:hover::before, #gvp .popup > a.close:hover::after {
	background:var(--CardFill);
}
#gvp .popup .photo {
	flex:1;
	display:flex;
	gap:16px;
	align-items:center;
}
#gvp .popup .photo > .arrow {
	flex:0 0 auto;
	display:flex;
	align-items:center;
}
#gvp .popup .photo > .arrow .arrow {
	display:block;
	width:54px;
	height:54px;
	background:var(--milk);
	transition:.25s;
	position:relative;
	border:none;
	border-radius:50%;
	transform:none;
	box-shadow:0 6px 16px -8px rgba(91, 58, 41, .6);
}
#gvp .popup .photo > .arrow .arrow::before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:13px;
	height:13px;
	border-left:3px solid #5b3a29;
	border-bottom:3px solid #5b3a29;
	border-radius:2px;
	transform:translate(-30%, -50%) rotate(45deg);
}
#gvp .popup .photo > .arrow.right .arrow::before {
	transform:translate(-70%, -50%) rotate(225deg);
}
#gvp .popup .photo > .arrow .arrow:hover {
	background-image:var(--ArrowHoverImageURL);
	background:var(--matcha);
	transform:scale(1.08);
}
#gvp .popup .photo > .arrow .arrow:hover::before {
	border-color:var(--CardFill);
}
#gvp .popup .photo > .cover {
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:auto;
}
#gvp .popup .photo > .cover img {
	max-width:100%;
	max-height:80vh;
	object-fit:contain;
	background:var(--CardFill);
	padding:10px;
	border-radius:28px;
	box-shadow:0 28px 56px -22px rgba(91, 58, 41, .65);
}
#gvp .popup .info-block {
	flex:0 0 var(--Type2-1Width);
	display:flex;
	flex-direction:column;
	gap:12px;
	justify-content:center;
	max-width:290px;
}
#gvp .popup .info-block .title {
	color:var(--milk);
	font-size:clamp(22px, 2.3vw, 32px);
	line-height:1.2;
	font-weight:700;
	font-family:"Comfortaa", "Nunito", sans-serif;
}
#gvp .popup .info-block .title::before {
	content:"☕ наше меню";
	display:block;
	font-family:"Nunito", sans-serif;
	font-size:13px;
	letter-spacing:.06em;
	color:var(--caramel);
	margin-bottom:8px;
	font-weight:700;
}
#gvp .popup .info-block .description {
	color:rgba(251, 246, 239, .82);
	line-height:1.6;
	font-family:"Nunito", sans-serif;
}

@media (max-width:1024px) {
	html {
		touch-action:manipulation;
	}
	body.menu {
		overflow:hidden;
	}
	::-webkit-scrollbar {
		width:0;
		height:0;
	}
	.body {
		width:100%;
	}
	:root {
		--Unit:1px;
		--MainCoef:1;
		--MainGap:var(--15);
		--MainBlockPadding:var(--20);
		--SidePadding:var(--16);
		--ImageHeight:var(--250);
		--ButtonPaddingTB:var(--10);
		--ButtonPaddingLR:var(--15);
		--MainHeaderFontSize:var(--30);
	}
	.btn {
		font-size:var(--16);
		line-height:normal;
	}
	input.text,
	select.text,
	textarea.text {
		font-size:var(--16);
		line-height:normal;
	}
	.type1 .body,
	.type4 .items,
	.type5,
	.type6,
	.type7,
	.type8,
	.type9,
	.type9.a,
	.type10 .items,
	.type11 .items,
	.type11a,
	.type12 .items,
	.type13 .items,
	.type15,
	.type15a,
	.type19 .items,
	.type20,
	.type22 .line,
	.type23 .line,
	.type24 .line,
	.type26 .items,
	footer.footer {
		flex-direction:column;
		flex-wrap:initial;
	}
	.h1, h1.title, .h2, h2.title, .h3, h3.title {
		font-size:var(--30);
		line-height:normal;
		hyphens:auto;
	}
	.h3,
	h3.title {
		font-size:var(--20);
	}
	.description,
	.type33aaa:before,
	.HeaderSliderDescription {
		font-size:var(--16);
		line-height:normal;
	}
	.BlockTitleWhite {
		font-size:var(--20);
		line-height:normal;
	}
	.more {
		font-size:var(--14);
	}
	.type1 .body:before,
	.type9:before {
		flex:0 0 var(--ImageHeight);
	}
	.type1 .body .info,
	.type9 .info,
	.type15 .info {
		padding:0 var(--MainBlockPadding) var(--MainBlockPadding);
	}
	.type2 h2.title,
	.type4 h2.title,
	.type10 h2.title,
	.type11 h2.title,
	.type12 h2.title,
	.type14,
	.type15 > .items,
	.type17,
	.type19 h2.title,
	.type20,
	.type21,
	.type22 h2.title,
	.type22 .line .content,
	.type24 h2.title,
	.type24 .line,
	.type25 h2.title,
	.type25 .container,
	.type28 h2.title,
	.type28 .container,
	.type29,
	.type31 h2.title,
	.type31 .description,
	#gvp .popup .info-block,
	.type33 {
		padding:0 var(--MainBlockPadding);
	}
	.type15 > .items,
	#gvp .popup .info-block {
		padding-bottom:var(--MainBlockPadding);
	}
	.type5,
	.type6,
	.type7,
	.type8 {
		padding:0;
		display:flex;
		background:var(--Color1);
	}
	.type5:before,
	.type6:before,
	.type7:before,
	.type8:before {
		content:"";
		background:var(--BG) right center/cover no-repeat;
		flex:0 0 var(--ImageHeight);
	}
	.type5 .info,
	.type6 .info,
	.type7 .info,
	.type8 .info,
	.type23 .body,
	.type26,
	.type27,
	.type27 .info,
	.type30 {
		padding:var(--MainBlockPadding);
	}
	.type15,
	.type23,
	#gvp .popup {
		padding:0;
	}
	.type22 .line .map,
	.type24 .map {
		flex:0 0 var(--ImageHeight);
	}
	#gvp .popup .photo > .arrow {
		position:absolute;
		left:0;
		top:0;
		height:100%;
		z-index:1;
	}
	#gvp .popup .photo > .arrow.right {
		left:auto;
		right:0;
	}
	header.header .logo .pixio {
		font-size:var(--22);
	}
	header.header .contacts a:before {
		width:var(--22);
		height:var(--22);
	}
	header.header .logo {
		flex:none;
	}
	header.header .m {
		display:block;
		flex:0 0 var(--20);
	}
	header.header .m .mb {
		display:block;
		width:var(--20);
		height:var(--20);
		position:relative;
	}
	header.header .m .mb:before {
		content:"";
		display:block;
		position:absolute;
		top:var(--3);
		height:var(--14);
		width:var(--14);
		left:var(--3);
		border-top:2px solid var(--Color3);
		border-bottom:2px solid var(--Color3);
		transition:all 0.3s linear;
	}
	header.header .m .mb:after {
		content:"";
		display:block;
		position:absolute;
		top:50%;
		left:var(--3);
		height:2px;
		width:var(--14);
		background:var(--Color3);
		transform:translateY(-50%);
		transition:all 0.3s linear;
	}
	header.header .menu {
		position:fixed;
		left:0;
		top:0;
		width:100vw;
		height:100vh;
		z-index:-1;
		pointer-events:none;
		opacity:0;
		background:rgba(0, 0, 0, 0.75);
		backdrop-filter:blur(5px);
		transition:all 0.3s linear;
		flex-direction:column;
		padding:var(--Type3Padding) var(--BlockIconWidth);
		gap:var(--MainBlockPadding);
	}
	header.header .menu a {
		font-size:var(--15);
	}
	header.header .menu .sub > a:after {
		display:none;
	}
	header.header .menu .sub menu {
		position:static;
		margin:0;
		padding:var(--12) 0 0 var(--16);
		background:none;
		border:none;
		border-radius:0;
		backdrop-filter:none;
		opacity:1;
		pointer-events:auto;
		transform:none;
		display:flex;
		flex-direction:column;
		gap:var(--12);
	}
	.menu header.header .logo {
		z-index:6;
		position:relative;
	}
	.menu header.header .m {
		z-index:5;
	}
	.menu header.header .m .mb:before {
		height:0;
		border-top-width:var(--1);
		border-bottom-width:var(--1);
		top:50%;
		transform:translateY(-50%) rotate(45deg);
	}
	.menu header.header .m .mb:after {
		transform:translateY(-50%) rotate(-45deg);
	}
	.menu header.header .menu {
		z-index:5;
		opacity:1;
		pointer-events:auto;
	}
	.popupBox .popup > a.close {
		right:0;
		top:0;
		z-index:2;
	}
	.popupBox#requestPopup .popup {
		flex:0 0 100%;
	}
	.type0 .arrows {
		right:var(--15);
		bottom:var(--15);
	}
	.type0 .arrows .arrow {
		width:var(--30);
		height:var(--30);
	}
	.type0 .type0a {
		padding:var(--MainBlockPadding);
	}
	.type0 .type0a .info {
		--HeaderSliderMinWidth:100%;
		--HeaderSliderMaxWidth:100%;
	}
	.type2 .items {
		flex-direction:column;
	}
	.type3 {
		padding:var(--MainBlockPadding);
		background:none;
		position:relative;
	}
	.type3:after {
		content:"";
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:var(--BG);
		z-index:-1;
		opacity:0.25;
	}
	.type4a {
		flex:none;
	}
	.type4a .info {
		flex:none;
	}
	.type6:before,
	.type8:before {
		background-position:left center;
	}
	.type7,
	.type8 {
		background:var(--Color3);
	}
	.type9 .info {
		padding-bottom:0;
	}
	.type13aa {
		flex:0 0 calc((100% - var(--MainGap)) / 2);
	}
	.type15 {
		flex-direction:column-reverse;
	}
	.type15 .info {
		padding:var(--MainBlockPadding);
	}
	.type18a {
		flex:0 0 80%;
	}
	.type18a img {
		max-width:100%;
	}
	.type20 > .up {
		flex:none;
	}
	.type22 .line .content,
	.type23 .line .content,
	.type24 .line .content {
		flex:none;
	}
	.type25a {
		flex:0 0 80%;
	}
	.type26 .items {
		gap:var(--MainGap);
	}
	.type28a {
		flex:none;
		max-width:70%;
	}
	.type29 .bullets,
	.type30 .bullets {
		flex-wrap:wrap;
	}
	.type31a {
		flex:0 0 50%;
	}
	.type33 .items {
		column-count:1;
	}
	.t0 {
		min-height:100svh;
	}
	.t0a:before, .t0a:after {
		display:none;
	}
	.t0a .info .title {
		font-size:var(--76);
	}
	.HeaderSliderDescription {
		padding:0;
		font-size:var(--18);
	}
	.HeaderSliderDescription p.price {
		font-size:var(--48);
	}
	.t2 .items,
	.t6 .items {
		--InLine:1;
	}
	.t2 h2.title,
	.t6 h2.title {
		font-size:var(--30);
	}
	.t6a:after {
		content:none !important;
	}
	.t14 {
		flex-direction:column;
	}
	.t14 > .up {
		flex:none;
	}
	.t16.dark {
		padding:var(--64) var(--SidePadding);
	}
	.t16.dark h2.title {
		font-size:var(--36);
	}
	.t16 .line .content {
		flex:none;
	}
	#gvp.popupBox {
		padding:14px;
	}
	#gvp .popup > a.close {
		width:42px;
		height:42px;
	}
	#gvp .popup .photo > .arrow .arrow {
		background-color:rgba(255, 255, 255, 0.75);
		width:44px;
		height:44px;
	}
	#gvp .popup .photo > .cover img {
		max-height:54vh;
		border-radius:20px;
		padding:6px;
	}
	#gvp .popup .info-block .title {
		font-size:21px;
	}
	#gvp .popup {
		flex-direction:column;
		justify-content:center;
		align-items:stretch;
		max-height:94vh;
	}
	#gvp .popup .photo {
		position:relative;
		flex:0 1 auto;
		min-height:0;
		align-items:center;
	}
	#gvp .popup .photo > .cover {
		flex:0 1 auto;
		min-height:0;
	}
	#gvp .popup .info-block {
		flex:0 0 auto;
		max-width:none;
	}
	.t15 {
		padding:0 var(--16);
	}
	.t13 .items {
		flex-direction:column;
	}
	.t17a {
		flex:0 0 75%;
	}
}

.s .container,
#mb .container {
	max-width:none !important;
}

.t0a .body,
.t0a .body:before,
.t0a .body:after,
.t0a .info .HeaderSliderDescription p {
	opacity:1;
	animation:none;
}
.t0a.current .info {
	animation:none;
}

body {
	width:100%;
	min-height:100vh;
	font-style:normal;
	position:relative;
	display:flex;
	flex-direction:column;
	overflow-x:hidden;
	padding:0;
	margin:0;
	font-size:0;
	background:var(--milk);
	color:var(--ink);
	font-family:var(--MainFont);
}
h1, h2, h3, .h1, .h2, .h3, .title {
	font-family:var(--DispFont);
	color:var(--cocoa);
	font-weight:700;
	letter-spacing:-.01em;
}
.h2::after, h2.title::after {
	display:none;
}
.description {
	color:var(--soft);
	font-size:var(--19);
	line-height:1.7;
	font-family:var(--MainFont);
	font-weight:600;
}
.description p + p {
	margin-top:var(--16);
}
body::before {
	content:"молет · кофе и уют · с 2014";
	position:fixed;
	left:var(--16);
	top:50%;
	transform:translateY(-50%);
	writing-mode:vertical-rl;
	text-orientation:mixed;
	font-family:var(--DispFont);
	font-weight:600;
	letter-spacing:.14em;
	font-size:var(--14);
	color:var(--cocoa);
	opacity:.4;
	z-index:55;
	pointer-events:none;
}
#mb {
	flex:1;
	display:flex;
	flex-direction:column;
	gap:var(--MainContentGap);
	overflow:visible;
}
#mb > .s {
	margin:calc(-1 * var(--64)) 0 0;
	position:relative;
	max-width:none;
	width:auto;
	border-radius:var(--64) var(--64) 0 0;
	padding:var(--120) var(--80) var(--96);
	box-shadow:0 calc(-1 * var(--12)) var(--46) var(--shadow);
}
#mb > .s.t0 {
	margin-top:0;
	border-radius:0;
	padding:0;
	box-shadow:none;
}
#mb > .s.t3 {
	background:var(--milk);
}
#mb > .s.t13 {
	background:var(--cream);
}
#mb > .s.t18 {
	background:var(--cocoa);
}
#mb > .s.t12 {
	background:var(--milk);
}
#mb > .s.t20 {
	background:var(--cream);
}
#mb > .s.t15 {
	background:var(--milk);
}
#mb > .s.t16 {
	background:var(--cocoa);
}
#mb > .s.body > h2.title, #mb > .s.body > .description, #mb > .s.body > .items {
	max-width:var(--1180);
	margin-left:auto;
	margin-right:auto;
}
#mb > .s > h2.title {
	font-size:var(--46);
	text-align:center;
	margin-bottom:var(--56);
}
#mb > .s > .description {
	text-align:center;
	max-width:var(--700);
	margin-bottom:var(--40);
	color:var(--soft);
}
.header {
	mix-blend-mode:normal;
}
.logo .pixio {
	font-family:var(--DispFont);
	font-weight:700;
	letter-spacing:.02em;
	color:var(--cocoa);
	text-transform:lowercase;
	font-size:var(--30);
}
.logo .label {
	font-family:var(--MainFont);
	font-weight:700;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--caramel);
	font-size:var(--11);
}
.menu a {
	font-family:var(--MainFont);
	font-weight:700;
	font-size:var(--15);
	color:var(--cocoa);
	transition:color .2s;
}
.menu a:hover {
	color:var(--caramel);
}
.header .contacts a:before {
	width:var(--22);
	height:var(--22);
}
.header .contacts a {
	width:var(--46);
	height:var(--46);
	border-radius:50%;
	background-color:rgba(224, 138, 60, .16);
	border:0;
	transition:transform .15s, background-color .2s;
	--BG:url("../images/ic-phone.svg");
}
.header .contacts a.whatsapp {
	--BG:url("../images/ic-wa.svg");
}
.header .contacts a:hover {
	background-color:rgba(224, 138, 60, .32);
	transform:translateY(calc(-1 * var(--3)));
}
.btn, .more {
	font-family:var(--MainFont);
	font-weight:800;
	text-transform:none;
	letter-spacing:0;
}
.btn:hover {
	text-decoration:none;
	transform:translateY(calc(-1 * var(--2)));
}
.btn:active {
	transform:translateY(var(--4));
	box-shadow:0 var(--2) 0 rgba(91, 58, 41, .18);
}
.btn.cl {
	border:0;
	font-family:var(--MainFont);
	font-weight:800;
	letter-spacing:0;
	font-size:var(--16);
	line-height:1.4;
	padding:var(--18) var(--40);
	background:var(--caramel);
	color:var(--CardFill);
	box-shadow:0 var(--6) 0 var(--btnsh);
}
.more::after {
	background:var(--caramel);
}
.more.sm {
	font-size:var(--14);
	display:inline-block;
	background:rgba(224, 138, 60, .14);
	color:var(--caramel);
	padding:var(--8) var(--20);
	border-radius:var(--999);
}
.more.sm::after {
	display:none;
}
.t0a:before, .t0a:after, .t0a .body:before, .t0a .body:after {
	display:none;
}
.t0a .info {
	display:flex;
	flex-direction:column;
	gap:var(--32);
	text-align:center;
	will-change:transform;
	align-items:center;
	position:relative;
	z-index:3;
}
.t0a .info::before {
	content:"";
	position:absolute;
	z-index:-1;
	left:calc(-1 * var(--56));
	top:calc(-1 * var(--40));
	width:var(--360);
	height:var(--320);
	background:rgba(224, 138, 60, .16);
	border-radius:62% 38% 55% 45% / 52% 60% 40% 48%;
	animation:mlt-blob 9s ease-in-out infinite alternate;
}
@keyframes mlt-blob {
	0% {
		border-radius:62% 38% 55% 45% / 52% 60% 40% 48%;
		transform:translate(0, 0) rotate(0);
	}
	100% {
		border-radius:42% 58% 38% 62% / 60% 42% 58% 40%;
		transform:translate(var(--20), var(--16)) rotate(8deg);
	}
}
.t0a .title {
	font-family:var(--DispFont);
	font-weight:700;
	font-size:var(--76);
	line-height:1.06;
	color:var(--milk);
}
.t0a .title span {
	color:var(--caramel);
	background:none;
	-webkit-text-fill-color:var(--caramel);
}
.t0a .HeaderSliderDescription {
	color:rgba(251, 246, 239, .9);
	font-weight:500;
	max-width:var(--520);
}
.t0a .info::after {
	content:"";
	position:absolute;
	right:var(--80);
	top:calc(-1 * var(--56));
	width:var(--6);
	height:var(--56);
	border-radius:var(--999);
	background:linear-gradient(var(--cocoa), transparent);
	opacity:.18;
	box-shadow:var(--20) var(--6) 0 rgba(91, 58, 41, .14), var(--40) calc(-1 * var(--4)) 0 rgba(91, 58, 41, .12);
	animation:mlt-steam 3.2s ease-in-out infinite;
}
@keyframes mlt-steam {
	0%, 100% {
		transform:translateY(0) scaleY(1);
		opacity:.2;
	}
	50% {
		transform:translateY(calc(-1 * var(--12))) scaleY(1.15);
		opacity:.05;
	}
}
#mb > .s.t1 {
	background-color:var(--caramel);
	padding:var(--120) var(--80);
}
.t1.bg {
	color:var(--CardFill);
}
.t1.bg .body {
	background:transparent;
	border-radius:var(--40);
	position:relative;
	padding:var(--72) var(--80);
	max-width:var(--1180);
	margin-inline:auto;
}
.t1.bg .body::before {
	content:"";
	position:absolute;
	inset:var(--20);
	border:2px dashed rgba(255, 255, 255, .55);
	border-radius:var(--32);
	pointer-events:none;
}
.t1.bg .title {
	color:var(--CardFill);
	font-size:var(--52);
	max-width:var(--900);
}
.t1.bg .description {
	color:rgba(255, 255, 255, .92);
	font-weight:700;
	max-width:var(--640);
}
.t1.bg .more {
	display:inline-block;
	margin-top:var(--16);
	background:var(--CardFill);
	color:var(--caramel);
	padding:var(--16) var(--36);
	border-radius:var(--999);
	box-shadow:0 var(--6) 0 rgba(91, 58, 41, .2);
}
.t1.bg .more::after {
	display:none;
}
.t3 .items {
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	align-items:start;
	gap:var(--40);
}
.t3a {
	display:flex;
	flex-direction:column;
	overflow:hidden;
	flex:0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
	background:var(--CardFill);
	border-radius:var(--36);
	padding:var(--16) var(--16) var(--32);
	box-shadow:0 var(--16) var(--40) var(--shadow);
	transition:transform .25s cubic-bezier(.34, 1.56, .64, 1), box-shadow .25s;
}
.t3a img {
	height:var(--Type4Height);
	border-radius:var(--28);
	background:var(--cream);
	display:block;
	width:100%;
}
.t3a .info {
	flex:1;
	display:flex;
	flex-direction:column;
	gap:var(--ContentShortGap);
	background:var(--CardFill);
	padding:var(--24) var(--20) 0;
	text-align:center;
}
.t3a .BlockTitle.title {
	font-size:var(--26);
	color:var(--cocoa);
}
.t3a .annotation {
	color:var(--matcha);
	font-weight:700;
	text-transform:none;
	letter-spacing:0;
	margin-top:var(--6);
}
.t3a:hover {
	transform:translateY(calc(-1 * var(--14))) rotate(-1deg);
	box-shadow:0 var(--28) var(--56) var(--shadow);
}
.t13 .items {
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	align-items:start;
	gap:var(--40);
}
.t13a:before {
	flex:0 0 var(--BigIconWidth);
	content:"";
	display:block;
	width:var(--104);
	height:var(--104);
	margin:0 auto var(--24);
	border-radius:50%;
	background:rgba(123, 160, 91, .16);
	background-image:none;
	position:relative;
	aspect-ratio:1 / 1;
}
.t13a {
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
	flex:0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
	transition:transform 0.25s ease, box-shadow 0.25s ease;
	background:var(--CardFill);
	border-radius:var(--32);
	padding:var(--48) var(--32);
	text-align:center;
	box-shadow:0 var(--14) var(--34) var(--shadow);
	position:relative;
}
.t13a::after {
	content:"";
	position:absolute;
	top:var(--48);
	left:50%;
	transform:translateX(-50%);
	width:var(--56);
	height:var(--56);
	background:var(--BG) center/contain no-repeat;
	transition:transform .6s cubic-bezier(.34, 1.56, .64, 1);
}
.t13a:hover::after {
	transform:translateX(-50%) rotate(360deg);
}
.t13a .description {
	color:var(--cocoa);
	font-size:var(--20);
	font-weight:700;
}
.t18 {
	padding:var(--MainPadding);
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
	color:var(--Color3);
	text-align:center;
	background:var(--cocoa);
}
.t18 > .title {
	color:var(--milk);
}
.t18 .items {
	flex-wrap:wrap;
	justify-content:center;
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:var(--40);
}
.t18a {
	display:flex;
	flex-direction:column;
	gap:var(--MainGap);
	text-align:center;
}
.t18a .title {
	background-clip:text;
	-webkit-background-clip:text;
	font-family:var(--DispFont);
	font-weight:700;
	font-size:var(--88);
	color:var(--milk);
	background:none;
	-webkit-text-fill-color:var(--milk);
	line-height:1;
}
.t18a .description {
	font-family:var(--MainFont);
	font-size:var(--19);
	letter-spacing:var(--LabelTracking);
	text-transform:var(--LabelTransform);
	color:var(--caramel);
	font-weight:800;
	margin-top:var(--10);
}
.t12 {
	display:flex;
	gap:var(--MainGap);
	overflow:auto;
	scroll-snap-type:both mandatory;
	-webkit-overflow-scrolling:touch;
	padding-left:var(--80);
	position:relative;
}
.t12::after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:var(--96);
	height:var(--14);
	background:var(--cream);
	box-shadow:0 var(--8) var(--16) var(--shadow);
}
.t12 .t12a {
	position:relative;
	z-index:2;
}
.t12 .t12a img {
	border-radius:var(--28);
	filter:drop-shadow(0 var(--14) var(--20) var(--shadow));
	transition:transform .3s cubic-bezier(.34, 1.56, .64, 1);
	width:var(--520);
	height:var(--360);
	object-fit:cover;
	object-position:center;
}
.t12 .t12a img[src*=".svg"] {
	object-fit:contain;
}
.t12 .t12a:hover img {
	transform:translateY(calc(-1 * var(--20))) rotate(-3deg);
}
.t20 .t20a {
	display:flex;
	align-items:center;
	justify-content:center;
}
.t20 .t20a img {
	border-radius:var(--20);
	background:var(--CardFill);
	padding:var(--12);
	box-shadow:0 var(--10) var(--24) var(--shadow);
	filter:none;
	opacity:.9;
	transition:transform .25s, opacity .25s;
}
.t20 .t20a img:hover {
	transform:translateY(calc(-1 * var(--6)));
	opacity:1;
}
.t15 .items {
	display:flex;
	flex-direction:column;
	max-width:var(--900);
	gap:var(--16);
}
.t15a {
	border-bottom:var(--DividerWidth) solid var(--DividerColor);
	background:var(--CardFill);
	border-radius:var(--28);
	padding:var(--28) var(--36);
	box-shadow:0 var(--10) var(--28) var(--shadow);
	transition:background-color .2s;
}
.t15a .Type21H.title {
	font-size:var(--22);
	color:var(--cocoa);
}
.t15a.current {
	background:var(--CardFill);
}
.t15a .description {
	display:none;
	padding-bottom:var(--ButtonPaddingTB);
	color:var(--soft);
}
.t15a:after {
	color:var(--caramel);
}
.t16 {
	background:var(--cocoa);
}
.t16 .body > .title {
	color:var(--milk);
	text-align:center;
}
.t16.mt .map {
	border-radius:var(--32);
	overflow:hidden;
	min-height:var(--400);
	border:var(--6) solid #fff;
	background:#e9e2d6;
	margin-bottom:var(--56);
}
.t16 .t16a .description, .t16 .t16a .description a {
	color:var(--milk);
	font-weight:700;
}
.t16 .t16a::before {
	background:var(--caramel);
	color:var(--CardFill);
	border-radius:50%;
}
.t16 .form {
	background:rgba(255, 255, 255, .06);
	border-radius:var(--28);
	padding:var(--40);
	border:0;
	backdrop-filter:none;
}
.t16 input.text, .t16 textarea.text {
	background:var(--CardFill);
	border:0;
	border-radius:var(--18);
	color:var(--ink);
	padding:var(--16) var(--22);
	font-size:var(--16);
	font-family:var(--MainFont);
	font-weight:600;
}
.t16 input.text::placeholder, .t16 textarea.text::placeholder {
	color:#b8a998;
}
.t16 input.text:focus, .t16 textarea.text:focus {
	outline:2px solid var(--caramel);
	outline-offset:0;
}
.t16 input[type="submit"].btn {
	background:var(--caramel);
	color:var(--CardFill);
	box-shadow:0 var(--6) 0 var(--btnsh);
	border-radius:var(--999);
}
.footer {
	background:#2e1d14;
}
.footer .copy {
	font-family:var(--MainFont);
	font-weight:700;
	color:rgba(251, 246, 239, .7);
	font-size:var(--13);
}
#sections {
	container-type:inline-size;
	position:relative;
}
#sections::after {
	content:"";
	position:absolute;
	right:var(--80);
	top:var(--900);
	width:var(--46);
	height:var(--30);
	background:var(--cocoa);
	border-radius:50%/60%;
	opacity:.12;
	transform:rotate(28deg);
	box-shadow:var(--300) var(--240) 0 rgba(224, 138, 60, .14), calc(-1 * var(--640)) var(--520) 0 rgba(123, 160, 91, .14);
	animation:mlt-drift 14s ease-in-out infinite alternate;
	pointer-events:none;
}
@keyframes mlt-drift {
	from {
		transform:translateY(0) rotate(28deg);
	}
	to {
		transform:translateY(calc(-1 * var(--40))) rotate(40deg);
	}
}
@media (prefers-reduced-motion:no-preference) {
	.t3a, .t13a, .t18a, .t15a, .t20a {
		animation:mlt-pop both linear;
		animation-timeline:view();
		animation-range:entry 0% cover 22%;
	}
	@keyframes mlt-pop {
		from {
			opacity:0;
			transform:translateY(var(--40)) scale(.94);
		}
		to {
			opacity:1;
			transform:none;
		}
	}
}
@media (max-width:1024px) {
	body::before {
		display:none;
	}
	#sections::after {
		display:none;
	}
	#mb > .s {
		margin-top:-32px;
		border-radius:32px 32px 0 0;
		padding:64px 16px 56px;
	}
	#mb > .s.t0 {
		margin-top:0;
		border-radius:0;
		padding:0;
	}
	#mb > .s > h2.title {
		font-size:30px;
		margin-bottom:32px;
	}
	.t0a .title {
		font-size:40px;
	}
	.t0a .info::before {
		width:240px;
		height:200px;
		left:-16px;
	}
	#mb > .s.t1 {
		padding:64px 16px;
	}
	.t1.bg .body {
		padding:40px 24px;
	}
	.t1.bg .title {
		font-size:30px;
	}
	.t1.bg .body::before {
		inset:12px;
	}
	.t3 .items, .t13 .items {
		grid-template-columns:1fr !important;
		gap:24px;
	}
	.t18 .items {
		gap:28px;
		grid-template-columns:1fr !important;
	}
	.t18a .title {
		font-size:60px;
	}
	.t12 {
		padding-left:16px;
	}
	.t12::after {
		bottom:56px;
	}
	.t16.mt .map {
		min-height:240px;
	}
	.t16 .line {
		flex-direction:column;
		gap:24px;
		display:flex;
	}
	.t16 .form {
		padding:24px;
		width:100%;
	}
	.s.t1.bg .info {
		padding:0;
	}
}
@media (max-width:1024px) {
	header.header {
		position:relative;
		mix-blend-mode:normal;
		background:var(--Color1);
		padding:var(--15) var(--SidePadding);
		pointer-events:auto;
	}
}
.map:empty {
	position:relative;
	background:#e6eaf0 repeating-linear-gradient(0deg, rgba(60, 70, 90, .07) 0 1px, transparent 1px 40px), repeating-linear-gradient(90deg, rgba(60, 70, 90, .07) 0 1px, transparent 1px 40px);
}
.map:empty::after {
	content:"Карта · Алматы";
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#7a8290;
	font:600 15px/1.2 system-ui, sans-serif;
	letter-spacing:.04em;
}
header.header .logo {
	pointer-events:auto;
	flex-direction:column;
	gap:0;
	animation:headerLogoSlideIn 1s ease-out;
	display:grid;
	grid-template-columns:auto auto;
	align-items:center;
	column-gap:var(--10)
}
header.header .logo .brandmark {
	grid-column:1;
	grid-row:1 / 3;
	width:var(--34);
	height:var(--34);
	display:block
}
footer .logo .brandmark, .footer .logo .brandmark {
	width:var(--30);
	height:var(--30);
	display:block;
	margin-bottom:var(--8)
}
.logo, .site-header .brand {
	display:inline-flex;
	align-items:center;
	gap:0;
	text-decoration:none
}
.logo-svg {
	height:var(--34);
	width:auto;
	display:block;
	overflow:visible
}
.logo-svg .lw {
	font-family:var(--DispFont);
	font-weight:700;
	letter-spacing:.02em;
	text-transform:lowercase;
	fill:var(--cocoa)
}
.rq-ok {
	position:fixed;
	inset:0;
	z-index:99999;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:24px;
	background:rgba(8, 12, 20, .62);
	-webkit-backdrop-filter:blur(6px);
	backdrop-filter:blur(6px);
	opacity:0;
	visibility:hidden;
	transition:opacity .3s ease, visibility .3s;
	font-family:var(--MainFont, system-ui, -apple-system, Segoe UI, Roboto, sans-serif)
}
.rq-ok.is-open {
	opacity:1;
	visibility:visible
}
.rq-ok__box {
	position:relative;
	max-width:440px;
	width:100%;
	background:var(--Color3, var(--CardFill));
	color:var(--Color1, #0e1116);
	border-radius:var(--MainBorderRadius, 18px);
	padding:42px 34px 34px;
	text-align:center;
	box-shadow:0 40px 90px -20px rgba(0, 0, 0, .45);
	transform:translateY(16px) scale(.97);
	transition:transform .35s cubic-bezier(.16, 1, .3, 1)
}
.rq-ok.is-open .rq-ok__box {
	transform:none
}
.rq-ok__ic {
	width:74px;
	height:74px;
	margin:0 auto 22px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--CardFill);
	background:var(--Gradient, linear-gradient(135deg, #6646d5, #99ba2b))
}
.rq-ok__t {
	font-size:23px;
	font-weight:800;
	letter-spacing:-.01em;
	margin:0 0 10px
}
.rq-ok__d {
	font-size:15px;
	line-height:1.55;
	color:var(--Gray7, #5b6472);
	margin:0 0 26px
}
.rq-ok__btn {
	font-family:var(--MonoFont, var(--MainFont, inherit));
	text-transform:uppercase;
	letter-spacing:.06em;
	font-size:13px;
	font-weight:600;
	cursor:pointer;
	border:0;
	border-radius:var(--ButtonsBorderRadius, 8px);
	padding:14px 32px;
	color:var(--CardFill);
	background:var(--Gradient, linear-gradient(135deg, #6646d5, #99ba2b));
	transition:transform .2s ease
}
.rq-ok__btn:hover {
	transform:scale(1.04)
}
.rq-ok__x {
	position:absolute;
	top:12px;
	right:14px;
	width:34px;
	height:34px;
	border:0;
	background:transparent;
	cursor:pointer;
	font-size:26px;
	line-height:1;
	color:var(--Gray4, #9aa3af);
	transition:color .2s
}
.rq-ok__x:hover {
	color:var(--Color1, #0e1116)
}
.t0a {
	display:flex;
	padding:0 var(--HeaderSliderPaddingLR);
	align-items:center;
	justify-content:center;
	flex:0 0 100%;
	position:relative;
	background:var(--BG) center center/cover no-repeat;
	background-color:var(--milk);
	background-image:linear-gradient(90deg, rgba(38, 24, 15, .82) 0%, rgba(38, 24, 15, .58) 36%, rgba(38, 24, 15, .18) 60%, transparent 78%), var(--BG);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.t0a .more {
	font-weight:800;
	color:var(--milk);
}
.t12a .cover {
	position:relative;
	display:block;
}
.t12a .cover .hov {
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:0;
	transition:opacity .35s ease;
}
.t12a:hover .cover .hov {
	opacity:1;
}

@media (max-width:1024px) {
	header.header .contacts a {
		width:var(--46);
		height:var(--46);
		background-color:var(--milk);
		box-shadow:0 2px 10px rgba(58, 42, 32, .18);
	}
	body.menu header.header .m .mb:before, body.menu header.header .m .mb:after {
		--Color3:var(--cocoa);
	}
	body.menu header.header {
		background:var(--milk);
	}
	body.menu header.header .menu {
		background:var(--milk);
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		gap:22px;
		padding-top:80px;
	}
	body.menu header.header .menu a {
		color:var(--cocoa);
		font-size:24px;
	}
	body.menu header.header .menu a:hover {
		color:var(--caramel);
	}
}
.t0 .arrows .arrow {
	display:block;
	background:var(--ArrowImageURL) center center/contain no-repeat;
	width:var(--52);
	height:var(--52);
	border:1px solid color-mix(in srgb, var(--caramel) 35%, transparent);
	border-radius:var(--999);
	background-color:color-mix(in srgb, var(--caramel) 8%, transparent);
	background-size:var(--20);
	transition:background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.t0 .arrows .arrow:hover {
	background-image:var(--ArrowHoverImageURL);
	background-color:var(--caramel);
	border-color:var(--caramel);
	transform:scale(1.08);
}
.t0 .arrows .arrow.right{
	transform:rotate(180deg);
}
.t0 .arrows .arrow.right:hover {
	transform:rotate(180deg) scale(1.08);
}