/* Start:/local/templates/metabula/css/theme.css?17274348591030*/
@charset "utf-8";
:root {
		--font: Geologica, -apple-system, system-ui, "sans-serif";
		--font2: "Prosto One", -apple-system, system-ui, "sans-serif";
		--width: 1276px;
		font-size: 1.219512vw;
		--vert-padding: clamp(60px, 6.25rem, 100px);
		--side-padding: clamp(16px, 3rem, 48px);
		--accent: #FFC11C;
		--black: #000;
		--black05: rgba(0, 0, 0, 0.05);
		--black15: rgba(0, 0, 0, 0.15);
		--white: #fff;
		--white40: rgba(255, 255, 255, 0.4);
		--white20: rgba(255, 255, 255, 0.2);
		--white15: rgba(255, 255, 255, 0.15);
		--white14: rgba(255, 255, 255, 0.14);
		--grey: rgba(0, 0, 0, 0.5);
		--header: 100px;
		--grey-bg: #F5F5F5;
		--grey-bg-hover: #ebebeb;
		--grey-line: #F2F2F2;
		--dark-bg: #1E1E1E;
		--red: #FF1C1C;
		--grid: 100px;
		--gap: clamp(10px, 1.25rem, 20px);
		--padding: clamp(20px, 1.875rem, 30px);
}
@media only screen and (max-width: 999.99px) {
		:root {
				--grid: 50px;
		}
}
@media only screen and (min-width: 1276px) {
		:root {
				--side-padding: calc((100vw - var(--width)) / 2 + 48px);
		}
}
/* End */


/* Start:/local/templates/metabula/css/base.css?176885986555104*/
@charset "utf-8";
html, body {
		height: 100%;
		box-sizing: border-box;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased;
		/*font-optical-sizing: auto;*/
}
body {
		margin: 0;
		padding: 0;
		background: var(--white);
		color: var(--black);
		font: 300 clamp(16px, 1.125rem, 18px)/1.4 var(--font);
		-webkit-text-size-adjust: none;
		display: flex;
		flex-direction: column;
}
*, *:before, *:after {
		box-sizing: border-box;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
form, fieldset {
		margin: 0;
		padding: 0;
		border: 0;
}
input, select, textarea, button {
		font: 300 clamp(16px, 1.125rem, 18px) var(--font);
		color: var(--black);
		outline: none;
		text-align: left;
}
input[type="text"], input[type="password"], input[type="email"], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, select {
		-webkit-appearance: none;
		border-radius: 10px;
		box-shadow: none;
		border: 2px solid var(--black05);
		background: var(--white);
		margin: 0;
		padding: 0 calc(1em - 2px);
		height: clamp(50px, 3.625rem, 58px);
		width: 100%;
		display: block;
		transition-property: border, background;
		transition-duration: 0.4s;
		transition-timing-function: ease;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
		opacity: 1;
		color: #9c9c9c;
}
input::-moz-placeholder, textarea::-moz-placeholder {
		opacity: 1;
		color: #9c9c9c;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
		opacity: 1;
		color: #9c9c9c;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
		opacity: 0.5 !important;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
		opacity: 0.5 !important;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
		opacity: 0.5 !important;
}
input::-ms-clear {
		display: none;
}
button::-moz-focus-inner {
		border: 0;
}
textarea {
		resize: none;
		height: clamp(88px, 5.875rem, 94px);
		padding-top: 14px;
}
input.invalid, textarea.invalid {
		border-color: var(--red);
}
video {
		-webkit-mask-image: -webkit-radial-gradient(white, black);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
}
header, nav, section, article, aside, footer, menu, time, figure, figcaption, main {
		display: block;
}
img, svg, picture {
		border: 0;
		outline: none;
		vertical-align: top;
}
strong {
		font-weight: 600;
}
a {
		--border: var(--black15);
		color: var(--black);
		text-decoration: none;
		outline: none;
		cursor: pointer;
		transition: border 0.4s ease;
		border-bottom: 1px solid var(--border);
}
@media (pointer:fine) {
		a:hover {
				border-bottom-color: transparent;
		}
}
a[href^=tel] {
		color: inherit;
		cursor: inherit;
		text-decoration: none;
}
.swiper {
		overflow: hidden;
}
.swiper-wrapper, .swiper-slide {
		list-style: none;
		margin: 0;
		padding: 0;
}
.swiper-wrapper {
		display: flex;
}
.swiper-slide {
		flex: 0 0 auto;
		width: 100%;
}
.slider-pagination {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 16px 0 0 0;
		gap: 6px;
		--swiper-pagination-bullet-width: 30px;
		--swiper-pagination-bullet-height: 4px;
		--swiper-pagination-bullet-horizontal-gap: 0;
		--swiper-pagination-bullet-inactive-opacity: 0.15;
		--swiper-theme-color: var(--accent);
		--swiper-pagination-bullet-inactive-color: var(--black);
		--swiper-pagination-bullet-border-radius: 2px;
}
.swiper-arrow {
		position: absolute !important;
		top: 50%;
		z-index: 10;
		width: 64px !important;
		height: 64px !important;
		padding: 0 !important;
		margin: -32px !important;
}
.swiper-arrow:after {
		content: '';
		width: 20px;
		height: 20px;
		background: url("/local/templates/metabula/css/../img/right-arrow.svg") no-repeat 50% 50%;
		background-size: contain;
		margin: -10px;
		position: absolute;
		top: 50%;
		left: 50%;
}
.swiper-arrow-prev:after {
		transform: scale(-1, 1);
}
p {
		padding: 0;
		margin: 12px 0;
}
.h1 {
		font: normal clamp(30px, 4rem, 64px)/1 var(--font2);
		margin: 0 0 clamp(16px, 1.5rem, 24px) 0;
}
.h2 {
		font: normal clamp(24px, 1.75rem, 28px)/1.1 var(--font2);
		margin: 0 0 16px 0;
}
.h3 {
		font: normal clamp(20px, 1.5rem, 24px)/1.1 var(--font2);
		margin: 0 0 16px 0;
}
.btn {
		-webkit-appearance: none;
		cursor: pointer;
		user-select: none;
		outline: none;
		margin: 0;
		box-shadow: none;
		border: 0;
		background: none;
		flex: 0 0 auto;
		max-width: 100%;
		position: relative;
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		text-decoration: none;
		gap: 6px;
		font: normal 14px/1.2 var(--font2);
		text-transform: lowercase;
		padding: 0 22px;
		height: 45px;
		border-radius: 8px 15px 15px 15px;
		color: var(--black);
		transition-property: color, background, border, opacity;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		--top: 0;
		--left: 0;
}
.btn:before {
		content: '';
		position: absolute;
		width: 250%;
		aspect-ratio: 1/1;
		border-radius: 50%;
		background: var(--black);
		transform: translate3d(-50%, -50%, 0) scale(0);
		top: var(--top);
		left: var(--left);
		backface-visibility: hidden;
		transition-property: transform, background, opacity;
		transition-duration: 0.4s;
		transition-timing-function: ease;
}
@media only screen and (min-width: 1000px) {
		.btn-big {
				height: clamp(45px, 4.375rem, 70px);
				font-size: clamp(14px, 1.125rem, 18px);
				padding: 0 clamp(22px, 2.25rem, 36px);
				border-radius: clamp(8px, 0.625rem, 10px) clamp(15px, 1.5625rem, 25px) clamp(15px, 1.5625rem, 25px) clamp(15px, 1.5625rem, 25px);
		}
}
.btn > *:not(.reflect) {
		position: relative;
}
/*16.10.24 start*/
.btn svg {
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		transition: fill 0.4s ease;
		fill: currentColor;
}
/*16.10.24 end*/
.btn-primary {
		background: var(--accent);
}
.btn-secondary {
		border: 1px solid var(--black) !important;
}
.btn-grey {
		background: var(--grey-bg);
}
.btn-grey:before {
		background-color: var(--grey-bg-hover);
}
.btn-white {
    /*background: var(--white-bg);*/
}
.btn-white:before {
    background-color: var(--white-bg-hover);
}
.btn .reflect {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 74px;
		height: 200%;
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
		opacity: 0.45;
		transform: translate3d(-80%, -50%, 0) rotate(15deg);
		transition: opacity 0.4s ease;
}
@media (pointer:fine) {
		.btn:not(.btn-grey):not(.btn-white):hover {
				color: var(--white);
		}
		.btn:hover:before {
				transform: translate3d(-50%, -50%, 0) scale(1);
				transition-duration: 0.8s;
		}
		.btn:hover .reflect {
				opacity: 0;
		}
}
.arrow-right {
		display: block;
		border: 0;
		flex: 0 0 auto;
		width: 26px;
		height: 26px;
		border-radius: 50%;
		background: var(--accent) url("/local/templates/metabula/css/../img/right-arrow.svg") no-repeat 50% 50%;
		background-size: 12px auto;
		backface-visibility: hidden;
		transform: translate3d(0, 0, 0);
		transition-property: transform, background;
		transition-duration: 0.2s, 0.4s;
		transition-timing-function: ease;
		position: relative;
}
.arrow-right:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: url("/local/templates/metabula/css/../img/right-arrow-white.svg") no-repeat 50% 50%;
		background-size: 12px auto;
		opacity: 0;
		transition: opacity 0.4s ease;
}
@media (pointer:fine) {
		a:hover .arrow-right {
				transform: translate3d(4px, 0, 0);
		}
}
.num-circle {
		flex: 0 0 auto;
		font: bold 11px/1 var(--font);
		width: 26px;
		height: 26px;
		border-radius: 50%;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--accent);
		color: var(--black);
}
.link-more {
		font: 600 14px/1.2 var(--font);
		text-transform: none;
		display: inline-flex;
		vertical-align: top;
		align-items: center;
		gap: 6px;
		color: var(--black);
		border: 0;
}
@media only screen and (max-width: 599.99px) {
		.section:has(.btn-more) .section-head .link-more, .section:has(.btn-more) .section-head .links-more {
				display: none;
		}
}
@media only screen and (min-width: 600px) {
		.section .btn-more {
				display: none;
		}
}
.btn-more {
		margin-top: clamp(24px, 2rem, 32px);
}
.btn-more + .btn-more {
		margin-top: 8px;
}
.mainwrap {
		flex: 0 0 auto;
		width: 100%;
		min-height: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
}
.content {
		flex: 1 0 auto;
}
.header, .footer {
		flex: 0 0 auto;
}
.header {
		padding: 0 var(--side-padding);
		position: fixed;
		top: 0;
		width: 100%;
		left: 0;
		z-index: 100;
		height: var(--header);
		display: flex;
		align-items: center;
		justify-content: space-between;
		transition-property: box-shadow, background;
		transition-duration: 0.4s;
		transition-timing-function: ease;
}
.scrolled .header, .header-inner {
		background-color: var(--white);
		box-shadow: 0px 15px 50px 0px #0000000D;
}
.head-logo {
		flex: 0 0 auto;
		line-height: 0;
		position: relative;
		z-index: 3;
		border: 0;
}
.head-logo img {
		height: 53px;
		width: auto;
}
.menu ul, .menu li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.menu .lvl1, .menu .lvl2 {
		display: flex;
		align-items: center;
		text-decoration: none;
		color: var(--black);
		gap: 6px;
		user-select: none;
		border: 0;
}
.menu .num-circle {
		margin: -6px 0;
}
.menu li {
		position: relative;
}
.menu .sub-dev .lvl2 {
		font: 500 clamp(14px, 1rem, 16px)/1.2 var(--font);
		background: var(--grey-bg);
		border-radius: 15px;
		display: flex;
		gap: 12px;
		padding: 16px;
		transition: background 0.4s ease;
}
.menu .sub-dev .lvl2 img {
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		object-fit: contain;
		object-position: center;
		opacity: 0.15;
}
.menu .sub-dev.menu-lang .lvl2 .flag-icon {
    opacity: 1;
    width: 26px;
    height: 20px;
    border-radius: 3px;
    background-size: cover;
}
@media (pointer:fine) {
		.menu .sub-dev a.lvl2:hover {
				background-color: var(--accent);
		}
}
/*16.10.24 start*/
.menu .btn-contact svg {
		display: none;
}
.btn.btn-lang {
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 13px;
    font-family: 'Geologica';
}
.btn.btn-lang.btn-mobile {
    height: 48px;
}
.btn.btn-lang .flag-icon {
    width: 20px;
    height: 14px;
    border-radius: 2px;
    background-size: cover;
}
/*16.10.24 end*/
@media only screen and (min-width: 1000px) {
		.toggle-menu {
				display: none;
		}
		.menu {
				flex: 1 1 auto;
		}
		.menu .main {
				display: flex;
				align-items: center;
				justify-content: space-between;
		}
		/*16.10.24 start*/
		.menu .main > li:first-child, .menu .main > li:last-child, .menu .main > li:has(.social-links) {
				margin-left: auto;
		}
        .menu .main:has(.social-links) > li:nth-last-child(2) {
                margin-left: 16px;
        }
		.menu .main:has(.social-links) > li:last-child {
				margin-left: 24px;
		}
        @media only screen and (max-width: 1060px) {
            .menu .main:has(.social-links) > li:nth-last-child(2) {
                margin-left: auto;
            }
            .menu .social-links {
                gap: 3px !important;
            }
            .menu .main .lvl1 {
                padding: 5px 7px;
            }
        }
		@media only screen and (max-width: 1210px) {
				.menu .main:has(.social-links) > li:last-child {
						margin-left: auto;
				}
				.menu .btn-contact {
						padding: 0;
						width: 45px;
				}
				.menu .btn-contact > span {
						display: none;
				}
				.menu .btn-contact svg {
						display: block;
				}
		}
		/*16.10.24 end*/
		.menu .lvl1 {
				padding: 5px 9px;
				font-weight: 600;
				font-size: 14px;
				line-height: 1.2;
				text-transform: lowercase;
				transition-property: color;
                white-space: nowrap;
		}
		@media (pointer:fine) {
				.menu .lvl1:hover {
						color: var(--accent);
				}
                .menu .lvl1.btn-lang:hover {
                    color: var(--black);
                }
		}
		/*.menu li:has(.sub-about) .lvl1:after {
				content: '';
				flex: 0 0 auto;
				background: url("/local/templates/metabula/css/../img/arrow-right-accent.svg") no-repeat 50% 50%;
				width: 5px;
				height: 9px;
				background-size: contain;
				position: relative;
				top: 1px;
		}*/
		.menu li:has(.sub-dev):before {
				content: '';
				position: absolute;
				top: 100%;
				left: 0;
				right: 0;
				height: 24px;
				pointer-events: none;
		}
		.menu li:has(.sub-dev):after {
				content: '';
				position: absolute;
				z-index: 3;
				top: calc(50% + 35px);
				left: 50%;
				width: 18px;
				height: 18px;
				pointer-events: none;
				transform: translate3d(-50%, -30%, 0) rotate(45deg);
				background: var(--white);
				box-shadow: 0px 15px 50px 0px #0000000D;
				clip-path: polygon(-75px calc(100% + 75px), -75px -75px, calc(100% + 75px) -75px);
				transition: opacity 0.4s ease;
				opacity: 0;
		}
        .menu li:has(.sub-dev.menu-lang):after {
            top: calc(50% + 25px);
        }
		.menu .sub-dev {
				position: absolute;
				top: calc(100% + 22px);
				left: 50%;
				width: calc(100vw - var(--side-padding) * 2 + 60px);
				max-width: 630px;
				transform: translate3d(-50%, 0, 0);
				z-index: 2;
				background: var(--white);
				display: flex;
				gap: 40px;
				box-shadow: 0px 15px 50px 0px #0000000D;
				border-radius: 25px;
				padding: 30px;
				transition: opacity 0.4s ease;
				opacity: 0;
				pointer-events: none;
				backface-visibility: hidden;
		}
        .menu .sub-dev.menu-lang {
            top: calc(100% + 4px);
            max-width: 300px;
            transform: translate3d(-88%, 0, 0);
        }
        .btn.btn-lang {
            text-transform: uppercase;
            font-weight: 600;
            padding: 0 13px;
            font-family: 'Geologica';
        }
        .btn.btn-lang .flag-icon {
            width: 20px;
            height: 14px;
            border-radius: 2px;
            background-size: cover;
        }
		@media (pointer:fine) {
				.menu li:has(.sub-dev):hover:before {
						pointer-events: all;
				}
				.menu li:has(.sub-dev):hover:after {
						opacity: 1;
				}
				.menu li:hover > .sub-dev {
						opacity: 1;
						pointer-events: all;
				}
		}
		@media (pointer:coarse) {
				.menu li:has(.sub-dev).open:after {
						opacity: 1;
				}
				.menu li.open > .sub-dev {
						opacity: 1;
						pointer-events: all;
				}
		}
		.menu .sub-dev > * {
				flex: 1;
		}
		.menu-slider .swiper-wrapper, .menu-slider .swiper-slide {
				transform: none !important;
				width: 100% !important;
		}
		.menu-slider .swiper-wrapper {
				flex-direction: column;
				gap: 6px;
		}
		.menu-slider .swiper-slide {
				width: 100%;
		}
		.menu .sub-dev .lvl2 {
				align-items: center;
				justify-content: space-between;
				flex-direction: row-reverse;
		}
		.menu .sub-about {
				display: none;
		}
        .menu .sub-dev.menu-lang .lvl2 {
            flex-direction: row;
            justify-content: left;
            font-size: 16px;
        }
        .menu-mobile-block {
            display: none;
        }
}
@media only screen and (max-width: 999.99px) {
		:root {
				--header: 85px;
		}
		html.open-menu {
				overflow: hidden;
		}
		.toggle-menu {
				padding: 0;
				width: 48px;
				height: 48px;
				z-index: 3;
		}
		.toggle-menu > *:before, .toggle-menu > *:after {
				content: '';
		}
		.toggle-menu > *, .toggle-menu > *:before, .toggle-menu > *:after {
				position: absolute !important;
				top: 50%;
				left: 50%;
				width: 16px;
				height: 3px;
				border-radius: 2px;
				background: currentColor;
				transition-property: transform, opacity, background;
				transition-duration: 0.4s;
				transition-timing-function: ease;
		}
		.toggle-menu > * {
				transform: translate3d(-50%, -50%, 0);
		}
		.toggle-menu > *:before {
				transform: translate3d(-50%, calc(-50% - 5px), 0);
		}
		.toggle-menu > *:after {
				transform: translate3d(-50%, calc(-50% + 5px), 0);
		}
		.open-menu .toggle-menu {
				color: var(--white);
				background-color: var(--black);
		}
		.open-menu .toggle-menu > * {
				background-color: transparent;
		}
		.open-menu .toggle-menu > *:before {
				transform: translate3d(-50%, -50%, 0) rotate(135deg);
		}
		.open-menu .toggle-menu > *:after {
				transform: translate3d(-50%, -50%, 0) rotate(-135deg);
		}
		.open-menu .header {
				background: var(--white);
		}
		.menu {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: var(--white);
				z-index: 2;
				overflow: hidden;
				overflow-y: auto;
				display: flex;
				flex-direction: column;
				backface-visibility: hidden;
				transition: opacity 0.4s ease;
		}
		html:not(.open-menu) .menu {
				opacity: 0;
				pointer-events: none;
		}
		.menu:before {
				content: '';
				flex: 0 0 auto;
				width: 100%;
				height: var(--header);
				position: sticky;
				top: 0;
				z-index: 5;
				background: var(--white);
				border-bottom: 1px solid var(--grey-line);
				margin-bottom: 8px;
		}
		.menu .main {
				flex: 1 0 auto;
				display: flex;
				flex-direction: column;
		}
		/*16.10.24 start*/
		.menu .main > li:has(.social-links) {
				margin-top: auto;
				order: 3;
				padding: 16px 0 0 var(--side-padding);
				margin-bottom: -61px;
				align-self: flex-start;
		}
		/*16.10.24 end*/
		.menu .main > li:nth-last-child(2) {
				margin-top: auto;
				padding: 16px var(--side-padding) var(--side-padding) var(--side-padding);
				order: 3;
		}
        .menu .main > li:last-child {
                display: none;
        }
		/*16.10.24 start*/
		.menu .main:has(.social-links) > li:nth-last-child(2) {
				margin-top: 0;
				margin-left: 159px;
		}
		/*16.10.24 end*/
		.menu .lvl1, .menu .sub-about .lvl2 {
				padding: 8px var(--side-padding);
				font: normal clamp(20px, 1.75rem, 28px)/1 var(--font2);
		}
		.menu .lvl1:after, .menu .sub-about .lvl2:after {
				content: '';
				flex: 0 0 auto;
				background: var(--accent) url("/local/templates/metabula/css/../img/right-arrow.svg") no-repeat 50% 50%;
				width: 26px;
				height: 26px;
				border-radius: 50%;
				background-size: 12px auto;
				margin-left: auto;
		}
		.menu .lvl1 .num-circle, .menu li:has(.sub-dev) .lvl1:after {
				display: none;
		}
		.menu li:has(.sub-about) {
				order: 2;
		}
		.menu-slider {
				margin-bottom: 8px !important;
				padding-left: calc(var(--side-padding) - 4px) !important;
				padding-right: calc(var(--side-padding) - 4px) !important;
		}
		.menu-slider .swiper-slide {
				width: 160px;
				padding: 0 4px;
				height: auto !important;
				display: flex;
				flex-direction: column;
		}
		.menu .sub-dev .lvl2 {
				flex: 1 0 auto;
				flex-direction: column;
				justify-content: space-between;
				align-items: flex-start;
				min-height: 119px;
		}
    .menu-mobile {
        margin-right: 10px;
        position: relative;
    }
    .menu-mobile .menu-slider .swiper-slide {
        padding: 0;
    }
    .menu-mobile .sub-dev.menu-lang .lvl2 {
        flex-direction: row;
        justify-content: left;
        font-size: 16px;
        align-items: center;
    }
    .menu-mobile .menu-slider .swiper-wrapper, .menu-mobile .menu-slider .swiper-slide {
        transform: none !important;
        width: 100% !important;
        max-width: 268px;
    }
    .menu-mobile .menu-slider .swiper-wrapper {
        flex-direction: column;
        gap: 6px;
    }
    .menu-mobile .sub-dev > * {
        flex: 1;
    }
    .menu-mobile .sub-dev.menu-lang {
        top: calc(100% + 4px);
        max-width: 330px;
        transform: translate3d(-71%, 0, 0);
    }
    .menu-mobile .sub-dev {
        position: absolute;
        top: calc(100% + 22px);
        left: 50%;
        width: calc(100vw - var(--side-padding) * 2 + 60px);
        max-width: 630px;
        transform: translate3d(-50%, 0, 0);
        z-index: 2;
        background: var(--white);
        display: flex;
        gap: 40px;
        box-shadow: 0px 15px 50px 0px #0000000d;
        border-radius: 25px;
        padding: 30px;
        transition: opacity 0.4s ease;
        opacity: 0;
        pointer-events: none;
        backface-visibility: hidden;
    }
    .menu-mobile .sub-dev.menu-lang .lvl2 .flag-icon {
        opacity: 1;
        width: 26px;
        height: 20px;
        border-radius: 3px;
        background-size: cover;
    }
    .menu-mobile .lvl1, .menu-mobile .lvl2 {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: var(--black);
        gap: 6px;
        user-select: none;
        border: 0;
    }
    .menu-mobile .sub-dev .lvl2 {
        font: 500 clamp(14px, 1rem, 16px)/1.2 var(--font);
        background: var(--grey-bg);
        border-radius: 15px;
        display: flex;
        gap: 12px;
        padding: 16px;
        transition: background 0.4s ease;
    }
    .menu-mobile ul, .menu-mobile li {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .menu-mobile-block {
        display: flex;
        align-items: center;
    }
    @media (pointer:fine) {
        .menu-mobile:hover > .sub-dev {
            opacity: 1;
            pointer-events: all;
        }
        .menu-mobile:has(.sub-dev):hover:before {
            pointer-events: all;
        }
        .menu-mobile:has(.sub-dev):before {
            content: '';
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            height: 24px;
            pointer-events: none;
        }
        .menu-mobile:has(.sub-dev):after {
            content: '';
            position: absolute;
            z-index: 3;
            top: calc(50% + 35px);
            left: 50%;
            width: 18px;
            height: 18px;
            pointer-events: none;
            transform: translate3d(-50%, -30%, 0) rotate(45deg);
            background: var(--white);
            box-shadow: 0px 15px 50px 0px #0000000d;
            clip-path: polygon(-75px calc(100% + 75px), -75px -75px, calc(100% + 75px) -75px);
            transition: opacity 0.4s ease;
            opacity: 0;
        }
        .menu-mobile:has(.sub-dev.menu-lang):after {
            top: calc(50% + 25px);
        }
        .menu-mobile:has(.sub-dev):hover:after {
            opacity: 1;
        }
        .menu-mobile .sub-dev a.lvl2:hover {
            background-color: var(--accent);
        }
    }
    @media (pointer:coarse) {
        .menu-mobile:has(.sub-dev).open:after {
            opacity: 1;
        }
        .menu-mobile.open > .sub-dev {
            opacity: 1;
            pointer-events: all;
        }
        .menu-mobile:has(.sub-dev):after {
            content: '';
            position: absolute;
            z-index: 3;
            top: calc(50% + 35px);
            left: 50%;
            width: 18px;
            height: 18px;
            pointer-events: none;
            transform: translate3d(-50%, -30%, 0) rotate(45deg);
            background: var(--white);
            box-shadow: 0px 15px 50px 0px #0000000d;
            clip-path: polygon(-75px calc(100% + 75px), -75px -75px, calc(100% + 75px) -75px);
            transition: opacity 0.4s ease;
            opacity: 0;
        }
        .menu-mobile:has(.sub-dev.menu-lang):after {
            top: calc(50% + 25px);
        }
    }
}
.section {
		padding: var(--vert-padding) var(--side-padding);
		position: relative;
}
.section.no-padding-bottom {
		padding-bottom: 0;
}
.section.padding-bottom-3 {
    padding-bottom: 3px;
}
.section.no-padding-top {
    padding-top: 0;
}
.section > *:not(.section-bg) {
		position: relative;
}
.first-section {
		padding-top: calc(var(--header) + 16px);
}
.section-bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
}
.section-bg.top-grad {
		mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 500px);
}
.section-bg:before, .section-bg:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		width: 50%;
		background-image: repeating-linear-gradient(to right, transparent, transparent calc(var(--grid) - 1px), var(--grey-line) calc(var(--grid) - 1px), var(--grey-line) var(--grid)), repeating-linear-gradient(to bottom, transparent, transparent calc(var(--grid) - 1px), var(--grey-line) calc(var(--grid) - 1px), var(--grey-line) var(--grid));
}
.section-bg:before {
		left: 0;
		transform: scale(-1, 1);
		border-left: 1px solid var(--grey-line);
}
.section-bg:after {
		right: 0;
}
.section-head {
		margin-bottom: clamp(32px, 3.125rem, 50px);
		text-wrap: balance;
}
.section-head p {
		max-width: 60em;
}
.section-head .links-more {
		flex: 0 0 auto;
		max-width: 100%;
		display: flex;
		align-items: center;
		gap: 24px;
		flex-wrap: wrap;
}
.section-head:has(.link-more) {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		gap: 24px;
}
.section-head:has(.link-more):has(.big-text) {
		flex-wrap: wrap;
}
.section-head:has(.link-more) .h1 {
		margin: 0;
		flex: 1 1 auto;
}
.section-head .link-more {
		margin-bottom: 0.5rem;
}
.section-head .big-text {
		line-height: 1.3;
		font-size: clamp(18px, 1.375rem, 22px);
		flex: 0 0 auto;
		width: 100%;
}
.section-head .big-text a:not(.btn) {
		font-weight: normal;
		--border: var(--accent);
}
@media only screen and (max-width: 1299.99px) {
		.moving-sq {
				display: none !important;
				visibility: hidden !important;
		}
}
@media only screen and (min-width: 1300px) {
		.moving-sq {
				width: var(--grid);
				height: var(--grid);
				position: absolute;
				pointer-events: none;
				--color: var(--accent);
				z-index: 10;
		}
		.moving-sq > * {
				position: absolute;
				left: 0;
				width: 100%;
				height: 100%;
				border: 2px solid var(--color);
				backface-visibility: hidden;
				animation-duration: 8s;
				animation-timing-function: cubic-bezier(0.1, 1.4, 0.6, 1);
				animation-iteration-count: infinite;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: 100% 100%;
		}
		.moving-sq-left > * {
				top: 0;
				animation-name: moving-sq-left;
		}
		.moving-sq-right > * {
				bottom: 0;
				animation-name: moving-sq-right;
		}
		.moving-sq > * > div {
				position: absolute;
				width: 9px;
				height: 9px;
				margin: -4px;
				background: var(--white);
				border: 2px solid var(--color);
		}
		.moving-sq > * > div:nth-of-type(1) {
				top: 0;
				left: 0;
		}
		.moving-sq > * > div:nth-of-type(2) {
				top: 0;
				right: 0;
		}
		.moving-sq > * > div:nth-of-type(3) {
				bottom: 0;
				right: 0;
		}
		.moving-sq > * > div:nth-of-type(4) {
				bottom: 0;
				left: 0;
		}
}
@keyframes moving-sq-left {
		0% {
				transform: translate3d(0, 0, 0);
				height: 100%;
		}
		5% {
				transform: translate3d(0, calc(var(--grid) * -1), 0);
				height: 100%;
		}
		10% {
				transform: translate3d(0, calc(var(--grid) * -1), 0);
				height: 100%;
		}
		15% {
				transform: translate3d(0, calc(var(--grid) * -1), 0);
				height: 200%;
		}
		20% {
				transform: translate3d(0, calc(var(--grid) * -1), 0);
				height: 200%;
		}
		25% {
				transform: translate3d(0, 0, 0);
				height: 100%;
		}
		100% {
				transform: translate3d(0, 0, 0);
				height: 100%;
		}
}
@keyframes moving-sq-right {
		0% {
				transform: translate3d(0, 0, 0);
				height: 100%;
		}
		5% {
				transform: translate3d(0, var(--grid), 0);
				height: 100%;
		}
		30% {
				transform: translate3d(0, var(--grid), 0);
				height: 100%;
		}
		35% {
				transform: translate3d(0, var(--grid), 0);
				height: 200%;
		}
		40% {
				transform: translate3d(0, var(--grid), 0);
				height: 200%;
		}
		45% {
				transform: translate3d(0, 0, 0);
				height: 100%;
		}
		100% {
				transform: translate3d(0, 0, 0);
				height: 100%;
		}
}
.tags, .tags li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.tags {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		overflow: hidden;
}
.tags:not(.tags-full) {
		height: clamp(27px, 2.0625rem, 33px);
}
.tags li {
		flex: 0 0 auto;
}
.link-tag, .tags .num {
		text-decoration: none;
		text-align: center;
		font: 300 12px/1.4 var(--font);
		height: clamp(27px, 2.0625rem, 33px);
		text-transform: none;
		color: var(--grey);
		background: var(--black05);
		border-radius: 8px;
		padding: 0 6px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		vertical-align: top;
		border: 2px solid transparent;
		transition-property: color, background, border;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		gap: 6px;
}
.tags .num {
		background: none;
		border-color: var(--black05);
}
@media (pointer:fine) {
		a.link-tag:hover {
				background-color: var(--accent);
				color: var(--black);
		}
}
.tags:not(.tags-full) .link-tag:not(:nth-child(-n + 3)) {
		display: none;
}
.link-tag img {
		flex: 0 0 auto;
		width: clamp(15px, 1.0625rem, 17px);
		height: clamp(15px, 1.0625rem, 17px);
		opacity: 0.5;
		object-fit: contain;
		object-position: center;
}
.btns {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin: 16px 0 0 0;
		gap: 8px;
}
.form-grid {
		display: flex;
		flex-direction: column;
		gap: clamp(16px, 1.5rem, 24px);
}
.form-grid > * {
		flex: 0 0 auto;
		width: 100%;
}
.form-el {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 8px;
}
.form-el .input, .form-el .form-files {
		order: 2;
}
.form-label, .input-invalid-info {
		flex: 0 0 auto;
		max-width: 100%;
		font: 300 clamp(12px, 0.875rem, 14px)/1 var(--font);
		margin: 0;
}
.input-invalid-info {
		color: var(--red);
		display: none;
}
.input:has(input.invalid) + .input-invalid-info,
.input:has(textarea.invalid) + .input-invalid-info {
		display: block;
}
.input {
		flex: 0 0 auto;
		width: 100%;
		position: relative;
}
.input:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: clamp(22px, 1.625rem, 26px);
		height: clamp(22px, 1.625rem, 26px);
		background: var(--accent) url("/local/templates/metabula/css/../img/checking-mark.svg") no-repeat 50% 50%;
		background-size: clamp(10px, 0.75rem, 12px) auto;
		border-radius: 50%;
		pointer-events: none;
		backface-visibility: hidden;
		opacity: 0;
		transition: opacity 0.4s ease;
		margin: 0 clamp(14px, 1rem, 16px);
		transform: translate3d(0, -50%, 0);
}
.input:has(.valid):after {
		opacity: 1;
}
.form-checks {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		font-size: clamp(12px, 0.875rem, 14px);
		line-height: 1.2;
		text-align: left;
		gap: clamp(12px, 1rem, 16px);
}
.form-checks label {
		position: relative;
		cursor: pointer;
		user-select: none;
		display: flex;
		align-items: center;
		gap: 0 12px;
}
.form-checks label input {
		position: absolute;
		transform: scale(0);
		opacity: 0;
}
.checkbox {
		flex: 0 0 auto;
		position: relative;
		width: 24px;
		height: 24px;
		border-radius: 6px;
		border: 2px solid transparent;
		background: var(--black05);
		cursor: pointer;
		user-select: none;
		transition-property: border, background;
		transition-duration: 0.4s;
		transition-timing-function: ease;
}
.checkbox:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: url("/local/templates/metabula/css/../img/checking-mark.svg") no-repeat 50% 50%;
		background-size: 12px auto;
		opacity: 0;
		transition: opacity 0.4s ease;
}
input:checked ~ .checkbox {
		background-color: var(--accent);
}
input:checked ~ .checkbox:before {
		opacity: 1;
}
input.invalid ~ .checkbox {
		border-color: var(--red) !important;
}
.form-files {
		flex: 0 0 auto;
		width: 100%;
}
.form-files-area {
		position: relative;
		overflow: hidden;
		backface-visibility: hidden;
		border-radius: 10px;
		border: 2px dashed var(--black05);
		text-align: left;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		font: 300 clamp(12px, 0.875rem, 14px)/1.3 var(--font);
		color: var(--grey);
		padding: 16px;
		text-wrap: balance;
}
.form-files-area img {
		flex: 0 0 auto;
		width: clamp(26px, 2rem, 32px);
		height: clamp(26px, 2rem, 32px);
		object-fit: contain;
		object-position: center;
		opacity: 0.05;
}
.form-files-area input {
		position: absolute;
		top: 0;
		right: 0;
		left: auto;
		width: 300%;
		height: 100%;
		margin: 0;
		padding: 0;
		cursor: pointer;
		user-select: none;
		opacity: 0;
		z-index: 2;
}
.form-files-added, .form-files-added li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.form-files-added {
		font: 300 14px/1.1 var(--font);
		text-align: left;
}
.form-files-added li {
		margin: 8px 0 0 0;
		position: relative;
		overflow: hidden;
		backface-visibility: hidden;
		padding: clamp(14px, 1rem, 16px) 66px clamp(14px, 1rem, 16px) clamp(16px, 1.25rem, 20px);
		border-radius: 10px;
		background: var(--black05);
		display: flex;
		flex-direction: column;
		gap: 6px;
}
.form-files-added li:before {
		content: '';
		position: absolute;
		pointer-events: none;
		top: 50%;
		left: 75%;
		transform: translate3d(-50%, -50%, 0);
		opacity: 0.05;
		width: 120px;
		height: 120px;
		background: url("/local/templates/metabula/css/../img/checking-mark.svg") no-repeat 50% 50%;
		background-size: contain;
		transition: opacity 0.4s ease;
}
.form-files-added li > * {
		position: relative;
}
.form-files-added .progress {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		background: var(--accent);
}
.form-files-added .delete {
		position: absolute;
		top: 50%;
		right: 0;
		width: 26px;
		height: 26px;
		background: var(--black) url("/local/templates/metabula/css/../img/cross-white.svg") no-repeat 50% 50%;
		background-size: 10px auto;
		border-radius: 50%;
		margin: -13px 20px;
		transition-property: opacity, background;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		z-index: 2;
		cursor: pointer;
		user-select: none;
}
@media (pointer:fine) {
		.form-files-added .delete:hover {
				background-color: var(--red);
		}
}
.form-files-added .name {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 3px 0;
		margin: -3px 0;
		flex: 0 0 auto;
		width: 100%;
}
.form-files-added .size {
		color: var(--grey);
		font-size: 12px;
}
.form-files-added li.loading {
		padding-right: clamp(16px, 1.25rem, 20px);
}
.form-files-added li.loading:before {
		opacity: 0;
}
.form-files-added li.loading .delete {
		opacity: 0;
		pointer-events: none;
}
.form-submit {
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 16px;
		color: var(--grey);
		font-size: 12px;
}
.form-submit .btn {
		width: 100%;
}
.footer {
		color: var(--white);
		background: var(--black);
		padding: var(--padding) var(--side-padding) clamp(32px, 2.5rem, 40px) var(--side-padding);
		display: flex;
		gap: clamp(24px, 2.3125rem, 37px);
		--grey: rgba(255, 255, 255, 0.5);
}
/*16.10.24 start*/
.footer a:not(.btn) {
		color: var(--white40);
		--border: var(--white20);
		transition-property: color, border;
}
@media (pointer:fine) {
		.footer a:not(.btn):hover {
				color: var(--white);
				border-bottom-color: var(--white);
		}
}
.footer .btn-secondary {
		--black: #fff;
		--white: #000;
}
@media (pointer:fine) {
		.footer .social-links .btn:hover {
				color: var(--black) !important;
		}
}
/*16.10.24 end*/
.footer > * {
		flex: 0 0 auto;
		max-width: 100%;
}
.foot-logo {
		border: 0;
}
.foot-logo img {
		width: 100%;
		height: auto;
}
.foot-contact {
		padding: 13px 21px;
		border: 1px solid var(--white);
		border-radius: 8px 15px 15px 15px;
		color: var(--grey);
		font-size: 12px;
		line-height: 1.1;
}
.foot-contact .big {
		display: block;
		font: normal 17px/1.2 var(--font2);
		color: var(--white);
		margin-top: 8px;
}
/*16.10.24 start*/
.foot-contact a {
		color: var(--white) !important;
		border-bottom-color: transparent !important;
}
@media (pointer:fine) {
		.foot-contact a:hover {
				color: var(--accent) !important;
		}
}
/*21.10.24 start*/
.foot-menu .social-links {
		padding-top: 26px;
		margin-top: auto;
}
/*21.10.24 end*/
@media only screen and (min-width: 1000px) {
		.foot-menu .social-links {
				flex-wrap: nowrap !important;
		}
}
@media only screen and (min-width: 1200px) {
		.foot-menu .social-links .btn {
				width: 56px;
				height: 56px;
		}
		.foot-menu .social-links .btn svg {
				width: 27px;
				height: 27px;
		}
}
.foot-menu ul, .foot-menu li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.foot-menu {
		width: 100%;
		font: normal clamp(20px, 1.5rem, 24px)/1 var(--font2);
}
.foot-menu li ul {
		display: flex;
		flex-direction: column;
		gap: clamp(22px, 1.5rem, 24px);
}
.foot-menu a:not(.btn) {
		color: var(--white);
		border-bottom-color: transparent !important;
}
@media (pointer:fine) {
		.foot-menu a:not(.btn):hover {
				color: var(--accent);
		}
}
/*16.10.24 end*/
.foot-menu .sub ul {
		font: 300 18px/1.4 var(--font);
		gap: 12px;
		padding-top: 16px;
}
.foot-text {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.4);
		gap: 16px 32px;
		margin-top: calc(40px - clamp(24px, 2.3125rem, 37px));
}
.foot-text a {
		color: inherit;
		--border: rgba(255, 255, 255, 0.2);
}
@media (pointer:fine) {
		.foot-text a:hover {
				color: var(--white);
				border-bottom-color: var(--white);
		}
}
.foot-text ul, .foot-text li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.foot-text ul {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 16px 32px;
		font-size: 14px;
}
@media only screen and (max-width: 899.99px) {
		.footer {
				flex-direction: column;
				align-items: center;
		}
		.foot-logo {
				width: 203px;
		}
		.foot-contact {
				width: 100%;
				text-align: center;
		}
		.foot-menu-title {
				display: none;
		}
		.foot-menu .main > li {
				border-bottom: 2px solid var(--accent);
				position: relative;
				padding-bottom: 22px;
		}
		.foot-menu .main > li:not(:last-child) {
				margin-bottom: 24px;
		}
		.foot-menu .main > li:before, .foot-menu .main > li:after {
				content: '';
				position: absolute;
				bottom: 0;
				margin: -5px -1px;
				background: var(--black);
				border: 2px solid var(--accent);
				width: 9px;
				height: 9px;
		}
		.foot-menu .main > li:before {
				left: 0;
		}
		.foot-menu .main > li:after {
				right: 0;
		}
		.foot-menu .trigger {
				cursor: pointer;
				user-select: none;
				display: block;
				position: relative;
				padding: 10px 32px 10px 0;
				margin: -10px 0;
		}
		.foot-menu .trigger:before, .foot-menu .trigger:after {
				content: '';
				position: absolute;
				top: 50%;
				right: 0;
				width: 26px;
				height: 26px;
				border-radius: 50%;
				background: url("/local/templates/metabula/css/../img/right-arrow.svg") no-repeat 50% 50%;
				background-size: 12px auto;
				margin: -13px 0;
				backface-visibility: hidden;
				transition-property: transform, opacity;
				transition-duration: 0.4s;
				transition-timing-function: ease;
				transform: rotate(90deg);
		}
		.foot-menu .trigger:before {
				background-color: var(--white);
		}
		.foot-menu .trigger:after {
				background-color: var(--accent);
		}
		.foot-menu li.open:not(.clicked) .trigger:before, .foot-menu li.open:not(.clicked) .trigger:after, .foot-menu li.clicked:not(.open) .trigger:before, .foot-menu li.clicked:not(.open) .trigger:after {
				transform: rotate(-90deg);
		}
		.foot-menu li.open:not(.clicked) .trigger:before, .foot-menu li.clicked:not(.open) .trigger:before {
				opacity: 1;
		}
		.foot-menu li.open:not(.clicked) .trigger:after, .foot-menu li.clicked:not(.open) .trigger:after {
				opacity: 0;
		}
		.foot-menu li:not(.open) .sub {
				display: none;
		}
		.foot-text, .foot-text ul {
				flex-direction: column;
				align-items: center;
				text-align: center;
		}
}
@media only screen and (min-width: 900px) {
		.footer {
				flex-wrap: wrap;
				align-items: center;
				justify-content: space-between;
		}
		.foot-logo {
				width: 136px;
		}
		.foot-menu {
				border: 2px solid var(--accent);
				position: relative;
				--padding: calc(clamp(20px, 1.875rem, 30px) - 2px);
				padding: var(--padding);
		}
		.foot-menu:before, .foot-menu:after {
				content: '';
				position: absolute;
				width: 9px;
				height: 9px;
				border: 2px solid var(--accent);
				background: var(--black);
				margin: -4px;
		}
		.foot-menu:before {
				top: 0;
				left: 0;
		}
		.foot-menu:after {
				top: 0;
				right: 0;
		}
		.foot-menu .main {
				display: flex;
				gap: 2rem;
		}
		.foot-menu .main > * {
				flex: 1 1 auto;
		}
		.foot-menu .main > *:last-child {
				text-align: right;
		}
		/*21.10.24 start*/
		.foot-menu .main > *:has(.social-links) {
				display: flex;
				flex-direction: column;
		}
		/*21.10.24 end*/
		.foot-menu-title {
				position: absolute;
				bottom: 0;
				right: 0;
				margin: var(--padding);
				font: 300 13px/1.4 var(--font);
				text-transform: uppercase;
				opacity: 0.3;
				pointer-events: none;
		}
		.foot-menu-title:before {
				content: '['
		}
		.foot-menu-title:after {
				content: ']'
		}
}
.breadcrumbs, .breadcrumbs li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.breadcrumbs {
		display: flex;
		align-items: center;
		font-size: 12px;
		line-height: 1.4;
		gap: 4px calc((clamp(42px, 3.625rem, 58px) - 10px) / 2);
		margin-bottom: clamp(26px, 2.125rem, 34px);
}
.breadcrumbs li {
		position: relative;
}
.breadcrumbs li:not(:first-child) {
		padding-left: calc((clamp(42px, 3.625rem, 58px) + 10px) / 2);
		flex: 0 1 auto;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}
.breadcrumbs li:not(:first-child):before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 10px;
		height: 10px;
		margin: -5px 0;
		background: url("/local/templates/metabula/css/../img/right-arrow.svg") no-repeat 50% 50%;
		background-size: contain;
}
@media (pointer:fine) {
		.breadcrumbs a:hover {
				border-bottom-color: var(--accent);
		}
}
.caption {
		text-align: center;
		display: block;
		margin: 8px 0 0 0;
		font: 300 12px/1.4 var(--font);
		color: var(--grey);
}
.anchor {
		display: block;
		pointer-events: none;
		position: relative;
		top: calc(var(--header) * -1 - 24px);
}
.cover-info, .cover-info li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.cover-info {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
}
.cover-info li {
		flex: 0 0 auto;
		max-width: 100%;
		background: var(--white);
		border-radius: 15px;
		padding: 10px 16px;
		font: 300 clamp(10px, 0.75rem, 12px)/1.4 var(--font);
		color: var(--grey);
}
.cover-info .cover-info-big {
		display: flex;
		align-items: center;
		line-height: clamp(21px, 1.5rem, 24px);
		gap: 5px;
		color: var(--black);
		font-weight: 600;
		font-size: clamp(14px, 1rem, 16px);
}
.cover-info .big .num-circle {
		width: clamp(21px, 1.5rem, 24px);
		height: clamp(21px, 1.5rem, 24px);
		font-size: clamp(9px, 0.625rem, 10px);
}
.sq-list, .sq-list li, .num-list, .num-list li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.sq-list {
		line-height: 1.4;
		display: flex;
		flex-direction: column;
		gap: 16px;
}
.sq-list li, .num-list li {
		position: relative;
		padding-left: 21px;
}
.num-list li {
		padding-left: 29px;
}
.sq-list li:before {
		content: '';
		position: absolute;
		top: 0.7em;
		left: 0;
		transform: translate3d(0, -50%, 0);
		width: 9px;
		height: 9px;
		border: 2px solid var(--accent);
}
.num-list {
		counter-reset: nl;
}
.num-list > li:before {
		content: counter(nl)'.';
		counter-increment: nl;
		width: 29px;
		margin-left: -29px;
		display: inline-block;
		vertical-align: top;
		text-align: center;
}
.info-block:not(:first-child) {
		margin-top: var(--vert-padding);
}
.info-block:not(:last-child) {
		margin-bottom: var(--vert-padding);
}
.info-block {
		background-color: var(--black);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: 100% 100%, cover;
		color: var(--white);
		border-radius: 25px;
		padding: clamp(40px, 3.125rem, 50px) clamp(20px, 3.125rem, 50px);
		display: flex;
		flex-direction: column;
		box-shadow: 0px 15px 50px 0px #00000005;
}
.info-block > * {
		text-wrap: balance;
}
.info-block .h1 {
		font-size: clamp(30px, 3rem, 48px);
		line-height: 1;
		margin-bottom: 16px;
}
.info-block .h1 + .btn {
		margin-top: calc(clamp(24px, 2rem, 32px) - 16px);
}
.info-block .btn {
		margin-top: 24px;
}
@media (pointer:fine) {
		.info-block .btn:not(.btn-white):hover {
				color: var(--black);
		}
		.info-block .btn:before {
				background-color: var(--white);
		}
}
.info-block-request {
		background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 34.88%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0) 100%), url("/local/templates/metabula/css/../img/graphics/tavern.webp");
		text-align: center;
		align-items: center;
}
.info-block-work {
		background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.5) 47.12%, rgba(0, 0, 0, 0) 75.93%, rgba(0, 0, 0, 0) 100%), url("/local/templates/metabula/css/../img/graphics/lobby.webp");
		text-align: left;
		align-items: flex-start;
}
@media only screen and (max-width: 699.99px) {
		.info-block-work {
				background-size: 200% 100%, cover;
		}
}
.contact-form {
		background: var(--white);
		border-radius: 25px;
		padding: var(--padding);
		position: relative;
}
.contact-form .h3 {
		text-align: center;
		margin: 0 auto clamp(16px, 1.5rem, 24px) auto;
		max-width: 17em;
		color: var(--black);
}
.contact-form-done {
		color: var(--grey);
		text-align: center;
}
.contact-form-done > img {
		display: block;
		width: 100%;
		height: 194px;
		max-width: 194px;
		margin: 0 auto 32px auto;
		object-fit: contain;
		object-position: center;
}
.contact-form-done .h3 {
		margin-bottom: 16px;
}
.contact-form-done .btn {
		display: inline-flex;
		vertical-align: top;
		margin-top: 24px;
}

/*edited 17.12.25 start*/
dialog:has(.modal) {
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	border: 0;
	background: none;
	outline: none;
	margin: 0;
	padding: 0;
	overflow-y: auto;
}
dialog:has(.modal):not([open]),
dialog:has(.modal):not([open]) * {
	opacity: 0;
	pointer-events: none !important;
}
html:has(dialog:has(.modal)[open]) {
	overflow: hidden;
}

dialog:not([data-open]) .modal-fader,
dialog:not([data-open]) .modal {
	opacity: 0;
}
/*edited 17.12.25 end*/

.modal-fader {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.75);
		backdrop-filter: blur(2px);
		-webkit-backdrop-filter: blur(2px);
		z-index: 1;
		transition-property: opacity;
		transition-duration: 0.4s;
		transition-timing-function: ease;
}
.modal {
		flex: 0 0 auto;
		position: relative;
		z-index: 2;
		margin: 58px auto;
		width: calc(100% - 96px);
		max-width: clamp(480px, 36.25rem, 580px);
		padding: clamp(20px, 1.875rem, 30px) clamp(20px, 3.125rem, 50px);
		background: var(--white);
		border-radius: 25px;
		transition-property: transform, opacity;
		transition-duration: 0.4s;
		transition-timing-function: ease;
}
dialog:not([open]) .modal, dialog:not([open]) .modal-fader {
		display: none;
}
.modal-close {
		width: 48px;
		height: 48px;
		bottom: 100%;
		left: 100%;
		position: absolute;
}
.modal-close:after {
		content: '';
}
.modal-close:after, .modal-close div {
		position: absolute !important;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		pointer-events: none;
		background: url("/local/templates/metabula/css/../img/close.svg") no-repeat 50% 50%;
		background-size: 16px auto;
}
.modal-close:after {
		background-image: url("/local/templates/metabula/css/../img/close-white.svg");
		opacity: 0;
		transition: opacity 0.4s ease;
}
@media (pointer:fine) {
		.modal-close:hover:after {
				opacity: 1;
		}
}
.modal .contact-form {
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		box-shadow: none;
}
.modal .contact-form-done {
		margin-top: 20px;
		margin-bottom: 20px;
}
@media only screen and (max-width: 599.99px) {
		.modal {
				margin: 10px auto;
				width: calc(100% - 20px);
				padding-top: 64px;
		}
		.modal-close {
				bottom: auto;
				left: auto;
				top: 0;
				right: 0;
				margin: 10px;
		}
}
/*16.10.24 start*/
.social-links, .social-links li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.social-links {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		gap: 8px !important;
}
.menu .social-links {
        flex-wrap: nowrap !important;
}
.social-links li {
		flex: 0 0 auto !important;
		width: auto;
		height: auto;
}
.social-links .btn {
		padding: 0;
		width: 45px;
}
@media (pointer:fine) {
		.social-links .btn.bg-behance:hover {
				border-color: #1D70FA !important;
		}
		.social-links .btn.bg-dribble:hover {
				border-color: #E34984 !important;
		}
		.social-links .btn.bg-artstation:hover {
				border-color: #00B0F2 !important;
		}
}
.social-links .btn.bg-behance:before {
		background-color: #1D70FA;
}
.social-links .btn.bg-dribble:before {
		background-color: #E34984;
}
.social-links .btn.bg-artstation:before {
		background-color: #00B0F2;
}
/*16.10.24 end*/

.contact-form .form-city-check,
.modal-prototype-content .form-city-check {
    display: block !important;
    width: 2px !important;
    height: 2px !important;
    margin-bottom: -2px !important;
    border: none !important;
    padding: 0 !important;
    opacity: 0.01 !important;
}

/*added 17.12.25 start*/
.modal-prototype {
    padding: 6px;
    display: flex;
    flex-direction: column;
}
.modal-prototype-header {
    position: relative;
    overflow: hidden;
    backface-visibility: hidden;
    background-color: var(--accent);
    border-radius: 19px;
    width: 100%;
    flex: 0 0 auto;
    align-self: stretch;
    --grey-line: rgba(255, 255, 255, 0.14);
    --grid: 100px;
    padding: 136px 20px 17px 20px;
    text-align: center;
    color: var(--black);
}
.modal-prototype-header-title {
    position: relative;

    font: normal clamp(40px, 3.625rem, 58px)/1 var(--font2);
    margin: 0 0 clamp(12px, 1.5rem, 24px) 0;
}
.modal-prototype-header-text {
    margin: 0;
    font-weight: 300;
    font-size: clamp(19px, 1.5rem, 24px);
    line-height: 1.3;
    position: relative;
}
.modal-prototype-slider {
    position: absolute;
    top: 16px;
    left: 0;
    display: flex;
}
.modal-prototype-slider>* {
    flex: 0 0 auto;
    display: flex;
    animation: marquee 20s linear infinite reverse;

}
dialog:not([open]) .modal-prototype-slider>* {
    animation-play-state: paused;
}
.modal-prototype-slider>*>* {
    flex: 0 0 auto;
    position: relative;
    width: 104px;
    height: 104px;
    background-color: var(--accent);
    border: 2px solid var(--white);
    margin: 0 8px;
}
@keyframes marquee {
    from {
        transform: translate3d(0, 0, 0);

    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}
.modal-prototype-slider>*>*>span {
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: var(--accent);
    border: 2px solid var(--white);
    margin: -4px;
}
.modal-prototype-slider>*>*>span:nth-child(1) {
    top: 0;
    left: 0;
}
.modal-prototype-slider>*>*>span:nth-child(2) {
    top: 0;
    right: 0;
}
.modal-prototype-slider>*>*>span:nth-child(3) {
    bottom: 0;
    left: 0;
}
.modal-prototype-slider>*>*>span:nth-child(4) {
    bottom: 0;
    right: 0;
}
.modal-prototype-slider img {
    display: block;
    width: 100%;
    height: 100%;
}
.modal-prototype-content {
    flex: 0 0 auto;
    width: 100%;
    padding: 16px 18px 18px 18px;
}
.modal-prototype .form-grid {
    gap: 24px;
}
.modal-prototype .form-submit:has(.modal-prototype-its-free) {
    position: relative;
}
.modal-prototype-its-free {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-weight: 300;
    font-size: 10px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 5%;
    padding: 6px 8px;
    border-radius: 8px;
    background-color: var(--black);
    color: var(--white);
    box-shadow: 0 1px 0 var(--accent);
    white-space: nowrap;
}
@media (min-width: 1000px) {
    .modal-prototype {
        padding: 10px;
        max-width: 1057px;
        flex-direction: row;
        align-items: center;
    }
    .modal-prototype-header {
        width: 465px;
        border-radius: 15px;
        padding: 40px 40px 200px 40px;
        text-align: left;
    }
    .modal-prototype-slider {
        top: auto;
        bottom: 39px;
    }
    .modal-prototype-content {
        width: calc(100% - 465px);
        padding: 18px 22px 18px 32px;
    }
}
@media only screen and (max-width: 599.99px) {
    .modal-prototype {
        margin-top: 64px;
    }
    .modal-prototype .modal-close {
        bottom: 100%;
        top: auto;
        margin: 8px 0;
    }
}
.cover-dialog-steam {
    position: fixed;
    bottom: 10px;
    left: 0;
    margin: 0;
    padding: 0;
    width: 243px;
    height: auto;
    max-width: none;
    max-height: none;
    z-index: 900;
    overflow: visible;
    border: 0;
    background: none;
    outline: none;
}
.cover-dialog-steam:not([open]),
.cover-dialog-steam:not([open]) * {
    opacity: 0;
    pointer-events: none !important;
}
.cover-dialog-steam .modal-close {
    width: 24px;
    height: 24px;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    margin: -12px 12px;
    padding: 0;
    border-radius: 4px 7px 7px 7px;
}
.cover-dialog-steam .modal-close div,
.cover-dialog-steam .modal-close:after {
    background-size: 12px auto;
}
.cover-dialog-steam:not([data-open]) .modal-close {
    opacity: 0;
}
.cover-dialog-steam a {
    text-decoration: none;
    color: inherit;
}
.cover-dialog-steam-image {
    background: url(/local/templates/metabula/css/../img/cover-dialog-steam.webp) no-repeat 50% 50%/contain;
    aspect-ratio: 618/621;
    width: 220px;
    transition: transform 0.4s ease;
    transform: translateX(-100%);
}
.cover-dialog-steam[data-open] .cover-dialog-steam-image {
    transform: translateX(-5%);
}
.cover-dialog-steam-text {
    background-color: var(--black);
    border: 2px solid var(--accent);
    position: relative;
    color: var(--white);
    font: normal 20px/1 var(--font2);
    padding: 10px 0 10px 43px;
    transform-origin: 0 100%;
    transform: translateX(-17px) rotate(-90deg);
    transition: transform 0.4s cubic-bezier(0.2, 1.3, 0.4, 1);
    margin-top: -75px;
}
.cover-dialog-steam[data-open] .cover-dialog-steam-text {
    transform: translateX(-17px) rotate(-6deg);
}
.cover-dialog-steam-text .yellow {
    color: var(--accent);
}
.cover-dialog-steam-text strong {
    font-weight: inherit;
    font-size: 35px;
}
.cover-dialog-steam-text img {
    display: block;
    height: 52px;
    width: auto;
    margin-top: 4px;
}
.cover-dialog-steam-text .c {
    position: absolute;
    margin: -4px;
    width: 9px;
    height: 9px;
    background-color: var(--black);
    border: 2px solid var(--accent);
}
.cover-dialog-steam-text .c:nth-child(1) {
    top: 0;
    left: 0;
}
.cover-dialog-steam-text .c:nth-child(2) {
    top: 0;
    right: 0;
}
.cover-dialog-steam-text .c:nth-child(3) {
    bottom: 0;
    left: 0;
}
.cover-dialog-steam-text .c:nth-child(4) {
    bottom: 0;
    right: 0;
}
/*added 17.12.25 end*/
/* End */


/* Start:/local/templates/metabula/css/hero.css?17274348596374*/
@charset "UTF-8";
.hero {
		padding: 0 var(--side-padding);
		overflow: hidden;
		position: relative;
}
@media only screen and (min-width: 1000px) {
		.hero .light1, .hero .light2 {
				position: absolute;
				backface-visibility: hidden;
				transform: translate3d(-50%, -50%, 0);
				width: 1333px;
				height: 1333px;
				border-radius: 50%;
				left: 50%;
				pointer-events: none;
				z-index: 3;
				mix-blend-mode: multiply;
		}
		.hero .light1 {
				top: -100px;
				margin-left: -1160px;
				background: radial-gradient(50% 50% at 50% 50%, #FFC11C 0%, rgba(255, 193, 28, 0) 100%);
		}
		.hero .light2 {
				top: 200px;
				margin-left: 1032px;
				background: radial-gradient(50% 50% at 50% 50%, #E196FC 0%, rgba(225, 150, 252, 0) 100%);
		}
}
.hero .h1 {
		font-size: clamp(30px, 4.75rem, 76px);
		margin-bottom: clamp(12px, 2rem, 32px);
		max-width: 11em;
}
.hero .text {
		max-width: 36em;
}
.hero .grid {
		position: relative;
}
.hero .grid:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-image: repeating-linear-gradient(to right, transparent, transparent calc(var(--grid) - 1px), var(--grey-line) calc(var(--grid) - 1px), var(--grey-line) var(--grid)), repeating-linear-gradient(to bottom, transparent, transparent calc(var(--grid) - 1px), var(--grey-line) calc(var(--grid) - 1px), var(--grey-line) var(--grid));
		background-position: 0 0;
}
.hero .grid > * {
		background: var(--white);
		border-style: solid;
		border-width: 0 1px 1px 1px;
		border-color: var(--grey-line);
		position: relative;
}
.hero .text-top {
		font-weight: 300;
		line-height: 1.3;
		font-size: clamp(16px, 1.375rem, 22px);
		display: flex;
		flex-direction: column;
}
.hero .text-top .btn {
		align-self: flex-start;
		margin-top: clamp(24px, 2.5rem, 40px);
}
.hero .text-bottom {
		display: flex;
		align-items: center;
		color: var(--grey);
		font-weight: 300;
		font-size: clamp(10px, 0.8125rem, 13px);
		line-height: 1.4;
		position: relative;
}
.hero .girl {
		position: absolute;
		bottom: 0;
		left: 100%;
		pointer-events: none;
}
.hero .girl img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		object-fit: contain;
		object-position: center;
}
.hero .moving-sq {
		top: 0;
		z-index: auto;
}
.hero .moving-sq-left {
		left: 0;
		margin: calc(var(--grid) * -4) calc(var(--grid) * -2);
}
.hero .moving-sq-right {
		left: 100%;
		margin: calc(var(--grid) * -2) calc(var(--grid) * 6);
}
@media only screen and (max-width: 999.99px) {
		.hero .grid {
				margin-left: -9px;
				padding-bottom: 78px;
		}
		.hero .grid:before {
				margin: 0 calc(var(--grid) * -2 + 1px);
		}
		.hero .header-place {
				height: calc(var(--grid) * 2);
				width: calc(var(--grid) * 3 + 1px);
		}
		.hero .text-top {
				height: calc(var(--grid) * 6);
				border-color: transparent;
				background: none;
				padding: 8px 0 0 9px;
		}
		.hero .text-bottom {
				width: calc(var(--grid) * 4 + 1px);
				height: calc(var(--grid) * 4);
				padding: 0 9px;
		}
		.hero .girl {
				width: 524px;
				height: 524px;
				margin: -145px -215px;
		}
		@media only screen and (min-width: 500px) {
				.hero .text-top {
						height: calc(var(--grid) * 7);
				}
				.hero .text-bottom {
						width: calc(var(--grid) * 6 + 1px);
						height: calc(var(--grid) * 3);
				}
		}
		@media only screen and (min-width: 600px) {
				.hero .text-top {
						height: calc(var(--grid) * 8);
				}
				.hero .text-bottom {
						width: calc(var(--grid) * 8 + 1px);
						height: calc(var(--grid) * 2);
				}
		}
		@media only screen and (min-width: 700px) {
				.hero .text-top {
						height: calc(var(--grid) * 8);
				}
				.hero .text-bottom {
						width: calc(var(--grid) * 10 + 1px);
				}
		}
		@media only screen and (min-width: 800px) {
				.hero .text-top {
						height: calc(var(--grid) * 8);
				}
				.hero .text-bottom {
						width: calc(var(--grid) * 11 + 1px);
				}
		}
		@media only screen and (min-width: 900px) {
				.hero .text-top {
						height: calc(var(--grid) * 8);
				}
				.hero .text-bottom {
						width: calc(var(--grid) * 12 + 1px);
				}
		}
}
@media only screen and (min-width: 1000px) {
		.hero {
				--grid: 100px;
		}
		.hero .grid {
				margin: 0 -66px;
				padding-bottom: var(--grid);
		}
		.hero .grid:before {
				margin: 0 calc(var(--grid) * -20 + 1px);
		}
		.hero .grid > * {
				padding-left: 66px;
				padding-right: 16px;
		}
		.hero .header-place {
				border-right-width: 0;
				height: var(--header);
				margin-right: 20px;
		}
		.hero .text-top {
				width: calc(var(--grid) * 7 + 1px);
				height: calc(var(--grid) * 5);
				justify-content: center;
		}
		.hero .text-bottom {
				width: calc(var(--grid) * 7 + 1px);
				height: var(--grid);
				padding-right: var(--grid);
		}
		@media only screen and (min-width: 1050px) {
				.hero .text-top {
						width: calc(var(--grid) * 8 + 1px);
				}
				.hero .text-bottom {
						width: calc(var(--grid) * 8 + 1px);
				}
		}
		@media only screen and (min-width: 1150px) {
				.hero .text-top {
						width: calc(var(--grid) * 9 + 1px);
				}
				.hero .text-bottom {
						width: calc(var(--grid) * 9 + 1px);
				}
		}
		.hero .girl {
				width: 640px;
				height: 745px;
				margin: -105px -112px;
		}
}
.hero-logos {
		background: var(--black);
		overflow: hidden;
		display: flex;
}
.hero-logos ul, .hero-logos li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.hero-logos ul {
		flex: 0 0 auto;
		display: flex;
		gap: var(--gap);
		padding: 0 calc(var(--gap) / 2);
}
.hero-logos ul.ready {
		animation: hero-logos 30s linear infinite;
}
@media (pointer:fine) {
		.hero-logos ul.ready:hover {
				animation-play-state: paused;
		}
}
.hero-logos li {
		height: clamp(60px, 7.5rem, 120px);
		display: flex;
		align-items: center;
		justify-content: center;
}
.hero-logos li > * {
		display: block;
		height: 100%;
}
.hero-logos img {
		height: 100%;
		width: auto;
		object-position: center;
		display: block;
}
.hero-logos a img {
		transition: opacity 0.4s ease;
		opacity: 0.35;
}
@media (pointer:fine) {
		.hero-logos a:hover img {
				opacity: 1;
		}
}
@-webkit-keyframes hero-logos {
		from {
				transform: translate3d(0, 0, 0);
		}
		to {
				transform: translate3d(-50%, 0, 0);
		}
}
@keyframes hero-logos {
		from {
				transform: translate3d(0, 0, 0);
		}
		to {
				transform: translate3d(-50%, 0, 0);
		}
}
/* End */


/* Start:/local/templates/metabula/css/best.css?17289222134050*/
@charset "UTF-8";
.section-best {
		overflow: hidden;
		padding-left: 0;
		padding-right: 0;
}
.section-best .h1 {
		padding-left: var(--side-padding);
		padding-right: var(--side-padding);
}
.section-best .swiper {
		overflow: visible !important;
}
@media only screen and (max-width: 999.99px) {
		.best-thumbs {
				display: none !important;
		}
		.best-slider > .btn {
				margin: 8px var(--side-padding) 0 var(--side-padding);
		}
		
}
@media only screen and (min-width: 1000px) {
		.best-thumbs {
				padding-left: var(--side-padding) !important;
				padding-right: var(--side-padding) !important;
		}
		.best-thumbs .swiper-wrapper {
				align-items: center;
		}
		.best-thumbs .swiper-slide {
				width: auto !important;
		}
		.best-thumbs .swiper-slide:not(:last-child) {
				padding-right: 4px;
		}
		.best-thumbs .to-right {
				margin-left: auto;
				pointer-events: none !important;
		}
		.best-thumbs .to-right a {
				pointer-events: all;
		}
		.best-thumbs .thumb {
				cursor: pointer;
				user-select: none;
				text-decoration: none;
				color: var(--grey);
				transition-property: color, border;
				transition-duration: 0.4s;
				transition-timing-function: ease;
				border-style: solid;
				border-width: 2px;
				border-color: transparent;
				font: 600 14px/1.2 var(--font);
				display: flex;
				align-items: center;
				height: 51px;
				padding: 0 17px;
				position: relative;
		}
		@media (pointer:fine) {
				.best-thumbs .thumb:hover {
						color: var(--black);
				}
		}
		.best-thumbs .thumb:before, .best-thumbs .thumb:after, .best-thumbs .thumb .corners:before, .best-thumbs .thumb .corners:after {
				content: '';
				position: absolute;
				width: 9px;
				height: 9px;
				margin: -4px;
				background: var(--white);
				border-style: solid;
				border-width: 2px;
				border-color: var(--accent);
				transition: opacity 0.4s ease;
				opacity: 0;
				pointer-events: none;
		}
		.best-thumbs .thumb:before {
				top: 0;
				left: 0;
		}
		.best-thumbs .thumb:after {
				top: 0;
				right: 0;
		}
		.best-thumbs .thumb .corners:before {
				bottom: 0;
				right: 0;
		}
		.best-thumbs .thumb .corners:after {
				bottom: 0;
				left: 0;
		}
		.best-thumbs .swiper-slide-thumb-active .thumb {
				color: var(--black);
				cursor: default;
				border-color: var(--accent);
		}
		.best-thumbs .swiper-slide-thumb-active .thumb:before, .best-thumbs .swiper-slide-thumb-active .thumb:after, .best-thumbs .swiper-slide-thumb-active .thumb .corners:before, .best-thumbs .swiper-slide-thumb-active .thumb .corners:after {
				opacity: 1;
		}
		.best-slider > .btn {
				display: none !important;
		}
		.best-pagination {
				display: none !important;
		}
}
.best-slider {
		margin-top: clamp(32px, 2.5rem, 40px);
}
.best-slider .swiper-slide {
		padding-left: var(--side-padding);
		padding-right: var(--side-padding);
		width: 100%;
}
.best-card {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 16px 0;
		container-type: inline-size;
		container-name: best-card;
}
.best-card > * {
		flex: 0 0 auto;
		width: 100%;
}
.best-card .image {
		order: 1;
		position: relative;
		border-radius: 25px;
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		aspect-ratio: 580/328;
		max-height: 400px;
}
.best-card .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
}
.best-card .cover-info {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: clamp(8px, 0.625rem, 10px);
}
.best-card .text {
		order: 2;
		display: flex;
		flex-direction: column;
}
.best-card .text .btn {
		margin-top: 24px;
}
.best-card .descr {
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
}
/*@container best-card (min-width: 900px) {*/
@media (min-width: 987px) {
		.best-card .image {
				width: calc(50% - 10px);
		}
		.best-card .text {
				width: calc(50% - 30px);
		}
		.best-card .text .btn {
				align-self: flex-start;
		}
}
/* End */


/* Start:/local/templates/metabula/css/features.css?17274348594258*/
@charset "UTF-8";
.section-features {
		--grey-line: rgba(255, 255, 255, 0.14);
		background-color: var(--accent);
		overflow: hidden;
		padding-top: clamp(60px, 5rem, 80px);
}
.section-features .moving-sq {
		left: 50%;
		bottom: 1px;
}
.section-features .moving-sq > * > div {
		background-color: var(--accent);
}
.section-features .moving-sq-left {
		margin: calc(var(--grid) * 2) calc(var(--grid) * -9);
}
.section-features .moving-sq-right {
		margin: calc(var(--grid) * 8) calc(var(--grid) * 8);
}
.section-features .h1, .section-features .list {
		position: relative;
		z-index: 2;
}
.section-features .h1 {
		max-width: 9.375em;
}
.section-features .bottom-text {
		margin: 0;
		padding: 0;
		color: var(--grey);
		font: 300 clamp(10px, 0.8125rem, 13px)/1.4 var(--font);
		position: absolute;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: calc(var(--grid) - 1px);
		background: var(--accent);
		z-index: 2;
}
.section-features .bottom-text blockquote {
		display: block;
		margin: 0;
		padding: 0;
		font: inherit;
}
.section-features .list, .section-features .list li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.section-features .list {
		counter-reset: sf;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: var(--gap);
}
.section-features .list li {
		display: flex;
		flex-direction: column;
}
.section-features .list li:first-child {
		min-height: 352px;
}
.features-el {
		border: 0;
		flex: 1 0 auto;
		width: 100%;
		position: relative;
		border-radius: 25px;
		background: var(--white);
		padding: var(--padding) var(--padding) calc(42px + var(--padding) * 2) var(--padding);
		min-height: 200px;
		overflow: hidden;
		backface-visibility: hidden;
		box-shadow: 0px 15px 50px 0px #00000005;
		transition: box-shadow 0.4s ease;
}
@media (pointer:fine) {
		a.features-el:hover {
				box-shadow: 0px 15px 50px 0px #0000001A;
		}
}
.section-features .list .features-el:before {
		content: '['counter(sf, decimal-leading-zero)']';
		counter-increment: sf;
		position: absolute;
		bottom: 0;
		left: 0;
		margin: var(--padding);
		font: 300 13px/1.4 var(--font);
		opacity: 0.3;
}
.features-el .h3 {
		margin: 0;
		max-width: 13em;
}
.features-el .pic {
		width: 42px;
		height: 42px;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: var(--padding);
}
.features-el .pic img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
.features-el .image {
		width: 440px;
		height: 440px;
		position: absolute;
		bottom: -140px;
		left: 50%;
		transform: translate3d(-41%, 0, 0) rotate(5deg);
}
.features-el .image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
@media only screen and (min-width: 600px) and (max-width: 999.99px) {
		.section-features .list {
				grid-template-columns: repeat(2, 1fr);
		}
		.section-features .list li:first-child {
				grid-column: 1/-1;
		}
}
@media only screen and (max-width: 999.99px) {
		.section-features {
				padding-bottom: calc(var(--grid) * 2 + clamp(32px, 3.125rem, 50px));
		}
		.section-features .section-bg:before {
				transform: scale(-1, -1);
		}
		.section-features .section-bg:after {
				transform: scale(1, -1);
		}
		.section-features .bottom-text {
				text-align: center;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				margin: var(--grid) 0;
				padding: 0 var(--side-padding);
		}
}
@media only screen and (min-width: 1000px) {
		.section-features .section-bg:before, .section-features .section-bg:after {
				top: -22px;
		}
		.section-features .h1 {
				margin-right: calc(var(--grid) * 3);
		}
		.section-features .bottom-text {
				position: absolute;
				top: -22px;
				right: -9px;
				margin: var(--grid) var(--side-padding);
				width: calc(var(--grid) * 3 - 2px);
				padding: 0 8px 0 24px;
		}
		.section-features .list {
				grid-template-columns: repeat(3, 1fr);
		}
		.section-features .list li {
				min-height: 300px;
		}
		.section-features .list li:first-child {
				grid-row: 1/3;
				min-height: 620px;
		}
		.features-el .image {
				width: 720px;
				height: 720px;
				bottom: -207px;
				transform: translate3d(-50%, 0, 0) rotate(5deg);
		}
}
/* End */


/* Start:/local/templates/metabula/css/stat.css?17274348592158*/
@charset "UTF-8";
.section-stat .h1 {
		max-width: 10.5em;
}
.section-stat .list, .section-stat .list li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.section-stat .list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		color: var(--grey);
		line-height: 1.1;
		font-size: clamp(14px, 1.375rem, 22px);
		gap: var(--gap);
}
.section-stat .list li {
		border: 2px solid var(--black);
		position: relative;
		padding: calc(var(--padding) - 2px);
		min-height: 122px;
}
.section-stat .list li:first-child {
		grid-column: 1/-1;
}
.section-stat .list li:before, .section-stat .list li:after, .section-stat .list .corners:before, .section-stat .list .corners:after {
		content: '';
		position: absolute;
		margin: -4px;
		width: 9px;
		height: 9px;
		background: var(--white);
		border: 2px solid var(--black);
		pointer-events: none;
		z-index: 2;
}
.section-stat .list li:before {
		top: 0;
		left: 0;
}
.section-stat .list li:after {
		top: 0;
		right: 0;
}
.section-stat .list .corners:before {
		bottom: 0;
		left: 0;
}
.section-stat .list .corners:after {
		bottom: 0;
		right: 0;
}
.section-stat .list .big {
		font: normal clamp(40px, 4rem, 64px)/1 var(--font2);
		color: var(--black);
		margin: 0 0 clamp(6px, 0.5rem, 8px) 0;
}
.section-stat .image {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 92px;
		height: 130px;
		overflow: hidden;
		backface-visibility: hidden;
}
.section-stat .image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 165px;
		height: auto;
}
.section-stat .btn-more {
		margin-top: clamp(24px, 2rem, 32px);
}
@media only screen and (min-width: 800px) {
		.section-stat .list {
				grid-template-columns: repeat(4, 1fr);
		}
		.section-stat .list li:first-child {
				min-height: 0;
		}
		.section-stat .list li:first-child br {
				display: none;
		}
		.section-stat .list li:first-child .big {
				font-size: clamp(40px, 8rem, 128px);
				margin-bottom: 4px;
		}
		.section-stat .list .image {
				width: min(18.5rem, 296px);
				right: min(1.5rem, 24px);
				height: auto;
				top: calc(clamp(32px, 3.125rem, 50px) * -1 + 10px);
		}
		.section-stat .list .image img {
				width: 100%;
		}
}
/* End */


/* Start:/local/templates/metabula/css/cases.css?17274348593395*/
@charset "UTF-8";
.section-top-cases {
		--grey-line: var(--black05);
}
.section-top-cases .section-bg {
		background: var(--grey-bg);
}
.section-top-cases:has(.info-block) {
		padding-bottom: 0;
}
.section-top-cases:has(.info-block) .section-bg {
		bottom: 150px;
}
.section-top-cases .moving-sq {
		left: 50%;
		top: 0;
}
.section-top-cases .moving-sq > * > * {
		background-color: var(--grey-bg);
}
.section-top-cases .moving-sq-left {
		margin: calc(var(--grid) * 8) calc(var(--grid) * -8);
}
.section-top-cases .moving-sq-right {
		margin: calc(var(--grid) * 1) calc(var(--grid) * 8);
}
.section-top-cases .v2 .moving-sq-left {
		margin: calc(var(--grid) * 2) calc(var(--grid) * -8);
}
.section-top-cases .v2 .moving-sq-right {
		margin: calc(var(--grid) * 5) calc(var(--grid) * 8);
}
.section-top-cases .btn-more:not(:last-child) {
		margin-bottom: var(--vert-padding);
}
.grid-cases {
		list-style: none;
		margin: 0;
		padding: 0;
		display: grid;
		gap: var(--gap);
		grid-template-columns: repeat(1, 1fr);
		counter-reset: gc;
}
@media only screen and (min-width: 660px) and (max-width: 999.99px) {
		.grid-cases {
				grid-template-columns: repeat(2, 1fr);
		}
		.grid-cases.one-row > *:not(:nth-child(-n + 2)) {
				display: none !important;
				visibility: hidden !important;
		}
}
@media only screen and (min-width: 1000px) {
		.grid-cases {
				grid-template-columns: repeat(3, 1fr);
		}
		.section-top-cases .info-block {
				margin-top: var(--gap);
		}
}
ol.grid-cases .case-card:before {
		content: '['counter(gc, decimal-leading-zero)']';
		counter-increment: gc;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 20px;
		font: 300 13px/1.4 var(--font);
		opacity: 0.3;
}
.case-card {
		list-style: none;
		margin: 0;
		padding: 0;
		background: var(--white);
		border-radius: 25px;
		box-shadow: 0px 15px 50px 0px #00000005;
		position: relative;
		flex: 1 0 auto;
		display: flex;
		flex-direction: column;
		transition: box-shadow 0.4s ease;
}
@media (pointer:fine) {
		.case-card:hover {
				box-shadow: 0px 15px 50px 0px #0000001A;
		}
}
.case-card .image {
		background: var(--grey-bg);
		flex: 0 0 auto;
		width: 100%;
		position: relative;
		overflow: hidden;
		backface-visibility: hidden;
		aspect-ratio: 380/328;
		transform: translateZ(0);
		display: block;
		border: 0;
		border-radius: 25px;
		max-height: 400px;
}
.case-card .image .big {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
}
.case-card .image .small {
		position: absolute;
		top: 0;
		left: 0;
		width: 80px;
		height: 80px;
		margin: 10px;
		border-radius: 15px;
		background: var(--white);
		border: 6px solid var(--white);
}
.case-card .text {
		padding: 16px 20px 20px 20px;
		line-height: 1.4;
		font-size: clamp(14px, 1rem, 16px);
		flex: 1 0 auto;
		width: 100%;
		display: flex;
		flex-direction: column;
}
.case-card .h3 a {
		border-bottom-color: transparent;
		color: inherit;
}
@media (pointer:fine) {
		.case-card .h3 a:hover {
				border-bottom-color: var(--black15);
		}
}
.case-card .sq-list {
		flex: 1 0 auto;
		display: flex;
		flex-direction: column;
		gap: clamp(11px, 0.875rem, 14px);
}
.case-card .sq-list li {
		padding-left: calc(9px + clamp(8px, 0.75rem, 12px));
}
.case-card .tags {
		margin-top: clamp(16px, 1.25rem, 20px);
}
.case-card .h3 + .tags {
		margin-top: auto;
}
ol.grid-cases .case-card .tags {
		padding-right: 50px;
}
/* End */


/* Start:/local/templates/metabula/css/faq.css?17274348592672*/
@charset "UTF-8";
.faq-section {
		position: relative;
}
.faq-section .h2 {
		font-size: clamp(20px, 1.75rem, 28px);
		text-wrap: balance;
}
.faq-el {
		border-radius: 25px;
		background: var(--grey-bg);
		padding: calc(clamp(16px, 1.25rem, 20px) - 8px) clamp(16px, 1.25rem, 20px);
		margin: 10px 0 0 0;
}
.faq-el-title {
		position: relative;
		cursor: pointer;
		user-select: none;
		font: 500 clamp(16px, 1.25rem, 20px)/1.4 var(--font);
		padding: 8px 32px 8px 0;
		margin: 0;
}
.faq-el-title .arrow {
		position: absolute;
		right: 0;
		top: 50%;
		width: 26px;
		height: 26px;
		border-radius: 50%;
		margin: -13px 0;
		backface-visibility: hidden;
		transition-property: transform;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		background-size: 12px auto;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		transform: rotate(90deg);
}
.faq-el.open:not(.clicked) .faq-el-title .arrow, .faq-el.clicked:not(.open) .faq-el-title .arrow {
		transform: rotate(-90deg);
}
.faq-el.open:not(.clicked) .faq-el-title .arrow-right, .faq-el.clicked:not(.open) .faq-el-title .arrow-right {
		background-color: var(--black);
}
.faq-el.open:not(.clicked) .faq-el-title .arrow-right:before, .faq-el.clicked:not(.open) .faq-el-title .arrow-right:before {
		opacity: 1;
}
.faq-el .in {
		padding: 0 0 8px 0;
}
.faq-el:not(.open) .in {
		display: none;
}
@media only screen and (max-width: 799.99px) {
		.faq-section:not(:last-child) .corners {
				position: relative;
				height: 2px;
				background: var(--black);
				margin: 27px 0;
		}
		.faq-section:not(:last-child) .corners:before, .faq-section:not(:last-child) .corners:after {
				content: '';
				position: absolute;
				margin: 0 -2px;
				width: 9px;
				height: 9px;
				border: 2px solid var(--black);
				background: var(--white);
				top: 50%;
				transform: translate3d(0, -50%, 0);
		}
		.faq-section:not(:last-child) .corners:before {
				left: 0;
		}
		.faq-section:not(:last-child) .corners:after {
				right: 0;
		}
}
@media only screen and (min-width: 800px) {
		.faq-section {
				margin-top: var(--gap);
				border: 2px solid var(--black);
				padding: var(--padding);
		}
		.faq-section:before, .faq-section:after, .faq-section .corners:before, .faq-section .corners:after {
				content: '';
				position: absolute;
				width: 9px;
				height: 9px;
				background: var(--white);
				border: 2px solid var(--black);
				margin: -4px;
		}
		.faq-section:before {
				top: 0;
				left: 0;
		}
		.faq-section:after {
				top: 0;
				right: 0;
		}
		.faq-section .corners:before {
				bottom: 0;
				left: 0;
		}
		.faq-section .corners:after {
				bottom: 0;
				right: 0;
		}
}
/* End */


/* Start:/local/templates/metabula/css/about.css?17274348597721*/
@charset "UTF-8";
.about .block {
		position: relative;
		border: 2px solid var(--black);
		padding: calc(var(--padding) - 2px);
		line-height: 1.5;
		font-size: clamp(16px, 1.25rem, 20px);
}
.about .block:before, .about .block:after, .about .block .corners:before, .about .block .corners:after {
		content: '';
		position: absolute;
		margin: -4px;
		width: 9px;
		height: 9px;
		background: var(--white);
		border: 2px solid var(--black);
}
.about .block:before {
		top: 0;
		left: 0;
}
.about .block:after {
		top: 0;
		right: 0;
}
.about .block .corners:before {
		bottom: 0;
		left: 0;
}
.about .block .corners:after {
		bottom: 0;
		right: 0;
}
.about .block > *:first-child {
		margin-top: 0 !important;
}
.about .block > *:nth-last-child(3) {
		margin-bottom: 0 !important;
}
.about .block .image {
		pointer-events: none;
		overflow: hidden;
		backface-visibility: hidden;
}
.about .block .h3 {
		line-height: 1.3;
		font-size: clamp(18px, 1.5rem, 24px);
}
@media only screen and (max-width: 799.99px) {
		.about .block {
				padding-bottom: 0;
		}
		.about .block .image {
				margin: 12px 0 -1px 0;
				width: 100vw;
				text-align: center;
				position: relative;
				left: 50%;
				transform: translate3d(-50%, 0, 0);
				overflow: hidden;
		}
		.about .block .image img {
				width: 102%;
				height: auto;
				position: relative;
				left: -2%;
				display: block;
				max-width: 481px;
				margin: 0 auto;
		}
}
@media only screen and (min-width: 800px) {
		.about .block .h3 {
				width: 75%;
		}
		.about .block p {
				width: 65%;
		}
		.about .block .image {
				position: absolute;
				bottom: -1px;
				right: 0;
				width: 41%;
				max-height: calc(100% + 28px);
				transform: translate3d(10%, 0, 0);
		}
		.about .block .image img {
				width: 100%;
				height: auto;
				max-height: 100%;
		}
}
.about .principles .h3 {
		line-height: 1.3;
		text-wrap: belence;
}
.about .principles ol, .about .principles li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.about .principles ol {
		counter-reset: ap;
		display: flex;
		flex-direction: column;
		--gap: clamp(10px, 0.875rem, 14px);
		gap: var(--gap);
		font-weight: 500;
		line-height: 1.3;
		font-size: clamp(16px, 1.25rem, 20px);
}
.about .principles li {
		--padding: clamp(16px, 1.25rem, 20px);
		background: var(--grey-bg);
		border-radius: 25px;
		position: relative;
		padding: var(--padding);
}
.about .principles li:before {
		content: counter(ap, decimal-leading-zero);
		counter-increment: ap;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 26px;
		height: 26px;
		text-align: center;
		background: var(--accent);
		border-radius: 50%;
		font-weight: bold;
		font-size: 11px;
		line-height: 1.2;
		margin: 0 0 12px 0;
}
.about + .btn-more {
		margin-top: 32px;
}
@media only screen and (max-width: 799.99px) {
		.about .principles {
				margin-top: var(--vert-padding);
		}
		.about .principles .h3 {
				margin-bottom: 24px;
		}
}
@media only screen and (min-width: 800px) {
		.about .principles {
				margin-top: 50px;
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
		}
		.about .principles .h3 {
				flex: 0 0 auto;
				margin: 0;
				width: 32.2%;
				text-wrap: balance;
		}
		.about .principles ol {
				flex: 0 0 auto;
				width: 66.1%;
		}
}
@media only screen and (min-width: 1000px) {
		.about .principles li {
				padding-left: calc(var(--padding) + 38px);
		}
		.about .principles li:before {
				position: absolute;
				top: 0;
				left: 0;
				margin: var(--padding);
		}
}

.section:has(.our-values) {
		overflow: hidden;
}
.our-values, .our-values > li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.our-values {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: var(--gap) 0;
		line-height: 1.5;
		font-size: clamp(16px, 1.25rem, 20px);
}
.our-values > li {
		position: relative;
		border: 2px solid var(--black);
		flex: 0 0 auto;
		width: 100%;
		padding: var(--padding);
}
.our-values > li:before, .our-values > li:after, .our-values > li .corners:before, .our-values > li .corners:after {
		content: '';
		position: absolute;
		margin: -4px;
		width: 9px;
		height: 9px;
		background: var(--white);
		border: 2px solid var(--black);
}
.our-values > li:before {
		top: 0;
		left: 0;
}
.our-values > li:after {
		top: 0;
		right: 0;
}
.our-values > li .corners:before {
		bottom: 0;
		left: 0;
}
.our-values > li .corners:after {
		bottom: 0;
		right: 0;
}
.our-values .h3 {
		margin-bottom: clamp(12px, 1rem, 16px);
		text-wrap: balance;
}
.our-values .pic {
		width: 42px;
		height: 42px;
		margin: 0 0 16px 0;
}
.our-values .pic img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
.our-values .image {
		pointer-events: none;
		overflow: hidden;
		backface-visibility: hidden;
}
.our-values .image img {
		width: auto;
		height: auto;
		vertical-align: top;
}
@media only screen and (max-width: 699.99px) {
		.our-values > li:has(.image-left) {
				padding-top: 0;
		}
		.our-values > li:has(.image-right) {
				padding-bottom: 0;
		}
		.our-values .image {
				height: 291px;
				position: relative;
				width: 100vw;
				left: 50%;
				transform: translate3d(-50%, 0, 0);
				pointer-events: none;
				text-align: center;
				overflow: hidden;
				backface-visibility: hidden;
		}
		.our-values .image img {
				height: 100%;
				width: auto;
		}
		.our-values .image-left {
				margin-top: -26px;
				margin-bottom: var(--padding);
		}
		.our-values .image-right {
				margin-top: 12px;
		}
		.our-values .image-right img {
				height: 117%;
				transform: translate3d(11%, 0, 0);
		}
}
@media only screen and (min-width: 700px) {
		.our-values > li:has(.pic) {
				width: calc((100% - var(--gap)) / 2);
		}
		.our-values > li:has(.image-left) {
				padding-left: 34%;
		}
		.our-values .image {
				position: absolute;
		}
		.our-values .image-left {
				width: 34%;
				top: 50%;
				left: 15%;
				transform: translate3d(-55%, -63%, 0);
		}
		.our-values .image-left img {
				width: 100%;
		}
		.our-values > li:has(.image-right) {
				padding-right: 23.135%;
		}
		.our-values .image-right {
				bottom: 0;
				right: 11.5%;
				height: calc(100% + var(--gap));
				max-height: 329px;
				transform: translate3d(55%, 0, 0);
				text-align: center;
		}
		.our-values .image-right img {
				height: 100%;
		}
}
.about-gallery-wrap {
		position: relative;
		left: 50%;
		width: 100vw;
		transform: translate3d(-50%, 0, 0);
		padding: 0 var(--side-padding);
		backface-visibility: hidden;
}
.about-gallery-wrap:not(:first-child) {
		margin-top: var(--vert-padding) !important;
}
.about-gallery .swiper-slide img {
		width: 100%;
		height: auto;
		display: block;
}
@media only screen and (max-width: 699.99px) {
		.about-gallery {
				width: 100vw !important;
				position: relative;
				left: 50%;
				transform: translate3d(-50%, 0, 0);
		}
		.about-gallery .swiper-slide {
				width: calc(100% - var(--side-padding) * 2 - var(--gap));
				padding: 0 var(--gap);
		}
		.about-gallery .swiper-slide img {
				border-radius: 6px;
		}
		.about-gallery-wrap .swiper-arrow {
				display: none;
		}
}
@media only screen and (min-width: 700px) {
		.about-gallery {
				overflow: hidden;
				backface-visibility: hidden;
				border-radius: 25px;
		}
		.about-gallery-wrap .slider-pagination {
				display: none !important;
		}
		.about-gallery-prev {
				left: calc(var(--side-padding) / 2);
		}
		.about-gallery-next {
				right: calc(var(--side-padding) / 2);
		}
		@media only screen and (min-width: 1468px) {
				.about-gallery-prev {
						left: calc(var(--side-padding) - 72px);
				}
				.about-gallery-next {
						right: calc(var(--side-padding) - 72px);
				}
		}
}
/* End */


/* Start:/local/templates/metabula/css/why-us.css?17274348595365*/
@charset "UTF-8";
.why-us {
		--grey-line: var(--black05);
}
.why-us.yellow {
		--grey-line: var(--white14);
}
.why-us .info-block {
		margin-top: var(--gap);
}
.why-us .section-bg {
		background: var(--grey-bg);
}
.why-us.yellow .section-bg {
		background: var(--accent);
}
.why-us:has(.info-block) {
		padding-bottom: 0;
}
.why-us:has(.info-block) .section-bg {
		bottom: 150px;
}
.why-us .moving-sq {
		left: 50%;
		top: 0;
}
.why-us .moving-sq > * > * {
		background-color: var(--grey-bg);
}
.why-us.yellow .moving-sq > * > * {
		background-color: var(--accent);
}
.why-us .moving-sq-left {
		margin: calc(var(--grid) * 9) calc(var(--grid) * -8);
}
.why-us .moving-sq-right {
		margin: calc(var(--grid) * 1) calc(var(--grid) * 8);
}
.why-us .section-head {
		text-wrap: balance;
}
.why-us .section-head p {
		max-width: 58em;
}
.why-us .list, .why-us .list > li, .why-us .list2, .why-us .list2 > li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.why-us .list, .why-us .list2 {
		display: flex;
		flex-wrap: wrap;
		gap: var(--gap);
		line-height: 1.5;
		font-size: clamp(16px, 1.25rem, 20px);
}
.why-us .list > li, .why-us .list2 > li {
		flex: 0 0 auto;
		width: 100%;
		position: relative;
}
.why-us .list {
		counter-reset: wu;
}.why-us .list p{
	margin-bottom: 0;
}
.why-us .list > li {
		background: var(--white);
		border-radius: 25px;
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		padding: var(--padding);
}
.why-us .list > li:has(.image) {
		padding: 0;
}
.why-us .list > li:before {
		content: '['counter(wu, decimal-leading-zero)']';
		counter-increment: wu;
		opacity: 0.3;
		position: absolute;
		top: 0;
		right: 0;
		margin: var(--padding);
		font-weight: 300;
		font-size: 13px;
		line-height: 1.4;
}
.why-us .list .h3, .why-us .list2 .h3 {
		margin-bottom: clamp(12px, 1rem, 16px);
		text-wrap: balance;
}
.why-us .list .image {
		pointer-events: none;
}
.why-us .list .pic, .why-us .list2 .pic {
		width: 42px;
		height: 42px;
		margin: 0 0 clamp(16px, 1.5rem, 24px) 0;
}
.why-us .list .pic img, .why-us .list .pic2 img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
.why-us .list2 > li {
		
		
		border: 2px solid var(--black);
		padding: calc(var(--padding) - 2px);
		display: flex;
		flex-direction: column;
}
.why-us .list2 > li:before, .why-us .list2 > li:after, .why-us .list2 > li .corners:before, .why-us .list2 > li .corners:after {
		content: '';
		position: absolute;
		width: 9px;
		height: 9px;
		background: var(--white);
		pointer-events: none;
		z-index: 2;
		border: 2px solid var(--black);
		margin: -4px;
}
.why-us .list2 > li:before {
		top: 0;
		left: 0;
}
.why-us .list2 > li:after {
		top: 0;
		right: 0;
}
.why-us .list2 > li .corners:before {
		bottom: 0;
		left: 0;
}
.why-us .list2 > li .corners:after {
		bottom: 0;
		right: 0;
}
.why-us .list2 .image-bottom {
		margin: auto calc(var(--padding) * -1 + 2px) calc(var(--padding) * -1 + 2px) calc(var(--padding) * -1 + 2px);
}
.why-us .list2 .image-bottom img {
		width: 100%;
		height: auto;
}
.why-us .list2 .image-right {
		pointer-events: none;
}
.why-us .list2 .image-right img {
		width: 100%;
		height: auto;
		vertical-align: top;
}
@media only screen and (max-width: 699.99px) {
		.why-us .list .image {
				height: 246px;
		}
		.why-us .list .image img {
				height: 100%;
				width: auto;
		}
		.why-us .list > li:has(.image) .text {
				padding: 0 var(--padding) var(--padding) var(--padding);
		}
		.why-us .list2 .image-right {
				margin: auto calc((var(--padding) + var(--side-padding)) * -1) calc((var(--padding) - 2px) * -1) calc((var(--padding) + var(--side-padding)) * -1);
				text-align: center;
				padding-top: 12px;
		}
		.why-us .list2 .image-right img {
				max-width: 346px;
		}
}
@media only screen and (min-width: 700px) {
		.why-us .list .image {
				position: absolute;
				top: 0;
				bottom: 0;
		}
		.why-us .list .image img {
				width: 100%;
				height: auto;
		}
		.why-us .list > li:has(.image) .text {
				padding: var(--padding);
		}
		.why-us .list > li:has(.image):nth-child(odd) {
				padding-left: 268px;
		}
		.why-us .list > li:has(.image):nth-child(odd) .image {
				left: 0;
				width: 268px;
		}
		.why-us .list > li:has(.image):nth-child(odd) .text {
				padding-left: 0;
		}
		.why-us .list > li:has(.image):nth-child(odd) .text:after {
				content: '';
				display: inline-block;
				vertical-align: top;
				font-size: 13px;
				line-height: 1.4;
				width: 4ch;
				height: 1.4em;
				pointer-events: none;
		}
		.why-us .list > li:has(.image):nth-child(even) {
				padding-right: 351px;
		}
		.why-us .list > li:has(.image):nth-child(even) .image {
				right: 0;
				width: 351px;
		}
		.why-us .list > li:has(.image):nth-child(even) .text {
				padding-right: 0;
		}
		.why-us .list > li:has(.image):before {
				top: auto;
				bottom: 0;
				margin: 20px;
		}
		.why-us .list2 li:has(.image-right) {
				padding-right: 288px;
		}
		.why-us .list2 .image-right {
				position: absolute;
				bottom: 0;
				right: -30px;
				width: 314px;
		}
}
@media only screen and (min-width: 1000px) {
		.why-us .list > li.wid50 {
				width: calc((100% - var(--gap)) / 2);
		}
		.why-us .list2 > li.wid40 {
				width: calc((100% - var(--gap)) / 10 * 4.45);
		}
		.why-us .list2 > li.wid60 {
				width: calc((100% - var(--gap)) / 10 * 5.55);
		}
}
/* End */


/* Start:/local/templates/metabula/css/team.css?17274348591845*/
@charset "UTF-8";
.team {
		overflow: hidden;
		position: relative;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		width: 100vw;
		padding: 0 var(--side-padding) var(--vert-padding) var(--side-padding);
		margin-bottom: calc(var(--vert-padding) * -1);
}
.team .h2:not(:first-child) {
		margin-top: clamp(32px, 3.125rem, 50px);
}
.team-slider {
		overflow: visible !important;
		width: auto !important;
		margin: 0 calc(var(--gap) / -2) !important;
}
.team-slider .swiper-slide {
		width: 100%;
		padding: 0 calc(var(--gap) / 2);
		height: auto !important;
		display: flex !important;
		flex-direction: column;
}
.person {
		flex: 1 0 auto;
		width: 100%;
		background: var(--white);
		border-radius: 25px;
		box-shadow: 0px 15px 50px 0px #0000000D;
		display: flex;
		flex-direction: column;
}
.person .image {
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		aspect-ratio: 1/1;
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		border-radius: 25px;
}
.person .image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
}
.person .text {
		flex: 1 0 auto;
		width: 100%;
		padding: 16px 20px 20px 20px;
		display: flex;
		flex-direction: column;
}
.person .h3 {
		font-size: 19px;
		margin-bottom: 8px;
}
.person .descr {
		font-size: 16px;
		flex: 1 0 auto;
		color: var(--grey);
}
.person .tags {
		margin-top: 16px;
}
@media only screen and (max-width: 999.99px) {
		.team-slider .swiper-slide {
				width: calc(280px + var(--gap));
		}
}
@media only screen and (min-width: 1000px) {
		.team-slider .swiper-wrapper {
				flex-wrap: wrap;
				gap: var(--gap) 0;
		}
		.team-slider .swiper-slide {
				width: 33.333333%;
		}
}
@media only screen and (min-width: 1200px) {
		.team-slider .swiper-slide {
				width: 25%;
		}
}
/* End */


/* Start:/local/templates/metabula/css/contact-us.css?17274348593940*/
@charset "UTF-8";
.contact-us {
		position: relative;
		background: var(--accent);
		--grey-line: rgba(255, 255, 255, 0.1);
}
.contact-us .section-bg:before {
		transform: scale(-1, -1);
}
.contact-us .section-bg:after {
		transform: scale(1, -1);
}
.contact-us .moving-sq {
		left: 50%;
		bottom: 0;
}
.contact-us .moving-sq-left {
		margin: calc(var(--grid) * 10) calc(var(--grid) * -9);
}
.contact-us .moving-sq-right {
		margin: calc(var(--grid) * 4) calc(var(--grid) * -8);
}
.contact-us .section-head .text {
		max-width: 31em;
}
.contact-us .section-head .h1 {
		margin-bottom: clamp(16px, 1.5rem, 24px);
		text-wrap: balance;
}
.contact-us .bottom-text {
		margin: 0;
		padding: 0;
		color: var(--grey);
		font: 300 clamp(10px, 0.8125rem, 13px)/1.4 var(--font);
		position: absolute;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: calc(var(--grid) - 1px);
		background: var(--accent);
		z-index: 2;
}
.contact-us .bottom-text blockquote {
		display: block;
		margin: 0;
		padding: 0;
		font: inherit;
}
@media only screen and (max-width: 999.99px) {
		.contact-us {
				padding-bottom: calc(var(--grid) * 3 - 3px);
		}
		.contact-us .bottom-text {
				text-align: center;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				margin: var(--grid) 0;
				padding: 0 var(--side-padding);
		}
}
@media only screen and (min-width: 1000px) {
		.contact-us {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
		}
		.contact-us .contact-form {
				flex: 0 0 auto;
				width: 480px;
		}
		.contact-us .section-head {
				flex: 0 0 auto;
				width: calc(100% - 540px);
				margin: 30px 0 0 0;
		}
		.contact-us .bottom-text {
				position: absolute;
				bottom: calc(var(--grid) * 3);
				width: calc(var(--grid) * 3 - 10px);
				left: 50%;
				padding: 0 10px 0 27px;
				margin-left: calc(var(--grid) * -4);
		}
}
.contact-form-big {
		box-shadow: 0px 15px 50px 0px #0000000D;
}
.contact-form-big > *:not(.light):not(.girl) {
		position: relative;
}
.contact-form-big .light {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		overflow: hidden;
		backface-visibility: hidden;
		pointer-events: none;
}
.contact-form-big .light:before {
		content: '';
		position: absolute;
		border-radius: 50%;
		background: radial-gradient(50% 50% at 50% 50%, #E196FC 0%, rgba(225, 150, 252, 0) 100%);
		opacity: 0.3;
}
.contact-form-big .girl {
		position: absolute;
		bottom: 0;
		right: 0;
		pointer-events: none;
		overflow: hidden;
		border-bottom-right-radius: 25px;
		backface-visibility: hidden;
}
.contact-form-big .girl img {
		object-fit: contain;
		object-position: 0 0;
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
		height: auto;
}
@media only screen and (max-width: 639.99px) {
		.contact-form-big {
				padding-bottom: 90px;
		}
		.contact-form-big + .btn-more {
				margin-top: 32px;
		}
		.contact-form-big .light:before {
				width: 425px;
				height: 425px;
				bottom: 0;
				right: 0;
				margin: -172px -129px;
		}
		.contact-form-big .form-submit {
				text-align: left;
				align-items: flex-start;
		}
		.contact-form-big .form-submit > *:not(.btn) {
				margin-right: 200px;
				text-wrap: balance;
		}
		.contact-form-big .girl {
				width: 230px;
				height: 220px;
		}
		.contact-form-big .girl img {
				height: 384px;
		}
}
@media only screen and (min-width: 640px) {
		.contact-form-big {
				padding-right: calc(100% - 420px - var(--padding));
		}
		.contact-form-big .light:before {
				width: 1333px;
				height: 1333px;
				left: 421px;
				top: -446px;
		}
		.contact-form-big .girl {
				width: calc(100% - 380px);
				min-width: 230px;
				height: calc(100% + 200px);
		}
		.contact-form-big .girl img {
				width: 109%;
				top: auto;
				bottom: 0;
				transform: translate3d(0, 10%, 0);
		}
		.contact-form-big .form-submit {
				z-index: 2;
		}
}
/* End */


/* Start:/local/templates/metabula/css/portfolio-card.css?17274348593385*/
@charset "UTF-8";
.portfolio-card {
		position: relative;
		border-radius: 25px;
		background: var(--white);
		box-shadow: 0px 15px 50px 0px #0000000D;
		font-size: clamp(14px, 1.125rem, 18px);
		line-height: 1.4;
}
.portfolio-card .image {
		position: relative;
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		border-radius: 25px;
		aspect-ratio: 1180/400;
}
.portfolio-card .image img {
		position: absolute;
		top: 0;
		left: 0;
		object-fit: cover;
		object-position: center;
}
.portfolio-card .image img.big {
		width: 100%;
		height: 100%;
}
.portfolio-card .image img.small {
		pointer-events: none;
		width: clamp(58px, 5rem, 80px);
		height: clamp(58px, 5rem, 80px);
		margin: 10px;
		border-radius: 15px;
		background: var(--white);
		border: clamp(4px, 0.375rem, 6px) solid var(--white);
}
.portfolio-card .inner {
		position: relative;
		padding: clamp(16px, 1.875rem, 30px) var(--padding) var(--padding) var(--padding);
}
.portfolio-card .text {
		display: flex;
		flex-direction: column;
}
.portfolio-card .h2 {
		font-size: clamp(20px, 1.75rem, 28px);
		margin-bottom: clamp(12px, 1rem, 16px);
}
.portfolio-card .h2 a {
		border-bottom-color: transparent;
}
@media (pointer:fine) {
		.portfolio-card .h2 a:hover {
				border-bottom-color: var(--border);
		}
}
.portfolio-card .h3 {
		font-size: clamp(18px, 1.1875rem, 19px);
		margin-bottom: clamp(12px, 1rem, 16px);
}
.portfolio-card .feat {
		font-size: clamp(14px, 1rem, 16px);
}
.portfolio-card .feat .sq-list {
		gap: clamp(12px, 1rem, 16px);
}
.portfolio-card .feat .sq-list li {
		padding-left: calc(9px + clamp(8px, 0.75rem, 12px));
}
.portfolio-card .descr {
		margin-bottom: auto;
}
.portfolio-card .text:has(.btn) .descr {
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
}
@media only screen and (max-width: 799px) {
		.portfolio-card .inner:has(.btn) {
				padding-bottom: calc(var(--padding) + 45px + 16px);
		}
		.portfolio-card .cover-info {
				flex-direction: column;
				align-items: flex-start;
				gap: 8px;
				margin-bottom: clamp(12px, 1rem, 16px);
		}
		.portfolio-card .cover-info li {
				display: block;
				width: 100%;
				margin: 0;
				padding: 0;
				background: none;
				border-radius: 0;
				font-size: inherit;
				line-height: inherit;
		}
		.portfolio-card .cover-info li > * {
				font: inherit;
				margin: 0;
				display: inline-flex;
		}
		.portfolio-card .text .btn {
				position: absolute;
				bottom: 0;
				left: 0;
				margin: var(--padding);
		}
		.portfolio-card .feat {
				margin-top: 16px;
		}
}
@media only screen and (min-width: 800px) {
		.portfolio-card .cover-info {
				position: absolute;
				bottom: 100%;
				left: 0;
				margin: 10px;
		}
		.portfolio-card .inner {
				display: flex;
				justify-content: space-between;
		}
		.portfolio-card .feat {
				align-self: flex-start;
				flex: 0 0 auto;
				width: 38.39%;
				border-radius: 25px;
				margin: calc(var(--padding) * -1 - 40px) 0 0 0;
				padding: 20px;
				background: var(--accent);
				box-shadow: 0 0 0 clamp(4px, 0.375rem, 6px) var(--white);
		}
		.portfolio-card .feat .sq-list li:before {
				border-color: var(--black);
		}
		.portfolio-card .text {
				width: 58%;
				flex: 0 0 auto;
		}
		.portfolio-card .text .btn {
				align-self: flex-start;
				margin-top: 24px;
		}
}
/* End */


/* Start:/local/templates/metabula/css/portfolio-grid.css?17274348591047*/
@charset "UTF-8";
.portfolio-grid, .portfolio-el {
		list-style: none;
		margin: 0;
		padding: 0;
}
.portfolio-grid {
		counter-reset: pg 10;
}
.portfolio-el {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding-bottom: var(--gap);
		transition: opacity 0.4s ease;
}
.portfolio-el:not(.visible) {
		height: 0;
		padding-bottom: 0;
		overflow: hidden;
		opacity: 0;
}
.portfolio-grid .portfolio-card:after {
		content: '['counter(pg, decimal-leading-zero)']';
		counter-increment: pg -1;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: var(--padding);
		font-size: 13px;
		line-height: 1.4;
		opacity: 0.3;
}
@media only screen and (min-width: 800px) {
		.portfolio-grid .portfolio-card .feat {
				margin-bottom: calc(var(--padding) + 18px);
		}
}
.portfolio-more {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: calc(clamp(24px, 2.5rem, 40px) - var(--gap));
		gap: 16px;
}
.portfolio-grid:not(.has-folded) + .portfolio-more {
		display: none;
}
.portfolio-more .btn {
		flex: 0 0 auto;
}
/* End */


/* Start:/local/templates/metabula/css/portfolio-detail.css?17274348594515*/
@charset "UTF-8";
.portfolio-about {
		margin-top: clamp(24px, 2.5rem, 40px);
		line-height: 1.5;
		font-size: clamp(16px, 1.25rem, 20px);
		display: flex;
}
.portfolio-about > * > *:first-child {
		margin-top: 0 !important;
}
.portfolio-about > * > *:last-child {
		margin-bottom: 0 !important;
}
@media only screen and (max-width: 899px) {
		.portfolio-about {
				flex-direction: column;
				gap: clamp(24px, 2.5rem, 40px) 0;
		}
		.portfolio-about > * {
				flex: 0 0 auto;
				width: 100%;
		}
}
@media only screen and (min-width: 900px) {
		.portfolio-about {
				flex-direction: row;
				justify-content: space-between;
		}
		.portfolio-about .aside {
				flex: 0 0 auto;
				width: 30.508%;
		}
		.portfolio-about .text {
				flex: 0 0 auto;
				width: 66.1%;
		}
}
.portfolio-about .small-title {
		font: inherit;
		font-weight: 500;
		margin: 24px 0 12px 0;
}
.portfolio-ours {
		background-color: var(--accent);
		--grey-line: rgba(255, 255, 255, 0.14);
		line-height: 1.5;
		font-size: clamp(16px, 1.25rem, 20px);
		display: flex;
}
.portfolio-ours .moving-sq {
		top: 0;
		left: 50%;
}
.portfolio-ours .moving-sq-left {
		margin: calc(var(--grid) * 6) calc(var(--grid) * -8);
}
.portfolio-ours .moving-sq-right {
		margin: calc(var(--grid) * 1) calc(var(--grid) * 7);
}
.portfolio-ours > *:not(.section-bg) > *:first-child {
		margin-top: 0 !important;
}
.portfolio-ours > *:not(.section-bg) > *:last-child {
		margin-bottom: 0 !important;
}
.portfolio-ours .small-title {
		font: inherit;
		font-weight: 500;
		margin: 24px 0 12px 0;
}
@media only screen and (max-width: 899px) {
		.portfolio-ours {
				flex-direction: column;
				gap: clamp(24px, 2.5rem, 40px) 0;
		}
		.portfolio-ours > * {
				flex: 0 0 auto;
				width: 100%;
		}
}
@media only screen and (min-width: 900px) {
		.portfolio-ours {
				flex-direction: row;
				justify-content: space-between;
		}
		.portfolio-ours .aside {
				flex: 0 0 auto;
				width: 32.2%;
		}
		.portfolio-ours .text {
				flex: 0 0 auto;
				width: 64.4%;
		}
}
.portfolio-ours .block {
		margin: var(--gap) 0;
		background: var(--white);
		border-radius: 25px;
		padding: 30px 25px;
		font-size: 16px;
		line-height: 1.4;
}
.gallery-grid {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: var(--gap);
		position: relative;
}
.gallery-grid:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		aspect-ratio: 1/1;
		border-radius: 50%;
		background: radial-gradient(50% 50% at 50% 50%, #E196FC 0%, rgba(225, 150, 252, 0) 100%);
		opacity: 0.3;
		transform: translate3d(-50%, -50%, 0);
}
.gallery-el {
		flex: 0 0 auto;
		width: 100%;
		font-size: 16px;
		line-height: 1.4;
		position: relative;
}
.gallery-el-text {
		padding: calc(clamp(32px, 3.125rem, 50px) - var(--gap)) 0;
		line-height: 1.5;
		font-size: clamp(16px, 1.25rem, 20px);
		position: relative;
}
.gallery-el-text > * {
		position: relative;
}
.gallery-el-text > *:first-child {
		margin-top: 0 !important;
}
.gallery-el-text > *:last-child {
		margin-bottom: 0 !important;
}
.gallery-el img {
		width: 100%;
		height: auto;
		border-radius: 25px;
		position: relative;
		z-index: 2;
}
.gallery-el .sq-list {
		max-width: 320px;
		font-size: 16px;
}
@media only screen and (min-width: 760px) {
		.gallery-el.wid33 {
				width: calc((100% - var(--gap) * 2) / 3);
		}
		.gallery-el.wid66 {
				width: calc((100% - var(--gap) * 2) / 3 * 2 + var(--gap));
		}
		.gallery-el.wid40 {
				width: calc((100% - var(--gap)) / 10 * 4);
		}
		.gallery-el.wid60 {
				width: calc((100% - var(--gap)) / 10 * 6);
		}
		.gallery-el.wid50 {
				width: calc((100% - var(--gap)) / 2);
		}
		.gallery-el-text.wid100 {
				text-align: center;
		}
		.gallery-el-text.wid100:before {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				border-radius: 50%;
				background: radial-gradient(50% 50% at 50% 50%, #FFC11C 0%, rgba(255, 193, 28, 0) 100%);
				opacity: 0.25;
				pointer-events: none;
				margin: calc(var(--gap) * -1);
		}
}
.gallery-link {
		display: block;
		position: relative;
		border-radius: 25px;
}
/*.gallery-link:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: 25px;
		background: rgba(0, 0, 0, 0.65) url("/local/templates/metabula/css/../img/zoom-in.svg") no-repeat 50% 50%;
		background-size: 32px auto;
		transition: opacity 0.4s ease;
		pointer-events: none;
		z-index: 3;
		opacity: 0;
}
@media (pointer:fine) {
		a.gallery-link:hover:after {
				opacity: 1;
		}
}*/
/* End */


/* Start:/local/templates/metabula/css/filters.css?17274348596850*/
@charset "UTF-8";
.filters {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 24px;
		margin-top: clamp(24px, 3.125rem, 50px);
		position: relative;
}
.filter-tabs {
		font: 600 14px/1.2 var(--font);
		flex: 0 0 auto;
		position: relative;
		--height: 51px;
}
.filter-tabs .link {
		position: relative;
		text-align: left;
		display: flex;
		align-items: center;
		border: 0;
		transition-property: color, border;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		height: var(--height);
		color: var(--grey);
		cursor: pointer;
		user-select: none;
		padding: 0 17px;
}
@media (pointer:fine) {
		.filter-tabs .link:hover {
				color: var(--black);
		}
}
.filter-tabs .link.active {
		color: var(--black);
		cursor: pointer;
}
.filter-tags ul, .filter-tags li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.filter-tags ul {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
}
.filter-tags .trigger {
		cursor: pointer;
		user-select: none;
		text-decoration: none;
		border: 0;
		color: var(--black);
}
.filter-tags a.link-tag.active {
    background-color: var(--accent);
    color: var(--black);
}
@media only screen and (min-width: 1000px) {
		.filter-tabs {
				max-width: 100%;
		}
		.filter-tabs .list {
				display: flex;
				align-items: center;
				flex-wrap: wrap;
		}
		.filter-tabs .link {
				flex: 0 0 auto;
				text-decoration: none;
				border: 2px solid transparent;
				text-align: center;
				justify-content: center;
		}
		.filter-tabs .link:before, .filter-tabs .link:after, .filter-tabs .link .corners:before, .filter-tabs .link .corners:after {
				content: '';
				position: absolute;
				margin: -4px;
				width: 9px;
				height: 9px;
				background: var(--white);
				border: 2px solid var(--accent);
				transition: opacity 0.4s ease;
				opacity: 0;
				pointer-events: none;
		}
		.filter-tabs .link:before {
				top: 0;
				left: 0;
		}
		.filter-tabs .link:after {
				top: 0;
				right: 0;
		}
		.filter-tabs .link .corners:before {
				bottom: 0;
				left: 0;
		}
		.filter-tabs .link .corners:after {
				bottom: 0;
				right: 0;
		}
		.filter-tabs .link.active {
				border-color: var(--accent);
				cursor: default;
		}
		.filter-tabs .link.active:before, .filter-tabs .link.active:after, .filter-tabs .link.active .corners:before, .filter-tabs .link.active .corners:after {
				opacity: 1;
		}
		.filter-tags {
				flex: 0 0 auto;
				margin-left: auto;
		}
		.filter-tags .popular li:not(:has(.trigger)) {
				display: none;
		}
		.filter-tags .trigger {
				font: 600 14px/1.2 var(--font);
				display: flex;
				align-items: center;
				gap: 6px;
				position: relative;
		}
		.filter-tags .trigger:after {
				content: '';
				position: absolute;
				top: 100%;
				left: 50%;
				width: 12px;
				height: 12px;
				pointer-events: none;
				transform: translate3d(-50%, 30%, 0) rotate(45deg);
				background: var(--white);
				box-shadow: 0px 15px 50px 0px #00000026;
				clip-path: polygon(-75px calc(100% + 75px), -75px -75px, calc(100% + 75px) -75px);
				transition: opacity 0.4s ease;
				z-index: 21;
		}
		.filter-tags .trigger .text-close {
				display: none;
		}
		.filter-tags .trigger .num {
				flex: 0 0 auto;
				font: bold 11px/1 var(--font);
				width: 26px;
				height: 26px;
				border-radius: 50%;
				text-align: center;
				display: flex;
				align-items: center;
				justify-content: center;
				background: var(--accent);
		}
		.filter-tags .all {
				position: absolute;
				top: 100%;
				margin-top: -2px;
				left: 0;
				right: 0;
				margin: -4px calc(var(--padding) * -1);
				z-index: 20;
				border-radius: 25px;
				background: var(--white);
				box-shadow: 0px 15px 50px 0px #00000026;
				padding: var(--padding);
				backface-visibility: hidden;
				transition: opacity 0.4s ease;
				overflow: hidden;
				overflow-y: auto;
				max-height: 70vh;
		}
		.filter-tags:not(.open) .all, .filter-tags:not(.open) .trigger:after {
				opacity: 0;
				pointer-events: none;
		}
}
@media only screen and (max-width: 999.99px) {
		.filters > * {
				flex: 0 0 auto;
				width: 100%;
		}
		.filter-tabs {
				height: var(--height);
				position: relative;
		}
		.filter-tabs .list {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				border: 2px solid var(--accent);
				z-index: 20;
				display: flex;
				flex-direction: column;
		}
		.filter-tabs.open .list {
				background: var(--white);
		}
		.filter-tabs .list:before, .filter-tabs .list:after, .filter-tabs .list > .corners:before, .filter-tabs .list > .corners:after {
				content: '';
				position: absolute;
				width: 9px;
				height: 9px;
				margin: -4px;
				background: var(--white);
				border: 2px solid var(--accent);
				pointer-events: none;
		}
		.filter-tabs .list:before {
				top: 0;
				left: 0;
		}
		.filter-tabs .list:after {
				top: 0;
				right: 0;
		}
		.filter-tabs .list > .corners:before {
				bottom: 0;
				left: 0;
		}
		.filter-tabs .list > .corners:after {
				bottom: 0;
				right: 0;
		}
		.filter-tabs .link:not(.active) {
				order: 2;
		}
		.filter-tabs:not(.open) .link:not(.active) {
				display: none;
		}
		.filter-tabs .link {
				height: calc(var(--height) - 4px);
				padding-left: 24px;
				padding-right: 52px;
		}
		.filter-tabs .link:after {
				content: '';
				position: absolute;
				top: 50%;
				right: 20px;
				background: url("/local/templates/metabula/css/../img/down-arrow.svg") no-repeat 50% 50%;
				background-size: contain;
				width: 11px;
				height: 11px;
				transform: translate3d(0, -50%, 0) rotate(0deg);
				transition-property: transform, opacity;
				transition-duration: 0.4s;
				transition-timing-function: ease;
				backface-visibility: hidden;
				pointer-events: none;
		}
		.filter-tabs.open .link:after {
				transform: translate3d(0, -50%, 0) rotate(-180deg);
		}
		.filter-tabs .link:not(.active):after {
				opacity: 0;
		}
		.filter-tags {
				display: flex;
				flex-direction: column;
				gap: 8px;
		}
		.filter-tags .trigger {
				text-decoration: none;
				text-align: center;
				font: 300 12px/clamp(27px, 2.0625rem, 33px) var(--font);
				text-transform: none;
				color: var(--black);
				background: var(--accent);
				border-radius: 8px;
				padding: 0 6px;
				display: inline-block;
				height: clamp(27px, 2.0625rem, 33px);
				vertical-align: top;
				border: 0;
				transition-property: color, background;
				transition-duration: 0.4s;
				transition-timing-function: ease;
		}
		.filter-tags .trigger .num:before {
				content: '(';
		}
		.filter-tags .trigger .num:after {
				content: ')';
		}
		.filter-tags.open .popular li:not(:has(.trigger)) {
				display: none;
		}
		.filter-tags:not(.open) .all {
				display: none;
		}
		.filter-tags:not(.open) .trigger .text-close, .filter-tags.open .trigger .text-open {
				display: none;
		}
		.filter-tags.open .trigger .num {
				display: none;
		}
}
/* End */


/* Start:/local/templates/metabula/css/blog-card.css?17274348592069*/
@charset "UTF-8";
.blog-card {
		list-style: none;
		margin: 0;
		padding: 0;
		background: var(--white);
		border-radius: 25px;
		box-shadow: 0px 15px 50px 0px #0000000D;
		position: relative;
		flex: 1 0 auto;
		width: 100%;
		display: flex;
		flex-direction: column;
		transition: box-shadow 0.4s ease;
}
@media (pointer:fine) {
		.blog-card:hover {
				box-shadow: 0px 15px 50px 0px #0000001F;
		}
}
.blog-card .image {
		flex: 0 0 auto;
		width: 100%;
		position: relative;
		overflow: hidden;
		backface-visibility: hidden;
		aspect-ratio: 380/285;
		max-height: 400px;
		transform: translateZ(0);
		display: block;
		border-radius: 25px;
		border: 0;
		background: var(--grey-bg);
}
.blog-card .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		position: absolute;
		top: 0;
		left: 0;
}
.blog-card .text {
		padding: clamp(16px, 1.25rem, 20px) 20px 20px 20px;
		line-height: 1.4;
		font-size: clamp(14px, 1rem, 16px);
		flex: 1 0 auto;
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 16px;
		position: relative;
}
.blog-card .num-place {
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 20px;
		opacity: 0.3;
		font-weight: 300;
		font-size: 13px;
		line-height: 1.3;
		pointer-events: none;
}
/*.blog-card .num-place:before {
		content: '[';
}*/
.blog-card .num-place:after {
		/*content: ']';*/
        content: '['counter(pg, decimal-leading-zero)']';
        counter-increment: pg -1;
}
.blog-card .corners {
		display: none;
}
.blog-card .h3 {
		margin: 0 0 calc(clamp(12px, 1rem, 16px) - 16px) 0;
		font-size: clamp(18px, 1.1875rem, 19px);
		text-wrap: balance;
}
.blog-card .h3 a {
		border-bottom-color: transparent;
		color: inherit;
}
@media (pointer:fine) {
		.blog-card .h3 a:hover {
				border-bottom-color: var(--black15);
		}
}
.blog-card .descr {
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
}
.blog-card .tags {
		margin-top: auto;
		padding-right: 30px;
}
.blog-card .btn {
		display: none;
}
/* End */


/* Start:/local/templates/metabula/css/blog-grid.css?17455772857024*/
@charset "UTF-8";
.grid-blog {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 0 var(--gap);
}
@media only screen and (min-width: 660px) and (max-width: 999.99px) {
		.grid-blog {
				grid-template-columns: repeat(2, 1fr);
		}
}
@media only screen and (min-width: 1000px) {
		.grid-blog {
				grid-template-columns: repeat(3, 1fr);
		}
}
.grid-blog > * {
		order: 3;
}
.grid-blog .h2 {
		margin-top: var(--vert-padding);
		grid-column: 1/-1;
}
@media only screen and (max-width: 999.99px) {
		.grid-blog .h2 {
				font-size: 30px;
				margin-bottom: 24px;
		}
}
@media only screen and (min-width: 1000px) {
		.grid-blog .h2 {
				margin-top: 50px;
		}
}
.blog-popular {
		grid-column: 1/-1;
		order: 2;
}
.blog-popular .list {
		list-style: none;
		margin: 0;
		padding: 0;
		display: grid;
		gap: var(--gap);
		grid-template-columns: repeat(1, 1fr);
}
@media only screen and (min-width: 660px) {
		.blog-popular .list {
				grid-template-columns: repeat(2, 1fr);
		}
}
.blog-mini {
		list-style: none;
		margin: 0;
		display: flex;
		flex-direction: column;
		background: var(--grey-bg);
		padding: clamp(16px, 1.25rem, 20px);
		position: relative;
		border-radius: 25px;
		gap: 12px;
}
.blog-mini .big {
		font-weight: 500;
		font-size: clamp(16px, 1.25rem, 20px);
		line-height: 1.3;
		flex: 1 0 auto;
}
.blog-mini .big a {
		border-bottom-color: transparent;
}
@media (pointer:fine) {
		.blog-mini .big a:hover {
				border-bottom-color: var(--border);
		}
}
.blog-mini .arrow-right {
		position: absolute;
		bottom: 3.5px;
		right: 0;
		margin: clamp(16px, 1.25rem, 20px);
		transform: scale(1);
}
@media (pointer:fine) {
		.blog-mini:hover .arrow-right {
				transform: scale(1.2);
		}
}
.blog-mini .tags {
		margin-right: 32px;
}
.blog-el {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding-bottom: var(--gap);
		transition: opacity 0.4s ease;
}
/*.blog-el:not(:nth-child(1 of .blog-el)):not(.visible),*/
/*.blog-el:not(.visible){*/
.blog-el:not(.priority):not(.visible){
		height: 0;
		padding-bottom: 0;
		overflow: hidden;
		opacity: 0;
}
/*.blog-el:nth-child(1 of .blog-el) {*/
.blog-el.priority {
		grid-column: 1/-1;
		order: 1;
		padding: 0;
}
/*.blog-el:nth-child(1 of .blog-el) .blog-card {*/
.blog-el.priority .blog-card {
		border-radius: 0;
		box-shadow: none;
		border: 2px solid var(--black);
		padding: calc(var(--padding) - 2px);
		gap: clamp(16px, 2.5rem, 40px);
}
/*.blog-el:nth-child(1 of .blog-el) .blog-card .corners {*/
.blog-el.priority .blog-card .corners {
		display: block;
		margin-top: -16px;
		pointer-events: none;
}
/*.blog-el:nth-child(1 of .blog-el) .blog-card:before,
.blog-el:nth-child(1 of .blog-el) .blog-card:after,
.blog-el:nth-child(1 of .blog-el) .blog-card .corners:before,
.blog-el:nth-child(1 of .blog-el) .blog-card .corners:after {*/
.blog-el.priority .blog-card:before,
.blog-el.priority .blog-card:after,
.blog-el.priority .blog-card .corners:before,
.blog-el.priority .blog-card .corners:after {
		content: '';
		position: absolute;
		margin: -4px;
		width: 9px;
		height: 9px;
		background: var(--white);
		pointer-events: none;
		z-index: 2;
		border: 2px solid var(--black);
}
/*.blog-el:nth-child(1 of .blog-el) .blog-card:before {*/
.blog-el.priority .blog-card:before {
		top: 0;
		left: 0;
}
/*.blog-el:nth-child(1 of .blog-el) .blog-card:after {*/
.blog-el.priority .blog-card:after {
		top: 0;
		right: 0;
}
/*.blog-el:nth-child(1 of .blog-el) .blog-card .corners:before {*/
.blog-el.priority .blog-card .corners:before {
		bottom: 0;
		left: 0;
}
/*.blog-el:nth-child(1 of .blog-el) .blog-card .corners:after {*/
.blog-el.priority .blog-card .corners:after {
		bottom: 0;
		right: 0;
}
/*.blog-el:nth-child(1 of .blog-el) .blog-card .text {*/
.blog-el.priority .blog-card .text {
		padding: 0;
		font-size: clamp(14px, 1.125rem, 18px);
}
/*.blog-el:nth-child(1 of .blog-el) .blog-card .num-place {*/
.blog-el.priority .blog-card .num-place {
		position: static;
		margin: 0;
		order: 5;
}
/*.blog-el:nth-child(1 of .blog-el) .blog-card .tags {*/
.blog-el.priority .blog-card .tags {
		order: 1;
		padding-right: 0;
		margin: 0;
}
/*.blog-el:nth-child(1 of .blog-el) .blog-card .h3 {*/
.blog-el.priority .blog-card .h3 {
		font-size: clamp(20px, 1.75rem, 28px);
		order: 2;
		margin-bottom: 0;
}
/*.blog-el:nth-child(1 of .blog-el) .blog-card .descr {*/
.blog-el.priority .blog-card .descr {
		order: 3;
		/*flex: 1 0 auto;*/
		-webkit-line-clamp: 5;
}
/*.blog-el:nth-child(1 of .blog-el) .blog-card .tags:before {*/
/*.blog-el.priority .blog-card .tags:before {
		content: attr(data-new);
		text-decoration: none;
		text-align: center;
		font: 300 12px/1.4 var(--font);
		text-transform: none;
		color: var(--black);
		background: var(--accent);
		border-radius: 8px;
		padding: 0 8px;
		display: inline-flex;
		align-items: center;
		height: clamp(27px, 2.0625rem, 33px);
		vertical-align: top;
		border: 2px solid transparent;
}*/
@media only screen and (min-width: 1000px) {
		/*.blog-el:nth-child(1 of .blog-el) .blog-card {*/
        .blog-el.priority .blog-card {
				flex-direction: row;
				justify-content: space-between;
		}
		/*.blog-el:nth-child(1 of .blog-el) .blog-card .corners {*/
        .blog-el.priority .blog-card .corners {
				margin-top: 0;
				margin-left: calc(clamp(16px, 2.5rem, 40px) * -1);
		}
		/*.blog-el:nth-child(1 of .blog-el) .blog-card .image {*/
        .blog-el.priority .blog-card .image {
				width: 457px;
		}
		/*.blog-el:nth-child(1 of .blog-el) .blog-card .text {*/
        .blog-el.priority .blog-card .text {
				flex: 1;
				width: auto;
				padding: 0;
				margin: 7px 0;
		}
		/*.blog-el:nth-child(1 of .blog-el) .blog-card .num-place {*/
        .blog-el.priority .blog-card .num-place {
				position: absolute;
		}
		/*.blog-el:nth-child(1 of .blog-el) .blog-card .tags .link-tag {*/
        .blog-el.priority .blog-card .tags .link-tag {
				display: inline-flex;
		}
		/*.blog-el:nth-child(1 of .blog-el) .blog-card .tags .link-tag:not(:nth-child(-n + 4)) {*/
        .blog-el.priority .blog-card .tags .link-tag:not(:nth-child(-n + 4)) {
				display: none;
		}
		/*.blog-el:nth-child(1 of .blog-el) .blog-card .btn {*/
        .blog-el.priority .blog-card .btn {
				display: flex;
				align-self: flex-start;
				order: 4;
				margin-top: 8px;
		}
}
.blog-more {
		display: flex;
		align-items: center;
		margin-top: calc(clamp(24px, 2.5rem, 40px) - var(--gap));
		gap: 16px;
}
.blog-more .btn {
		flex: 0 0 auto;
}
.blog-more:before {
		content: '';
		flex: 1;
}
.blog-more .counter {
		flex: 1;
		text-align: right;
		line-height: 1.4;
		font-size: clamp(12px, 0.8125rem, 13px);
		text-transform: uppercase;
		opacity: 0.3;
}
.grid-blog:not(.has-folded) + .blog-more {
		display: none;
}
@media only screen and (max-width: 659.99px) {
		.blog-more {
				flex-direction: column;
				align-items: center;
				text-align: center;
		}
		.blog-more:before {
				display: none;
		}
		.blog-more .counter {
				flex: 0 0 auto;
				width: 100%;
				text-align: center;
		}
}
/* End */


/* Start:/local/templates/metabula/css/blog-slider.css?17274348591612*/
@charset "UTF-8";
.section:has(.blog-slider) {
		overflow: hidden;
}
.blog-slider {
		overflow: visible !important;
		width: auto !important;
		margin-left: calc(var(--gap) / -2) !important;
		margin-right: calc(var(--gap) / -2) !important;
		position: relative;
}
.blog-slider .swiper-slide {
		padding: 0 calc(var(--gap) / 2);
		width: 100%;
		transition: opacity 0.4s ease;
		height: auto !important;
		display: flex !important;
		flex-direction: column;
}
.blog-slider.swiper-initialized .swiper-slide:not(.swiper-slide-visible) {
		opacity: 0;
		pointer-events: none;
}
@media only screen and (max-width: 659.99px) {
		.blog-slider-similar .swiper-slide:not(:nth-child(-n + 3)) {
				display: none !important;
				visibility: hidden !important;
		}
}
@media only screen and (min-width: 660px) and (max-width: 999.99px) {
		.blog-slider .swiper-slide {
				width: 50%;
		}
		.blog-slider-similar .swiper-slide:not(:nth-child(-n + 4)) {
				display: none !important;
				visibility: hidden !important;
		}
}
@media only screen and (min-width: 1000px) {
		.blog-slider .swiper-slide {
				width: 33.333333%;
		}
}
@media only screen and (max-width: 999.99px) {
		.blog-slider .swiper-wrapper {
				flex-wrap: wrap;
				gap: var(--gap) 0;
		}
}
.blog-slider:not(.swiper-initialized) .swiper-arrow {
		display: none;
}

.blog-slider-prev {
		left: calc(var(--side-padding) / -2 + var(--gap) / 2);
}
.blog-slider-next {
		right: calc(var(--side-padding) / -2 + var(--gap) / 2);
}
@media only screen and (min-width: 1468px) {
		.blog-slider-prev {
				left: -62px;
		}
		.blog-slider-next {
				right: -62px;
		}
}
/* End */


/* Start:/local/templates/metabula/css/social.css?17274348592199*/
@charset "UTF-8";
.soc-block {
		padding: clamp(16px, 1.25rem, 20px);
		border-radius: 25px;
		background: var(--grey-bg);
}
.soc-block .h2 {
		line-height: 1.1;
		font-size: clamp(18px, 1.1875rem, 19px);
		margin-bottom: 16px;
}
.social, .social li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.social {
		display: grid;
		gap: clamp(8px, 0.625rem, 10px);
		grid-template-columns: repeat(5, 1fr);
}
.social .btn {
		padding: 0;
		height: clamp(53px, 3.5rem, 56px);
}
.social .btn img {
		position: absolute !important;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		transition: opacity 0.4s ease;
}.social .btn img + img{
	opacity: 0;
}@media (pointer:fine){
	.social .btn:hover img + img{
		opacity: 1;
	}
}
.social-share {
		position: relative;
		margin-top: clamp(8px, 0.625rem, 10px);
}
.social-share-popup {
		position: absolute;
		bottom: 100%;
		left: 0;
		right: 0;
		margin: 8px calc(clamp(16px, 1.25rem, 20px) * -1);
		z-index: 15;
		background: var(--white);
		padding: clamp(16px, 1.25rem, 20px);
		border-radius: 25px;
		box-shadow: 0px 15px 50px 0px #0000000D;
		text-align: left;
		font-size: 14px;
		line-height: 1;
		color: var(--black);
		backface-visibility: hidden;
		transition: opacity 0.4s ease;
}
.social-share:not(.open) .social-share-popup {
		opacity: 0;
		pointer-events: none;
}
.social-share-popup:before {
		content: '';
		position: absolute;
		top: 100%;
		left: 50%;
		width: 10px;
		height: 10px;
		background: var(--white);
		transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.social-share-popup .h2 {
		margin-bottom: 12px;
}
.social-share-popup .social:not(:last-child) {
		margin-bottom: 24px;
}
.social-share-popup input {
		width: 100%;
		margin: 8px 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-right: 4px;
}
.social-share-popup .btn.copy > * {
		flex: 0 0 auto;
		width: 100%;
		/*transition: opacity 0.4s ease;*/
}
.social-share-popup .btn.copy.copied {
		pointer-events: none;
}
.social-share-popup .btn.copy.copied > *:nth-child(1), .social-share-popup .btn.copy:not(.copied) > *:nth-child(2) {
		opacity: 0;
}
.social-share-popup .btn.copy > *:nth-child(2) {
		margin-left: -100%;
}
/* End */


/* Start:/local/templates/metabula/css/article.css?17274348596597*/
@charset "UTF-8";
.article-head .h2, .article-body h2, .article-body .h2, .article-nav .h2 {
		font: normal clamp(20px, 1.75rem, 28px)/1.1 var(--font2);
		margin: 0 0 16px 0;
}
.article-head {
		position: relative;
		background: var(--white);
		border-radius: 25px;
		box-shadow: 0px 15px 50px 0px #0000000D;
		display: flex;
		flex-direction: column;
}
.article-head .image {
		flex: 0 0 auto;
		width: 100%;
		aspect-ratio: 380/285;
		max-height: 400px;
		backface-visibility: hidden;
		overflow: hidden;
		transform: translateZ(0);
		position: relative;
		border-radius: 25px;
}
.article-head .image img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		object-fit: cover;
		object-position: center;
}
.article-head .text {
		padding: clamp(16px, 1.875rem, 30px) var(--padding) var(--padding) var(--padding);
		flex: 0 0 auto;
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 12px;
		position: relative;
}
.article-head .h2 {
		margin: 0 0 4px 0;
}
.article-head .tags[data-new]:before, .article-footer .tags[data-new]:before {
		content: attr(data-new);
		text-decoration: none;
		text-align: center;
		font: 300 12px/1.4 var(--font);
		text-transform: none;
		color: var(--black);
		background: var(--accent);
		border-radius: 8px;
		padding: 0 8px;
		display: inline-flex;
		align-items: center;
		height: clamp(27px, 2.0625rem, 33px);
		vertical-align: top;
		border: 2px solid transparent;
}
.article-head .author {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 8px;
		padding-left: 76px;
		min-height: 60px;
		font-size: 12px;
		line-height: 1.2;
		color: var(--grey);
		position: relative;
}
.article-head .author .ava {
		position: absolute;
		top: 0;
		left: 0;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		background: var(--grey-bg);
}
.article-head .author .ava img {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		object-fit: cover;
		object-position: center;
}
.article-head .author .name {
		font-weight: 600;
		font-size: 14px;
}
.article-head .info {
		font-size: clamp(12px, 0.8125rem, 13px);
		opacity: 0.3;
		text-transform: uppercase;
}
.article-nav ul, .article-nav li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.article-nav {
		font-weight: 600;
		font-size: 14px;
		line-height: 1.3;
		margin: 0 0 32px 0;
}
.article-nav a {
		border-bottom-color: transparent;
		transition-property: border, opacity;
}
@media (pointer:fine) {
		.article-nav a:hover {
				border-bottom-color: var(--border);
		}
}
.article-nav ul {
		display: flex;
		flex-direction: column;
		gap: clamp(16px, 1.5rem, 24px);
}
.article-nav li {
		position: relative;
		padding-left: calc(17px + clamp(8px, 0.75rem, 12px));
}
.article-nav li:before {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 0.6em;
		left: 4px;
		width: 9px;
		height: 9px;
		border: 2px solid var(--accent);
		transform: translate3d(0, -50%, 0);
		transition: border 0.4s ease;
		z-index: 2;
		background: var(--white);
}
@media only screen and (max-width: 899.99px) {
		.article-head {
				margin-bottom: calc(var(--gap) + 100px + 24px);
		}
		.article-head .author {
				position: absolute;
				top: 100%;
				left: 0;
				right: 0;
				background: var(--white);
				border-radius: 25px;
				box-shadow: 0px 15px 50px 0px #0000000D;
				border: 20px solid var(--white);
				height: 100px;
				margin-top: var(--gap);
		}
		.article-grid {
				padding-bottom: 226px;
		}
		.article-grid .soc-block {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
		}
}
@media only screen and (min-width: 900px) {
		.article-head {
				flex-direction: row;
				margin-bottom: 40px;
		}
		.article-head .image {
				order: 2;
				width: 380px;
		}
		.article-head .text {
				order: 1;
				width: calc(100% - 380px);
		}
		.article-head .author {
				margin-top: auto;
				padding-right: 200px;
		}
		.article-head .info {
				position: absolute;
				bottom: 0;
				right: 0;
				margin: var(--padding);
		}
		.article-grid {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
		}
		.article-content {
				flex: 0 0 auto;
				order: 1;
				width: calc(100% - 394px);
		}
		.article-sidebar {
				order: 2;
				position: sticky;
				top: calc(var(--header) + 24px);
				width: 360px;
		}
		.article-nav .line {
				position: absolute;
				left: 8px;
				top: 0.6em;
				bottom: calc(-0.6em - clamp(16px, 1.5rem, 24px));
				background: var(--black05);
				width: 1px;
		}
		.article-nav .line:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				height: calc(100% * var(--percent));
				background: var(--accent);
		}
		.article-nav li:last-child .line {
				display: none;
		}
		.article-nav li:not(:first-child):not(.active) a {
				opacity: 0.5;
		}
		.article-nav li:not(:first-child):not(.active):before {
				border-color: var(--black15);
		}
		.article-nav .h2 {
				display: none;
		}
}
.article-image {
		display: block;
		margin: 32px 0;
		padding: 0;
}
.article-image img {
		display: block;
		width: 100%;
		height: auto;
		border-radius: 25px;
}
.article-body {
		line-height: 1.5;
		font-size: clamp(16px, 1.25rem, 20px);
}
.article-body > *:first-child {
		margin-top: 0 !important;
}
.article-body > *:last-child {
		margin-bottom: 0 !important;
}
.article-body h2, .article-body .h2 {
		margin-top: 32px;
}
.article-body h3, .article-body .h3 {
		font: inherit;
		font-weight: 600;
		margin: 24px 0 12px 0;
}
.article-body ul, .article-body ol, .article-body li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.article-body ul, .article-body ol {
		margin: 16px 0;
		display: flex;
		flex-direction: column;
}
.article-body li {
		position: relative;
		padding-left: 29px;
}
.article-body ul {
		gap: 12px;
}
.article-body ul > li:before {
		content: '';
		position: absolute;
		top: 0.75em;
		left: 8px;
		width: 9px;
		height: 9px;
		border: 2px solid var(--accent);
		transform: translate3d(0, -50%, 0);
}
.article-body ol {
		counter-reset: li;
}
.article-body ol > li:before {
		counter-increment: li;
		content: counters(li, ".") ". ";
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 29px;
		margin: 0 0 0 -29px;
		padding: 0 0.3em 0 0;
		text-align: center;
}
.article-footer {
		margin: 32px 0 0 0;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 12px;
}
.article-footer > * {
		flex: 0 0 auto;
		max-width: 100%;
}
.article-footer .date {
		font-size: 13px;
		line-height: 1.4;
		opacity: 0.3;
}
/* End */


/* Start:/local/templates/metabula/css/inner-hero.css?17276971398950*/
@charset "UTF-8";
.inner-hero {
		overflow: hidden;
		position: relative;
		font-size: clamp(14px, 1.125rem, 18px);
		line-height: 1.3;
}
.inner-hero.no-padding-bottom {
		padding-bottom: var(--vert-padding) !important;
		margin-bottom: calc(var(--vert-padding) * -1) !important;
}
.inner-hero .image {
		pointer-events: none;
		position: relative;
		border: 2px solid var(--black);
		aspect-ratio: 406/454;
}
.inner-hero .image:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		aspect-ratio: 1/1;
		height: 120%;
		transform: translate3d(-50%, -50%, 0);
		background: radial-gradient(50% 50% at 50% 50%, #FFC11C 0%, rgba(255, 193, 28, 0) 100%);
		opacity: 0.3;
}
.inner-hero .image .corners:before, .inner-hero .image .corners:after {
		content: '';
		position: absolute;
		width: 9px;
		height: 9px;
		border: 2px solid var(--black);
		background: var(--white);
		z-index: 1;
		margin: -4px;
}
.inner-hero .image .corners:first-child:before {
		top: 0;
		left: 0;
}
.inner-hero .image .corners:first-child:after {
		top: 0;
		right: 0;
}
.inner-hero .image .corners + .corners:before {
		bottom: 0;
		left: 0;
		z-index: 3;
}
.inner-hero .image .corners + .corners:after {
		bottom: 0;
		right: 0;
		z-index: 3;
}
.inner-hero .image img {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
		transform: translate3d(-50%, calc(-50% - 1.5px), 0);
		height: calc((100% + 4px) * 2);
		width: auto;
}
.image-multiple {
		--width: 574px;
}
.inner-hero .image-multiple {
		position: relative;
		pointer-events: none;
		max-width: var(--width);
		display: grid;
		gap: var(--gap);
}
.inner-hero .image-multiple .block {
		border: 2px solid var(--black);
		position: relative;
		width: 100%;
}
.inner-hero .image-multiple .block:before, .inner-hero .image-multiple .block:after, .inner-hero .image-multiple .block .corners:before, .inner-hero .image-multiple .block .corners:after {
		content: '';
		position: absolute;
		width: 9px;
		height: 9px;
		z-index: 5;
		background: var(--white);
		border: 2px solid var(--black);
		margin: -4px;
}
.inner-hero .image-multiple .block:before:before {
		top: 0;
		left: 0;
}
.inner-hero .image-multiple .block:after {
		top: 0;
		right: 0;
}
.inner-hero .image-multiple .block .corners:before {
		bottom: 0;
		left: 0;
}
.inner-hero .image-multiple .block .corners:after {
		bottom: 0;
		right: 0;
}
.inner-hero .image-multiple .block img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		box-shadow: 0 0 0 1px var(--black);
}
.inner-hero .image-multiple.view1 {
		--width: 558px;
		grid-template-columns: 194fr 119fr;
}
.inner-hero .image-multiple.view1 .pos1 {
		aspect-ratio: 192/106;
		margin-top: auto;
		margin-left: auto;
}
.inner-hero .image-multiple.view1 .pos2 {
		aspect-ratio: 119/174;
		margin-top: auto;
		margin-right: auto;
}
.inner-hero .image-multiple.view1 .pos3 {
		aspect-ratio: 353/164;
		grid-column: 1/-1;
		width: 64%;
		margin: 0 auto auto auto;
		transform: translate3d(10%, 0, 0);
}
.inner-hero .image-multiple.view2 {
		--width: 509px;
		grid-template-columns: 369fr 105fr;
}
.inner-hero .image-multiple.view2 .pos1 {
		grid-row: 1/3;
		margin-top: auto;
		margin-left: auto;
		aspect-ratio: 369/201;
}
.inner-hero .image-multiple.view2 .pos2, .inner-hero .image-multiple.view2 .pos3 {
		aspect-ratio: 1/1;
}
.inner-hero .image-multiple.view2 .pos2 {
		margin-top: auto;
}
.inner-hero .image-multiple.view2 .pos4 {
		grid-column: 1/-1;
		margin: 0 auto;
		width: 70%;
		transform: translate3d(7%, 0, 0);
		aspect-ratio: 357/200;
}
.inner-hero .image-multiple.view3 {
		--width: 557px;
		grid-template-columns: 333fr 204fr;
}
.inner-hero .image-multiple.view3 .pos1 {
		aspect-ratio: 333/187;
		margin-top: auto;
		margin-left: auto;
}
.inner-hero .image-multiple.view3 .pos2 {
		aspect-ratio: 204/358;
		margin-top: auto;
		margin-right: auto;
}
.inner-hero .image-multiple.view3 .pos3 {
		aspect-ratio: 330/187;
		grid-column: 1/-1;
		width: 59.24%;
		margin: 0 auto auto auto;
		transform: translate3d(5%, 0, 0);
}
.inner-hero .image-multiple.view4 {
		--width: 573px;
		grid-template-columns: 220fr 329fr;
}
.inner-hero .image-multiple.view4 .pos1 {
		aspect-ratio: 220/320;
		margin-top: auto;
		margin-left: auto;
}
.inner-hero .image-multiple.view4 .pos2 {
		aspect-ratio: 333/231;
		margin-top: auto;
		margin-right: auto;
}
.inner-hero .image-multiple.view4 .pos3 {
		aspect-ratio: 488/190;
		grid-column: 1/-1;
		width: 85%;
		margin: 0 auto auto auto;
		transform: translate3d(5%, 0, 0);
}
.inner-hero .image-multiple.view5 {
		--width: 493px;
		grid-template-columns: 104fr 369fr;
}
.inner-hero .image-multiple.view5 .pos1 {
		aspect-ratio: 1/1;
		margin-top: auto;
		margin-left: auto;
		background-color: #FEF2DE;
}
.inner-hero .image-multiple.view5 .pos1 img {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 151%;
		height: 151%;
		object-fit: contain;
		object-position: bottom right;
		box-shadow: none;
}
.inner-hero .image-multiple.view5 .pos2 {
		aspect-ratio: 369/201;
		margin-top: 25px;
		margin-right: auto;
}
.inner-hero .image-multiple.view5 .pos2 img + img {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate3d(-55%, 0, 0);
		width: 105%;
		height: auto;
		box-shadow: none;
}
.inner-hero .image-multiple.view5 .pos3 {
		aspect-ratio: 399/223;
		grid-column: 1/-1;
		width: 81%;
		margin: 0 auto auto auto;
		transform: translate3d(-3%, 0, 0);
}
.inner-hero .image-multiple.view6 {
		--width: 554px;
		display: block;
}
.inner-hero .image-multiple.view6 img, .inner-hero .image-multiple.view6 video {
		width: 116.666%;
		aspect-ratio: 644/465;
		object-fit: cover;
		object-position: 50% 0;
		display: block;
		vertical-align: top;
		backface-visibility: hidden;
		transform: translate3d(-4%, 0, 0);
}
.inner-hero .image-multiple.view6 img {
		display: none;
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
		.inner-hero .image-multiple.view6 video {
				display: none;
		}
		.inner-hero .image-multiple.view6 img {
				display: block;
		}
}
.inner-hero .image-multiple.view6 .block {
		position: absolute;
		aspect-ratio: 554/311;
		bottom: 0;
		left: 50%;
		background-color: #F5EFD1;
		transform: translate3d(-50%, 0, 0);
		width: 100%;
}
.inner-hero .text {
		display: flex;
		flex-direction: column;
		justify-content: center;
}
.inner-hero .h1 {
		text-wrap: balance;
}
.inner-hero p:first-of-type {
		margin-top: 0 !important;
}
.inner-hero p:last-of-type {
		margin-bottom: 0 !important;
}
.inner-hero p + p {
		margin-top: 0 !important;
}
.inner-hero .bottom {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: clamp(16px, 2rem, 32px);
		font-size: 14px;
		line-height: 1;
		margin: clamp(24px, 2rem, 32px) 0 0 0;
}
.inner-hero .bottom .tags {
		margin-top: 8px;
}
@media only screen and (max-width: 999.99px) {
		.inner-hero .image {
				max-width: 100%;
				width: clamp(227px, 25rem, 400px);
				margin: 0 auto clamp(18px, 2rem, 32px) auto;
		}
		.inner-hero .image-multiple {
				width: 100%;
				max-width: var(--width);
				margin: 0 auto clamp(18px, 2rem, 32px) auto;
		}
}
@media only screen and (max-width: 639.99px) {
		.inner-hero .bottom {
				flex-direction: column;
				align-items: center;
				text-align: center;
		}
		.inner-hero .bottom .btn {
				width: 100%;
		}
		.inner-hero .bottom .tags {
				justify-content: center;
		}
}
@media only screen and (max-width: 499.99px) {
		.inner-hero .bottom .tags {
				margin-left: auto;
				margin-right: auto;
				max-width: 320px;
		}
}
@media only screen and (min-width: 1000px) {
		.inner-hero {
				padding-top: calc(var(--grid) * 2);
		}
		.inner-hero .breadcrumbs {
				position: absolute;
				top: calc(var(--header) + 16px);
				left: var(--side-padding);
		}
		.inner-hero .image {
				width: calc(var(--grid) * 4);
				position: absolute !important;
				top: calc(var(--grid) * 2);
				left: 50%;
				margin-left: calc(var(--grid) * 2);
		}
		.inner-hero .image-multiple {
				width: calc(var(--grid) * 6);
				position: absolute !important;
				top: calc(50% + var(--header) / 2);
				left: 50%;
				transform: translate3d(0, -50%, 0);
				margin-left: calc(var(--grid) * 2);
		}
		.inner-hero .text {
				min-height: calc(calc(var(--grid) * 4) * 1.1182266);
				width: calc(50% + var(--grid) * 2);
				padding-right: clamp(50px, 8.75rem, 140px);
				max-width: calc(700px + clamp(50px, 8.75rem, 140px));
		}
		.inner-hero .text.wide {
				max-width: calc(755px + clamp(50px, 6.25rem, 100px));
				padding-right: clamp(50px, 6.25rem, 100px);
		}
		.inner-hero .text .h1 {
				margin-right: calc(clamp(50px, 6.25rem, 100px) * -1 + 20px);
		}
		.inner-hero .bottom {
				margin-right: calc(clamp(50px, 8.75rem, 140px) * -1);
		}
}
@media only screen and (min-width: 1300px) {
		.inner-hero .image {
				margin-left: calc(var(--grid) * 3);
		}
		.inner-hero .text {
				width: calc(50% + var(--grid) * 3);
		}
}
/* End */


/* Start:/local/templates/metabula/css/scratch-descr.css?17276971391602*/
@charset "UTF-8";
.scratch-descr {
		position: relative;
		background: var(--accent);
		--grey-line: rgba(255, 255, 255, 0.1);
		display: flex;
		flex-direction: column;
		gap: 50px;
}
.scratch-descr .moving-sq {
		left: 50%;
		top: 0;
}
.scratch-descr .moving-sq-left {
		margin: calc(var(--grid) * 10) calc(var(--grid) * -8);
}
.scratch-descr .moving-sq-right {
		margin: calc(var(--grid) * 1) calc(var(--grid) * 8);
}
.scratch-descr .row {
		flex: 0 0 auto;
		width: 100%;
}
.scratch-descr .text {
		background: var(--white);
		border-radius: 25px;
		padding: var(--padding);
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		font-size: 16px;
		line-height: 1.5;
		display: flex;
		flex-direction: column;
		gap: 12px;
}
.scratch-descr .text .sq-list {
		line-height: 1.5;
		gap: 12px;
}
.scratch-descr .text .sq-list li:before {
		top: 0.75em;
}
.scratch-descr .text .image {
		margin: 0 calc(var(--padding) * -1);
}
.scratch-descr .text .image:first-child {
		margin-top: calc(var(--padding) * -1);
}
.scratch-descr .text .image:last-child {
		margin-bottom: calc(var(--padding) * -1);
}
.scratch-descr .text .image img {
		width: 100%;
		height: auto;
}
.scratch-descr .text > *:not(.image) {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
}
@media only screen and (min-width: 1000px) {
		.scratch-descr .row {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
		}
		.scratch-descr .section-head {
				margin: 0;
				flex: 0 0 auto;
				width: 44%;
		}
		.scratch-descr .text {
				flex: 0 0 auto;
				width: 56%;
		}
}
/* End */


/* Start:/local/templates/metabula/css/process.css?17276971394801*/
@charset "UTF-8";
.process-thumbs .link {
		cursor: pointer;
		user-select: none;
		transition-property: color, background;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		color: var(--grey);
		display: block;
}
@media (pointer:fine) {
		.process-thumbs .link:hover:hover {
				color: var(--black);
		}
}
.process-thumbs .swiper-slide-thumb-active .link {
		color: var(--black);
}
.process-main {
		border: 2px solid var(--black);
		position: relative;
}
.process-main:before, .process-main:after, .process-main .corners:before, .process-main .corners:after {
		content: '';
		position: absolute;
		width: 9px;
		height: 9px;
		background: var(--white);
		pointer-events: none;
		border: 2px solid var(--black);
		margin: -4px;
}
.process-main:before {
		top: 0;
		left: 0;
}
.process-main:after {
		top: 0;
		right: 0;
}
.process-main .corners:before {
		bottom: 0;
		left: 0;
}
.process-main .corners:after {
		bottom: 0;
		right: 0;
}
.process-main-slider .swiper-slide {
		padding: var(--padding) var(--padding) calc(var(--padding) + 45px + clamp(18px, 1.5rem, 24px)) var(--padding);
		display: flex !important;
		flex-direction: column;
		gap: 16px;
		font-size: 16px;
		line-height: 1.5;
}
.process-main-slider .swiper-slide > * {
		margin: 0;
}
.process-main-slider .swiper-slide .h2 {
		margin-bottom: clamp(2px, 0.5rem, 8px) !important;
		font-size: clamp(20px, 1.75rem, 28px);
}
.process-main-slider .swiper-slide .sq-list {
		gap: 12px;
		line-height: 1.5;
}
.process-main-slider .swiper-slide .sq-list li:before {
		top: 0.75em;
}
.process-main-slider-prev, .process-main-slider-next {
		position: absolute;
		bottom: 0;
		margin: var(--padding);
		z-index: 5;
}
.process-main-slider-prev.swiper-button-disabled, .process-main-slider-next.swiper-button-disabled {
		opacity: 0.15;
		pointer-events: none;
}
.process-main-slider-prev {
		padding: 0;
		width: 45px;
		left: 0;
}
.process-main-slider-prev:after {
		content: '';
		position: absolute;
		width: 14px;
		height: 14px;
		top: 50%;
		left: 50%;
		background: url("/local/templates/metabula/css/../img/right-arrow.svg") no-repeat 50% 50%;
		background-size: contain;
		transform: translate3d(-50%, -50%, 0) scale(-1, 1);
}
.process-main-slider-next {
		left: calc(45px + clamp(8px, 0.75rem, 12px));
}
@media only screen and (max-width: 459.99px) {
		.process-main-slider-next {
				right: 0;
		}
}
@media only screen and (max-width: 999.99px) {
		.process-aside .h3 {
				display: none;
		}
		.process-thumbs {
				width: 100vw !important;
				position: relative;
				left: 50%;
				transform: translate3d(-50%, 0, 0);
				padding: 0 var(--side-padding) !important;
				margin: 0 0 clamp(24px, 2rem, 32px) 0 !important;
		}
		.process-thumbs .swiper-slide {
				width: auto;
		}
		.process-thumbs .swiper-slide:not(:last-child) {
				padding-right: 6px;
		}
		.process-thumbs .link {
				font-size: 12px;
				line-height: 33px;
				height: 33px;
				white-space: nowrap;
				display: block;
				padding: 0 10px;
				border-radius: 8px;
				background: var(--black05);
		}
		.process-thumbs .swiper-slide-thumb-active .link {
				background-color: var(--accent);
		}
}
@media only screen and (min-width: 1000px) {
		.process-grid {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
		}
		.process-aside {
				flex: 0 0 auto;
				width: 340px;
		}
		.process-main {
				flex: 0 0 auto;
				width: calc(100% - 340px - clamp(20px, 2.5rem, 40px));
		}
		.process-thumbs {
				font-weight: 600;
				font-size: 14px;
				line-height: 1.3;
				margin: -12px 0 !important;
		}
		.process-thumbs .swiper-wrapper, .process-thumbs .swiper-slide {
				transform: none !important;
				width: 100% !important;
		}
		.process-thumbs .swiper-wrapper {
				flex-direction: column;
				height: auto !important;
				counter-reset: pt;
		}
		.process-thumbs .swiper-slide {
				height: auto !important;
				flex: 0 0 auto;
		}
		.process-thumbs .swiper-slide:before, .process-thumbs .swiper-slide:after {
				content: '';
				position: absolute;
				left: 8.5px;
				top: calc(0.65em + 12px);
				pointer-events: none;
		}
		.process-thumbs .swiper-slide:before {
				width: 9px;
				height: 9px;
				background: var(--white);
				border: 2px solid var(--black15);
				transform: translate3d(-50%, -50%, 0);
				z-index: 2;
		}
		.process-thumbs .swiper-slide-thumb-active:before {
				border-color: var(--accent);
		}
		.process-thumbs .swiper-slide:not(:last-child):after {
				height: 100%;
				width: 1px;
				transform: translate3d(-50%, 0, 0);
				background: var(--black05);
		}
		.process-thumbs .link {
				padding: 12px 0 12px 33px;
				display: flex;
				align-items: flex-start;
		}
		.process-thumbs .link:before {
				content: counter(pt)'. ';
				counter-increment: pt;
				flex: 0 0 auto;
				width: 1.25em;
		}
}
/* End */


/* Start:/local/templates/metabula/css/technologies.css?17276971392716*/
@charset "UTF-8";
.technologies .section-head {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: clamp(12px, 1rem, 16px);
}
.technologies .section-head > * {
		margin: 0;
}
.technologies .section-head .h1 {
		margin-bottom: clamp(4px, 0.5rem, 8px);
}
.technologies .h2 {
		font-size: clamp(20px, 1.75rem, 28px);
		margin-bottom: clamp(12px, 1rem, 16px);
}
.technologies .list, .technologies .el {
		list-style: none;
		margin: 0;
		padding: 0;
}
.technologies .list {
		display: flex;
		flex-direction: column;
		gap: var(--gap);
}
.technologies .el {
		position: relative;
		border: 2px solid var(--black);
		padding: calc(var(--padding) - 2px);
}
.technologies .el:before, .technologies .el:after, .technologies .el .corners:before, .technologies .el .corners:after {
		content: '';
		position: absolute;
		width: 9px;
		height: 9px;
		border: 2px solid var(--black);
		background: var(--white);
		margin: -4px;
		z-index: 2;
		pointer-events: none;
}
.technologies .el:before {
		top: 0;
		left: 0;
}
.technologies .el:after {
		top: 0;
		right: 0;
}
.technologies .el .corners:before {
		bottom: 0;
		left: 0;
}
.technologies .el .corners:after {
		bottom: 0;
		right: 0;
}
.technologies .el ul, .technologies .el li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.technologies .el ul {
		display: flex;
		flex-wrap: wrap;
		gap: clamp(8px, 0.625rem, 10px);
}
.technologies .el li {
		flex: 0 0 auto;
		max-width: 100%;
		display: flex;
		align-items: center;
		height: clamp(44px, 4rem, 64px);
		border-radius: clamp(15px, 1.5625rem, 25px);
		padding: 0 clamp(12px, 1.25rem, 20px);
		background: var(--grey-bg);
		font-weight: 500;
		font-size: clamp(16px, 1.25rem, 20px);
		line-height: 1.2;
		gap: clamp(8px, 0.75rem, 12px);
}
.technologies .el li img {
		flex: 0 0 auto;
		width: clamp(20px, 1.5rem, 24px);
		height: clamp(20px, 1.5rem, 24px);
		object-fit: contain;
		object-position: center;
}
.technologies .el:has(.image) {
		min-height: 276px;
}
.technologies .el:has(.image) ul {
		flex-direction: column;
}
.technologies .el .image {
		position: absolute;
		bottom: 0;
		right: 0;
		pointer-events: none;
		width: 224px;
}
.technologies .el .image img {
		width: 100%;
		height: auto;
}
@media only screen and (min-width: 800px) {
		.technologies {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
		}
		.technologies .section-head {
				flex: 0 0 auto;
				margin: 0;
				width: 40.25%;
		}
		.technologies .section-head p {
				max-width: 19.5em;
		}
		.technologies .list {
				flex: 0 0 auto;
				width: 56.356%;
		}
		.technologies .el .image {
				width: 60.18%;
				right: 2%;
		}
		.technologies .el ul {
				width: 80%;
		}
}
/* End */


/* Start:/local/templates/metabula/css/benefits.css?17276971394768*/
@charset "UTF-8";
.section-benefits {
		--grey-line: var(--black05);
		overflow: hidden;
}
.section-benefits .section-bg {
		background: var(--grey-bg);
}
.section-benefits .moving-sq {
		left: 50%;
		top: 0;
}
.section-benefits .moving-sq > * > * {
		background-color: var(--grey-bg);
}
.section-benefits .moving-sq-left {
		margin: calc(var(--grid) * 9) calc(var(--grid) * -8);
}
.section-benefits .moving-sq-right {
		margin: calc(var(--grid) * 1) calc(var(--grid) * 8);
}
.section-benefits .section-head p {
		max-width: 58em;
}
.benefits-thumbs {
		overflow: visible !important;
		--gap: clamp(4px, 0.3125rem, 5px);
		width: auto !important;
		margin: 0 calc(var(--gap) * -1) !important;
}
.benefits-thumbs .swiper-slide {
		height: auto !important;
		display: flex;
		flex-direction: column;
		width: 25%;
		padding: 0 var(--gap);
}
.benefits-thumbs .link {
		flex: 1 0 auto;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		border: 0;
		cursor: pointer;
		user-select: none;
		font-weight: 600;
		line-height: 1.2;
		font-size: clamp(13px, 0.875rem, 14px);
		border-radius: 15px;
		transition: background 0.4s ease;
		text-decoration: none;
		color: var(--black);
}
.benefits-thumbs .swiper-slide-thumb-active .link {
		background-color: var(--accent) !important;
		cursor: default;
}
.benefits-slider .h3 {
		margin-bottom: clamp(12px, 1rem, 16px);
		text-wrap: balance;
}
.benefits-slider p {
		margin-bottom: 0;
}
.benefits-slider .swiper-slide {
		flex: 0 0 auto;
		width: 100%;
		padding: var(--padding);
		position: relative;
		font-size: clamp(16px, 1.25rem, 20px);
		line-height: 1.5;
}
.benefits-slider-prev, .benefits-slider-next {
		position: absolute;
		bottom: 53px;
		margin: var(--padding);
		z-index: 5;
}
.benefits-slider-prev.swiper-button-disabled, .benefits-slider-next.swiper-button-disabled {
		opacity: 0.15;
		pointer-events: none;
}
.benefits-slider-prev {
		padding: 0;
		width: 45px;
		left: 0;
}
.benefits-slider-prev:after {
		content: '';
		position: absolute;
		width: 14px;
		height: 14px;
		top: 50%;
		left: 50%;
		background: url("/local/templates/metabula/css/../img/right-arrow.svg") no-repeat 50% 50%;
		background-size: contain;
		transform: translate3d(-50%, -50%, 0) scale(-1, 1);
}
.benefits-slider-next {
		left: calc(45px + clamp(8px, 0.75rem, 12px));
		right: 0;
}
@media only screen and (max-width: 999.99px) {
		.section-benefits .image {
				display: none;
				visibility: hidden;
		}
		.benefits-thumbs {
				margin-bottom: 16px !important;
		}
		.benefits-thumbs .swiper-slide {
				min-width: calc(256px + var(--gap) * 2);
		}
		.benefits-thumbs .link {
				background: var(--white);
				box-shadow: 0px 15px 50px 0px #0000000D;
				padding: 12px;
				justify-content: center;
		}
		.benefits-slider {
				background: var(--white);
				border-radius: 25px;
				box-shadow: 0px 15px 50px 0px #0000000D;
		}
		.benefits-slider > img {
				display: none;
		}
		.benefits-slider .swiper-slide {
				padding-bottom: calc(var(--padding) + 45px + 77px);
		}
		.benefits-slider .swiper-slide .btns {
				display: none;
		}
		.benefits-slider .link-contact {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				margin: var(--padding);
				background-color: var(--white);
				z-index: 5;
		}
}
@media only screen and (min-width: 1000px) {
		.section-benefits .wrap {
				position: relative;
				overflow: hidden;
				backface-visibility: hidden;
				transform: translateZ(0);
				background: var(--white);
				border-radius: 25px;
				box-shadow: 0px 15px 50px 0px #0000000D;
		}
		.section-benefits .image {
				pointer-events: none;
				z-index: 10;
				position: absolute;
				bottom: 0;
				right: 0;
				height: 500px;
				width: auto;
		}
		.section-benefits .image img {
				height: 100%;
				width: auto;
		}
		.section-benefits .link-contact, .benefits-slider-prev, .benefits-slider-next {
				display: none;
		}
		.benefits-thumbs {
				padding: calc(var(--gap) * 2) var(--gap) 0 var(--gap) !important;
				margin: 0 !important;
		}
		.benefits-thumbs .swiper-wrapper {
				counter-reset: bt;
		}
		.benefits-thumbs .link {
				padding: 16px;
				gap: 10px;
				justify-content: space-between;
				background: var(--grey-bg);
				box-shadow: 0px 15px 50px 0px #00000005;
		}
		@media (pointer:fine) {
				.benefits-thumbs .link:hover {
						background-color: var(--grey-bg-hover);
				}
		}
		.benefits-thumbs .link:before {
				content: '['counter(bt, decimal-leading-zero)']';
				flex: 0 0 auto;
				counter-increment: bt;
				font-weight: 300;
				font-size: 13px;
				line-height: 1.4;
				opacity: 0.3;
		}
		.benefits-slider .swiper-slide {
				min-height: 471px;
				padding-right: 266px;
		}
		.benefits-slider .btns {
				margin-top: clamp(16px, 1.5rem, 24px);
		}
}
/* End */


/* Start:/local/templates/metabula/css/services.css?17276971394033*/
@charset "UTF-8";
.section-services {
		--grey-line: var(--white14);
}
.section-services .section-bg {
		background: var(--accent);
}
.section-services .moving-sq {
		left: 50%;
		top: 0;
}
.section-services .moving-sq > * > * {
		background-color: var(--accent);
}
.section-services .moving-sq-left {
		margin: calc(var(--grid) * 6) calc(var(--grid) * -8);
}
.section-services .moving-sq-right {
		margin: calc(var(--grid) * 1) calc(var(--grid) * 8);
}
.section-services .list, .section-services .el {
		list-style: none;
		margin: 0;
		padding: 0;
}
.section-services .list {
		display: flex;
		flex-direction: column;
		gap: var(--gap);
}
.section-services .el {
		flex: 0 0 auto;
		width: 100%;
		background: var(--white);
		border-radius: 25px;
		box-shadow: 0px 15px 50px 0px #0000000D;
		position: relative;
		font-size: clamp(16px, 1.25rem, 20px);
		line-height: 1.5;
}
.section-services .head {
		cursor: pointer;
		user-select: none;
		padding: var(--padding);
		display: flex;
}
.section-services .head .pic img {
		width: 42px;
		height: 42px;
		object-fit: contain;
		object-position: center;
}
.section-services .head .h3 {
		margin: 0;
}
.section-services .head .arrow {
		position: absolute;
		top: 50%;
		left: 50%;
		width: clamp(14px, 1rem, 16px);
		height: clamp(14px, 1rem, 16px);
		backface-visibility: hidden;
		transform: translate3d(-50%, -50%, 0) rotate(90deg);
		transition: transform 0.4s ease;
}
.section-services .head .arrow:before, .section-services .head .arrow:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
		transition: opacity 0.4s ease;
}
.section-services .head .arrow:before {
		background-image: url("/local/templates/metabula/css/../img/right-arrow-white.svg");
}
.section-services .head .arrow:after {
		background-image: url("/local/templates/metabula/css/../img/right-arrow.svg");
}
.section-services .el.open:not(.clicked) .head .arrow, .section-services .el.clicked:not(.open) .head .arrow {
		transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(1.25);
}
.section-services .el.open:not(.clicked) .head .arrow:after, .section-services .el.clicked:not(.open) .head .arrow:after {
		opacity: 0;
}
.section-services .el.open:not(.clicked) .head .btn, .section-services .el.clicked:not(.open) .head .btn {
		background-color: var(--black);
		color: var(--white);
}
.section-services .el.open:not(.clicked) .head .btn:before, .section-services .el.clicked:not(.open) .head .btn:before {
		background-color: var(--black);
}
.section-services .inner {
		padding: 0 var(--padding) 16px var(--padding);
		position: relative;
		top: calc(16px - var(--padding));
		overflow: hidden;
}
.section-services .inner > *:first-child {
		margin-top: 0 !important;
}
.section-services .inner > *:last-child {
		margin-bottom: 0 !important;
}
.section-services .inner .btns {
		margin-top: clamp(16px, 1.5rem, 24px);
}
.section-services .el:not(.open) .inner {
		display: none;
}
.section-services .list .sq-list {
		margin-left: 8px;
		line-height: 1.5;gap: 12px;
}
.section-services .list .sq-list li:before {
		top: 0.75em;
}
@media only screen and (max-width: 699.99px) {
		.section-services .head {
				flex-direction: column;
				gap: 16px;
		}
		.section-services .head .btn {
				height: 38px;
		}
}
@media only screen and (min-width: 700px) {
		.section-services .list {
				padding-left: 96px;
		}
		.section-services .inner {
				padding-right: 86px;
		}
		.section-services .head {
				align-items: center;
				min-height: 86px;
				padding-right: 86px;
		}
		.section-services .head .btn {
				position: absolute;
				width: 64px;
				height: 64px;
				padding: 0;
				top: 0;
				right: 0;
				margin: 11px;
		}
		.section-services .head .pic {
				position: absolute;
				top: 0;
				left: -96px;
				width: 86px;
				height: 86px;
				border-radius: 25px;
				background: var(--white);
				box-shadow: 0px 15px 50px 0px #0000000D;
				display: flex;
				align-items: center;
				justify-content: center;
		}
}
/* End */


/* Start:/local/templates/metabula/css/services2.css?17455772852592*/
@charset "UTF-8";
.section-services2 {
		--grey-line: var(--white14);
}
.section-services2 .section-bg {
		background: var(--accent);
}
.section-services2 .moving-sq {
		left: 50%;
		top: 0;
}
.section-services2 .moving-sq > * > * {
		background-color: var(--accent);
}
.section-services2 .moving-sq-left {
		margin: calc(var(--grid) * 10) calc(var(--grid) * -8);
}
.section-services2 .moving-sq-right {
		margin: calc(var(--grid) * 1) calc(var(--grid) * 8);
}
.section-services2 .section-head {
		max-width: 900px;
}
.section-services2 .list, .section-services2 .list > li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.section-services2 .list {
		display: grid;
		gap: var(--gap);
		grid-template-columns: repeat(1, 1fr);
		counter-reset: ss;
}
@media only screen and (min-width: 700px) {
		.section-services2 .list {
				grid-template-columns: repeat(2, 1fr);
		}
}
@media only screen and (min-width: 1100px) {
		.section-services2 .list {
				grid-template-columns: repeat(3, 1fr);
		}
}
.section-services2 .list > li {
		display: flex;
		flex-direction: column;
}
.section-services2 .el {
		border: 0;
		flex: 1 0 auto;
		width: 100%;
		background: var(--white);
		border-radius: 25px;
		box-shadow: 0px 15px 50px 0px #00000005;
		transition: box-shadow 0.4s ease;
		font-size: clamp(14px, 1rem, 16px);
		display: flex;
		flex-direction: column;
}
@media (pointer:fine) {
		.section-services2 .el:hover {
				box-shadow: 0px 15px 50px 0px #0000001F;
		}
}
.section-services2 .el > * {
		width: 100%;
}
.section-services2 .el .image {
		flex: 0 0 auto;
		position: relative;
		overflow: hidden;
		backface-visibility: hidden;
		border-radius: 25px;
		transform: translateZ(0);
		aspect-ratio: 380/328;
		background: var(--grey-bg);
		max-height: 400px;
}
.section-services2 .el .image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
}
.section-services2 .el .text {
		flex: 1 0 auto;
		display: flex;
		flex-direction: column;
		padding: clamp(16px, 1.5rem, 24px) var(--padding) var(--padding) var(--padding);
		position: relative;
}
.section-services2 .el .text:after {
		content: '['counter(ss, decimal-leading-zero)']';
		counter-increment: ss;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: var(--padding);
		font-weight: 300;
		font-size: 13px;
		line-height: 1.4;
		opacity: 0.3;
}
.section-services2 .el .h3 {
		margin-bottom: clamp(12px, 1rem, 16px);
}
.section-services2 .el .descr {
		flex: 1 0 auto;
}
.section-services2 .el .arrow-right {
		margin-top: clamp(16px, 1.5rem, 24px);
}
/* End */


/* Start:/local/templates/metabula/css/team2.css?17276971392941*/
@charset "UTF-8";
.section-team2 {
		overflow: hidden;
		--gap: clamp(8px, 1.25rem, 20px);
}
.team2-slider {
		overflow: visible !important;
		width: auto !important;
		margin: clamp(32px, 3.875rem, 62px) calc(var(--gap) / -2) 0 calc(var(--gap) / -2) !important;
}
.team2-slider .swiper-slide {
		flex: 0 0 auto;
		width: 100%;
		padding: 0 calc(var(--gap) / 2) !important;
		height: auto !important;
		display: flex;
		flex-direction: column;
}
.team2-el {
		flex: 1 0 auto;
		width: 100%;
		position: relative;
		border: 2px solid var(--black);
		padding: calc(var(--padding) - 2px);
		line-height: 1.5;
		font-size: clamp(16px, 1.25rem, 20px);
}
.team2-el:before, .team2-el:after, .team2-el .corners:before, .team2-el .corners:after {
		content: '';
		position: absolute;
		width: 9px;
		height: 9px;
		margin: -4px;
		pointer-events: none;
		z-index: 2;
		background: var(--white);
		border: 2px solid var(--black);
}
.team2-el:before {
		top: 0;
		left: 0;
}
.team2-el:after {
		top: 0;
		right: 0;
}
.team2-el .corners:before {
		bottom: 0;
		left: 0;
}
.team2-el .corners:after {
		bottom: 0;
		right: 0;
}
.team2-el .num {
		font-weight: 300;
		font-size: 13px;
		line-height: 1.4;
		opacity: 0.3;
		position: absolute;
		top: 0;
		right: 0;
		margin: var(--padding) !important;
		pointer-events: none;
}
.team2-el .head {
		position: relative;
		min-height: clamp(60px, 5rem, 80px);
		padding-left: calc(clamp(60px, 5rem, 80px) + clamp(16px, 1.5rem, 24px));
		font-size: clamp(11px, 0.875rem, 14px);
		padding-top: calc(clamp(60px, 5rem, 80px) / 2 - clamp(20px, 1.5rem, 24px) * 1.1);
		line-height: 1.2;
		color: var(--grey);
		margin-bottom: clamp(16px, 1.5rem, 24px);
}
.team2-el .head img {
		position: absolute;
		top: 0;
		left: 0;
		width: clamp(60px, 5rem, 80px);
		height: clamp(60px, 5rem, 80px);
		object-fit: cover;
		object-position: center;
		border-radius: 25px;
}
.team2-el .h3 {
		margin-bottom: clamp(4px, 0.5rem, 8px);
		color: var(--black);
}
.team2-el .head ~ *:not(.corners) {
		margin: 12px 0 0 0;
}
@media only screen and (max-width: 799.99px) {
		.team2-el .num {
				display: none;
		}
}
@media only screen and (min-width: 800px) {
		.team2-slider .swiper-slide {
				width: 50%;
		}
}
@media only screen and (max-width: 999.99px) {
		.team2-slider .team2-slider-prev, .team2-slider .team2-slider-next {
				display: none;
		}
}
@media only screen and (min-width: 1000px) {
		.team2-slider .team2-pagination {
				display: none;
		}
		.team2-slider .swiper-slide {
				transition: opacity 0.4s ease;
		}
		.team2-slider .swiper-slide:not(.swiper-slide-visible) {
				opacity: 0;
				pointer-events: none;
		}
}
.team2-slider-prev {
		left: calc(var(--side-padding) / -2 + var(--gap) / 2);
}
.team2-slider-next {
		right: calc(var(--side-padding) / -2 + var(--gap) / 2);
}
@media only screen and (min-width: 1468px) {
		.team2-slider-prev {
				left: -62px;
		}
		.team2-slider-next {
				right: -62px;
		}
}
/* End */


/* Start:/local/templates/metabula/css/tech.css?17276971392979*/
@charset "UTF-8";
.tech-list, .tech-el {
		list-style: none;
		margin: 0;
		padding: 0;
}
.tech-list {
		display: flex;
		flex-direction: column;
		gap: clamp(10px, 1.875rem, 30px);
}
.tech-el {
		position: relative;
		border: 2px solid var(--black);
		flex: 0 0 auto;
		width: 100%;
		line-height: 1.5;
		font-size: clamp(16px, 1.25rem, 20px);
}
.tech-el .h2 {
		font-size: clamp(20px, 1.75rem, 28px);
		margin-bottom: clamp(12px, 1rem, 16px);
}
.tech-el .grey {
		opacity: 0.3;
}
.tech-el:before, .tech-el:after, .tech-el .corners:before, .tech-el .corners:after {
		content: '';
		position: absolute;
		width: 9px;
		height: 9px;
		z-index: 2;
		pointer-events: none;
		margin: -4px;
		border: 2px solid var(--black);
		background: var(--white);
}
.tech-el:before {
		top: 0;
		left: 0;
}
.tech-el:after {
		top: 0;
		right: 0;
}
.tech-el .corners:before {
		bottom: 0;
		left: 0;
}
.tech-el .corners:after {
		bottom: 0;
		right: 0;
}
.tech-el .text {
		padding: var(--padding);
		line-height: 1.5;
		font-size: clamp(16px, 1.25rem, 20px);
}
.tech-el .image {
		font-size: min(3.2vw, 20px);
		position: relative;
		overflow: hidden;
		background: var(--dark-bg);
		backface-visibility: hidden;
		transform: translateZ(0);
		border-radius: 0.9375em 0.9375em 0 0;
		pointer-events: none;
		width: 25.8125em;
		margin: -4px auto 0 auto;
		flex: 0 0 auto;
}
.tech-el .image img {
		width: 100%;
		height: auto;
}
.tech-el .image .t {
		display: flex;
		align-items: center;
		height: 1.75em;
		background: var(--accent);
		padding: 0 0.625em;
		gap: 0.25em;
}
.tech-el .image .t > * {
		flex: 0 0 auto;
		width: 0.5em;
		height: 0.5em;
		background: var(--black);
		border-radius: 50%;
}
@media only screen and (min-width: 800px) {
		.tech-el {
				display: flex;
				align-items: center;
		}
		.tech-el .image {
				align-self: flex-end;
				margin: -12px 0 0 0;
				font-size: min(1.375vw, 16px);
		}
		.tech-el .text {
				flex: 1 1 auto;
		}
		.tech-list:not(.first-on-left) .tech-el:nth-child(odd) {
				padding-right: var(--padding);
		}
		.tech-list:not(.first-on-left) .tech-el:nth-child(odd) .text {
				order: 1;
		}
		.tech-list:not(.first-on-left) .tech-el:nth-child(odd) .image {
				order: 2;
		}
		.tech-list:not(.first-on-left) .tech-el:nth-child(even) {
				padding-left: var(--padding);
		}
		.tech-list:not(.first-on-left) .tech-el:nth-child(even) .text {
				order: 2;
		}
		.tech-list:not(.first-on-left) .tech-el:nth-child(even) .image {
				order: 1;
		}
	
	
		.tech-list.first-on-left .tech-el:nth-child(even) {
				padding-right: var(--padding);
		}
		.tech-list.first-on-left .tech-el:nth-child(even) .text {
				order: 1;
		}
		.tech-list.first-on-left .tech-el:nth-child(even) .image {
				order: 2;
		}
		.tech-list.first-on-left .tech-el:nth-child(odd) {
				padding-left: var(--padding);
		}
		.tech-list.first-on-left .tech-el:nth-child(odd) .text {
				order: 2;
		}
		.tech-list.first-on-left .tech-el:nth-child(odd) .image {
				order: 1;
		}
}
/* End */


/* Start:/local/templates/metabula/css/genres.css?17276971393628*/
@charset "UTF-8";
.section-genres {
		overflow: hidden;
		--gap: clamp(8px, 1.25rem, 20px);
}
.genres-slider {
		overflow: visible !important;
		width: auto !important;
		margin: clamp(32px, 3.75rem, 60px) calc(var(--gap) / -2) 0 calc(var(--gap) / -2) !important;
}
.genres-slider .swiper-slide {
		flex: 0 0 auto;
		width: 100%;
		padding: 0 calc(var(--gap) / 2) !important;
		height: auto !important;
		display: flex;
		flex-direction: column;
}
.genres-el {
		flex: 1 0 auto;
		width: 100%;
		position: relative;
		border: 2px solid var(--black);
		padding: calc(var(--padding) - 2px);
		line-height: 1.5;
		font-size: clamp(16px, 1.25rem, 20px);
		display: flex;
		flex-direction: column;
}
.genres-el:before, .genres-el:after, .genres-el .corners:before, .genres-el .corners:after {
		content: '';
		position: absolute;
		width: 9px;
		height: 9px;
		margin: -4px;
		pointer-events: none;
		z-index: 2;
		background: var(--white);
		border: 2px solid var(--black);
}
.genres-el:before {
		top: 0;
		left: 0;
}
.genres-el:after {
		top: 0;
		right: 0;
}
.genres-el .corners:before {
		bottom: 0;
		left: 0;
}
.genres-el .corners:after {
		bottom: 0;
		right: 0;
}
.genres-el .num {
		font-weight: 300;
		font-size: 13px;
		line-height: 1.4;
		opacity: 0.3;
		position: absolute;
		top: 0;
		right: 0;
		margin: var(--padding) !important;
		pointer-events: none;
}
.genres-el .head {
		position: relative;
		font-size: clamp(11px, 0.875rem, 14px);
		line-height: 1.2;
		color: var(--grey);
		margin-bottom: 16px;
}
.genres-el .head + * {
		margin-top: 0 !important;
}
.genres-el .head img {
		position: absolute;
		top: 0;
		left: 0;
		width: clamp(60px, 5rem, 80px);
		height: clamp(60px, 5rem, 80px);
		object-fit: cover;
		object-position: center;
		border-radius: 25px;
}
.genres-el .h3 {
		margin-bottom: clamp(4px, 0.5rem, 8px);
		color: var(--black);
}
.genres-el .head ~ *:not(.corners) {
		margin: 12px 0 0 0;
}
.genres-el .image {
		pointer-events: none;
		z-index: 3;
}
@media only screen and (max-width: 799.99px) {
		.genres-el .image {
				margin: auto calc((var(--padding) - 2px) * -1) calc((var(--padding) - 2px) * -1) calc((var(--padding) - 2px) * -1) !important;
				padding: 12px calc(var(--padding) - 2px) 0 calc(var(--padding) - 2px) !important;
				height: 382px;
				text-align: center;
				overflow: hidden;
				backface-visibility: hidden;
		}
		.genres-el .image img {
				height: 100%;
				width: auto;
		}
		.genres-el .num {
				display: none;
		}
}
@media only screen and (min-width: 800px) {
		.genres-el {
				padding-right: 39%;
				aspect-ratio: 1180/412;
		}
		.genres-el .image {
				position: absolute;
				bottom: 0;
				width: 39%;
				aspect-ratio: 1/1;
				right: -5%;
		}
		.genres-el .image img {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: contain;
				object-position: bottom left;
		}
}
@media only screen and (max-width: 999.99px) {
		.genres-slider .genres-slider-prev, .genres-slider .genres-slider-next {
				display: none;
		}
}
@media only screen and (min-width: 1000px) {
		.genres-slider .genres-pagination {
				display: none;
		}
		.genres-slider .swiper-slide {
				transition: opacity 0.4s ease;
		}
		.genres-slider .swiper-slide:not(.swiper-slide-visible) {
				opacity: 0;
				pointer-events: none;
		}
}
.genres-slider-prev {
		left: calc(var(--side-padding) / -2 + var(--gap) / 2);
}
.genres-slider-next {
		right: calc(var(--side-padding) / -2 + var(--gap) / 2);
}
@media only screen and (min-width: 1468px) {
		.genres-slider-prev {
				left: -62px;
		}
		.genres-slider-next {
				right: -62px;
		}
}
/* End */


/* Start:/local/templates/metabula/css/graph-styles.css?17276971396045*/
@charset "UTF-8";
.graph-styles {
		border-radius: 25px;
		position: relative;
		background: var(--grey-bg);
		backface-visibility: hidden;
		transform: translateZ(0);
}
.graph-styles-thumbs {
		--gap: clamp(8px, 0.625rem, 10px);
}
.graph-styles-thumbs .swiper-slide {
		height: auto !important;
		display: flex;
		flex-direction: column;
}
.graph-styles-thumbs .link {
		cursor: pointer;
		user-select: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex: 1 0 auto;
		width: 100%;
		border: 0;
		text-decoration: none;
		color: var(--black);
		background: var(--white);
		border-radius: 15px;
		padding: clamp(12px, 1rem, 16px);
		gap: 10px;
		font-weight: 600;
		line-height: 1.2;
		font-size: clamp(13px, 0.875rem, 14px);
		transition-property: box-shadow, background;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		box-shadow: 0px 15px 50px 0px #0000000D;
}
@media (pointer:fine) {
		.graph-styles-thumbs .link:hover {
				box-shadow: 0px 15px 50px 0px #0000001A;
		}
}
.graph-styles-thumbs .swiper-slide-thumb-active .link {
		background-color: var(--accent);
		box-shadow: 0px 15px 50px 0px #00000005;
}
.graph-styles-main {
		line-height: 1.5;
		font-size: clamp(16px, 1.25rem, 20px);
}
.graph-styles-main .h3 {
		margin-bottom: clamp(12px, 1rem, 16px);
}
.graph-styles-main > * > .swiper-slide {
		width: 100%;
		padding: var(--padding);
		overflow: hidden;
}
.graph-styles-main .sq-list {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		--gap: clamp(8px, 0.75rem, 12px);
		gap: var(--gap);
		margin: clamp(12px, 1rem, 16px) 0;
		padding-left: 8px;
		line-height: 1.5;
}
@media only screen and (min-width: 600px) {
		.graph-styles-main .sq-list {
				grid-template-columns: repeat(2, 1fr);
		}
}
.graph-styles-main .sq-list li:before {
		top: 0.75em;
}
.graph-styles-gallery, .graph-styles-gallery-thumbs {
		--gap: 8px;
}
.graph-styles-gallery {
		width: auto !important;
		margin-top: clamp(16px, 1.5rem, 24px) !important;
}
.graph-styles-gallery .swiper-slide {
		width: 100%;
		height: auto !important;
		align-self: stretch;
}
.graph-styles-gallery img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		display: block;
}
.graph-styles-gallery-thumbs {
		width: auto !important;
		margin: var(--gap) calc(var(--gap) / -2) 0 calc(var(--gap) / -2) !important;
}
.graph-styles-gallery-thumbs .swiper-slide {
		width: 20%;
		padding: 0 calc(var(--gap) / 2);
		height: auto !important;
		transition: opacity 0.4s ease;
		cursor: pointer;
		user-select: none;
		align-self: stretch;
}
.graph-styles-gallery-thumbs .swiper-slide:not(.swiper-slide-thumb-active) {
		opacity: 0.35;
}
@media (pointer:fine) {
		.graph-styles-gallery-thumbs .swiper-slide:not(.swiper-slide-thumb-active):hover {
				opacity: 0.7;
		}
}
.graph-styles-gallery-thumbs .swiper-slide img {
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 15px;
		object-fit: cover;
		object-position: center;
}
@media only screen and (max-width: 999.99px) {
		.graph-styles {
				overflow: hidden;
		}
		.graph-styles-thumbs {
				overflow: visible !important;
				width: auto !important;
				margin: 10px calc(var(--gap) / -2) 0 calc(var(--gap) / -2) !important;
				padding: 0 10px !important;
		}
		.graph-styles-thumbs .swiper-slide {
				width: auto !important;
				padding: 0 calc(var(--gap) / 2) !important;
		}
		.graph-styles-gallery {
				overflow: visible !important;
				margin-left: calc(var(--gap) / -2) !important;
				margin-right: calc(var(--gap) / -2) !important;
		}
		.graph-styles-gallery img {
				border-radius: 15px;
		}
		.graph-styles-gallery .swiper-slide {
				padding: 0 calc(var(--gap) / 2);
		}
		.graph-styles-gallery-thumbs {
				display: none !important;
		}
}
@media only screen and (min-width: 1000px) {
		.graph-styles {
				display: flex;
		}
		.graph-styles-thumbs {
				flex: 0 0 auto;
				width: 288px !important;
				padding: 10px !important;
				overflow: visible !important;
				display: flex !important;
				flex-direction: column;
				position: relative;
				counter-reset: gs;
		}
		.graph-styles-thumbs .link:before {
				content: '['counter(gs, decimal-leading-zero)']';
				counter-increment: gs;
				font-weight: 300;
				font-size: 13px;
				line-height: 1.4;
				opacity: 0.3;
				flex: 0 0 auto;
		}
		.graph-styles-thumbs:after {
				content: '';
				width: 50px;
				height: 50px;
				border-radius: 50%;
				box-shadow: 0 0 0 25px var(--white);
				pointer-events: none;
				backface-visibility: hidden;
				position: absolute;
				bottom: 0;
				left: 100%;
				clip-path: polygon(0 50%, 50% 50%, 50% 100%, 0% 100%);
		}
		.graph-styles-thumbs .swiper-wrapper, .graph-styles-thumbs .swiper-slide {
				transform: none !important;
				width: 100% !important;
				height: auto !important;
		}
		.graph-styles-thumbs .swiper-wrapper {
				flex-direction: column;
				gap: var(--gap);
				flex: 1 0 auto;
		}
		.graph-styles-thumbs .swiper-wrapper:before, .graph-styles-thumbs .swiper-wrapper:after {
				content: '';
				order: 2;
		}
		.graph-styles-thumbs .swiper-wrapper:before {
				width: 50px;
				height: 50px;
				border-radius: 50%;
				box-shadow: 0 0 0 25px var(--white);
				margin: -50px 0 -10px -10px;
				pointer-events: none;
				backface-visibility: hidden;
				clip-path: polygon(0 50%, 50% 50%, 50% 100%, 0% 100%);
		}
		.graph-styles-thumbs .swiper-wrapper:after {
				background: var(--white);
				flex: 1 0 auto;
				margin: 0 -10px -10px -10px;
				border-radius: 0 25px 0 0;
				min-height: 50px;
		}
		.graph-styles-gallery-pagination {
				display: none !important;
		}
		.graph-styles-gallery {
				margin-left: calc(10px - var(--padding)) !important;
				margin-right: calc(10px - var(--padding)) !important;
				border-radius: 15px;
		}
		.graph-styles-gallery-thumbs {
				margin-left: calc(10px - var(--padding) + var(--gap) / -2) !important;
				margin-right: calc(10px - var(--padding) + var(--gap) / -2) !important;
				margin-bottom: calc(10px - var(--padding)) !important;
		}
}
/* End */


/* Start:/local/templates/metabula/css/gallery-slider.css?17276971391257*/
@charset "UTF-8";
.gallery-slider-wrap {
		position: relative;
		width: 100vw;
		overflow: hidden;
		backface-visibility: hidden;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		padding: 0 var(--side-padding);
		--gap: clamp(8px, 0.625rem, 10px);
}
.gallery-slider img {
		width: 100%;
		height: auto;
}
.gallery-slider .swiper-slide {
		width: 100%;
}
@media only screen and (max-width: 999.99px) {
		.gallery-slider {
				width: auto !important;
				margin: 0 calc(var(--gap) / -2);
				overflow: visible !important;
		}
		.gallery-slider .swiper-slide {
				padding: 0 calc(var(--gap) / 2);
		}
		.gallery-slider img {
				border-radius: clamp(1px, 1.5625rem, 25px);
		}
		.gallery-slider-prev, .gallery-slider-next {
				display: none;
		}
}
@media only screen and (min-width: 1000px) {
		.gallery-slider {
				border-radius: clamp(1px, 1.5625rem, 25px);
		}
		.gallery-slider-pagination {
				display: none !important;
		}
}
.gallery-slider-prev {
		left: calc(var(--side-padding) / 2);
}
.gallery-slider-next {
		right: calc(var(--side-padding) / 2);
}
@media only screen and (min-width: 1468px) {
		.gallery-slider-prev {
				left: calc(var(--side-padding) - 72px);
		}
		.gallery-slider-next {
				right: calc(var(--side-padding) - 72px);
		}
}
/* End */


/* Start:/local/templates/metabula/css/flag-icon.min.css?174557728533948*/
.flag-icon-background{background-size:contain;background-position:50%;background-repeat:no-repeat}.flag-icon{background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative;display:inline-block;width:1.33333333em;line-height:1em}.flag-icon:before{content:'\00a0'}.flag-icon.flag-icon-squared{width:1em}.flag-icon-ad{background-image:url(/local/templates/metabula/css/../flags/4x3/ad.svg)}.flag-icon-ad.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ad.svg)}.flag-icon-ae{background-image:url(/local/templates/metabula/css/../flags/4x3/ae.svg)}.flag-icon-ae.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ae.svg)}.flag-icon-af{background-image:url(/local/templates/metabula/css/../flags/4x3/af.svg)}.flag-icon-af.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/af.svg)}.flag-icon-ag{background-image:url(/local/templates/metabula/css/../flags/4x3/ag.svg)}.flag-icon-ag.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ag.svg)}.flag-icon-ai{background-image:url(/local/templates/metabula/css/../flags/4x3/ai.svg)}.flag-icon-ai.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ai.svg)}.flag-icon-al{background-image:url(/local/templates/metabula/css/../flags/4x3/al.svg)}.flag-icon-al.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/al.svg)}.flag-icon-am{background-image:url(/local/templates/metabula/css/../flags/4x3/am.svg)}.flag-icon-am.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/am.svg)}.flag-icon-ao{background-image:url(/local/templates/metabula/css/../flags/4x3/ao.svg)}.flag-icon-ao.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ao.svg)}.flag-icon-aq{background-image:url(/local/templates/metabula/css/../flags/4x3/aq.svg)}.flag-icon-aq.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/aq.svg)}.flag-icon-ar{background-image:url(/local/templates/metabula/css/../flags/4x3/ar.svg)}.flag-icon-ar.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ar.svg)}.flag-icon-as{background-image:url(/local/templates/metabula/css/../flags/4x3/as.svg)}.flag-icon-as.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/as.svg)}.flag-icon-at{background-image:url(/local/templates/metabula/css/../flags/4x3/at.svg)}.flag-icon-at.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/at.svg)}.flag-icon-au{background-image:url(/local/templates/metabula/css/../flags/4x3/au.svg)}.flag-icon-au.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/au.svg)}.flag-icon-aw{background-image:url(/local/templates/metabula/css/../flags/4x3/aw.svg)}.flag-icon-aw.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/aw.svg)}.flag-icon-ax{background-image:url(/local/templates/metabula/css/../flags/4x3/ax.svg)}.flag-icon-ax.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ax.svg)}.flag-icon-az{background-image:url(/local/templates/metabula/css/../flags/4x3/az.svg)}.flag-icon-az.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/az.svg)}.flag-icon-ba{background-image:url(/local/templates/metabula/css/../flags/4x3/ba.svg)}.flag-icon-ba.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ba.svg)}.flag-icon-bb{background-image:url(/local/templates/metabula/css/../flags/4x3/bb.svg)}.flag-icon-bb.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bb.svg)}.flag-icon-bd{background-image:url(/local/templates/metabula/css/../flags/4x3/bd.svg)}.flag-icon-bd.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bd.svg)}.flag-icon-be{background-image:url(/local/templates/metabula/css/../flags/4x3/be.svg)}.flag-icon-be.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/be.svg)}.flag-icon-bf{background-image:url(/local/templates/metabula/css/../flags/4x3/bf.svg)}.flag-icon-bf.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bf.svg)}.flag-icon-bg{background-image:url(/local/templates/metabula/css/../flags/4x3/bg.svg)}.flag-icon-bg.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bg.svg)}.flag-icon-bh{background-image:url(/local/templates/metabula/css/../flags/4x3/bh.svg)}.flag-icon-bh.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bh.svg)}.flag-icon-bi{background-image:url(/local/templates/metabula/css/../flags/4x3/bi.svg)}.flag-icon-bi.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bi.svg)}.flag-icon-bj{background-image:url(/local/templates/metabula/css/../flags/4x3/bj.svg)}.flag-icon-bj.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bj.svg)}.flag-icon-bl{background-image:url(/local/templates/metabula/css/../flags/4x3/bl.svg)}.flag-icon-bl.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bl.svg)}.flag-icon-bm{background-image:url(/local/templates/metabula/css/../flags/4x3/bm.svg)}.flag-icon-bm.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bm.svg)}.flag-icon-bn{background-image:url(/local/templates/metabula/css/../flags/4x3/bn.svg)}.flag-icon-bn.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bn.svg)}.flag-icon-bo{background-image:url(/local/templates/metabula/css/../flags/4x3/bo.svg)}.flag-icon-bo.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bo.svg)}.flag-icon-bq{background-image:url(/local/templates/metabula/css/../flags/4x3/bq.svg)}.flag-icon-bq.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bq.svg)}.flag-icon-br{background-image:url(/local/templates/metabula/css/../flags/4x3/br.svg)}.flag-icon-br.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/br.svg)}.flag-icon-bs{background-image:url(/local/templates/metabula/css/../flags/4x3/bs.svg)}.flag-icon-bs.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bs.svg)}.flag-icon-bt{background-image:url(/local/templates/metabula/css/../flags/4x3/bt.svg)}.flag-icon-bt.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bt.svg)}.flag-icon-bv{background-image:url(/local/templates/metabula/css/../flags/4x3/bv.svg)}.flag-icon-bv.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bv.svg)}.flag-icon-bw{background-image:url(/local/templates/metabula/css/../flags/4x3/bw.svg)}.flag-icon-bw.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bw.svg)}.flag-icon-by{background-image:url(/local/templates/metabula/css/../flags/4x3/by.svg)}.flag-icon-by.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/by.svg)}.flag-icon-bz{background-image:url(/local/templates/metabula/css/../flags/4x3/bz.svg)}.flag-icon-bz.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/bz.svg)}.flag-icon-ca{background-image:url(/local/templates/metabula/css/../flags/4x3/ca.svg)}.flag-icon-ca.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ca.svg)}.flag-icon-cc{background-image:url(/local/templates/metabula/css/../flags/4x3/cc.svg)}.flag-icon-cc.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/cc.svg)}.flag-icon-cd{background-image:url(/local/templates/metabula/css/../flags/4x3/cd.svg)}.flag-icon-cd.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/cd.svg)}.flag-icon-cf{background-image:url(/local/templates/metabula/css/../flags/4x3/cf.svg)}.flag-icon-cf.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/cf.svg)}.flag-icon-cg{background-image:url(/local/templates/metabula/css/../flags/4x3/cg.svg)}.flag-icon-cg.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/cg.svg)}.flag-icon-ch{background-image:url(/local/templates/metabula/css/../flags/4x3/ch.svg)}.flag-icon-ch.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ch.svg)}.flag-icon-ci{background-image:url(/local/templates/metabula/css/../flags/4x3/ci.svg)}.flag-icon-ci.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ci.svg)}.flag-icon-ck{background-image:url(/local/templates/metabula/css/../flags/4x3/ck.svg)}.flag-icon-ck.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ck.svg)}.flag-icon-cl{background-image:url(/local/templates/metabula/css/../flags/4x3/cl.svg)}.flag-icon-cl.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/cl.svg)}.flag-icon-cm{background-image:url(/local/templates/metabula/css/../flags/4x3/cm.svg)}.flag-icon-cm.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/cm.svg)}.flag-icon-cn{background-image:url(/local/templates/metabula/css/../flags/4x3/cn.svg)}.flag-icon-cn.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/cn.svg)}.flag-icon-co{background-image:url(/local/templates/metabula/css/../flags/4x3/co.svg)}.flag-icon-co.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/co.svg)}.flag-icon-cr{background-image:url(/local/templates/metabula/css/../flags/4x3/cr.svg)}.flag-icon-cr.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/cr.svg)}.flag-icon-cu{background-image:url(/local/templates/metabula/css/../flags/4x3/cu.svg)}.flag-icon-cu.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/cu.svg)}.flag-icon-cv{background-image:url(/local/templates/metabula/css/../flags/4x3/cv.svg)}.flag-icon-cv.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/cv.svg)}.flag-icon-cw{background-image:url(/local/templates/metabula/css/../flags/4x3/cw.svg)}.flag-icon-cw.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/cw.svg)}.flag-icon-cx{background-image:url(/local/templates/metabula/css/../flags/4x3/cx.svg)}.flag-icon-cx.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/cx.svg)}.flag-icon-cy{background-image:url(/local/templates/metabula/css/../flags/4x3/cy.svg)}.flag-icon-cy.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/cy.svg)}.flag-icon-cz{background-image:url(/local/templates/metabula/css/../flags/4x3/cz.svg)}.flag-icon-cz.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/cz.svg)}.flag-icon-de{background-image:url(/local/templates/metabula/css/../flags/4x3/de.svg)}.flag-icon-de.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/de.svg)}.flag-icon-dj{background-image:url(/local/templates/metabula/css/../flags/4x3/dj.svg)}.flag-icon-dj.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/dj.svg)}.flag-icon-dk{background-image:url(/local/templates/metabula/css/../flags/4x3/dk.svg)}.flag-icon-dk.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/dk.svg)}.flag-icon-dm{background-image:url(/local/templates/metabula/css/../flags/4x3/dm.svg)}.flag-icon-dm.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/dm.svg)}.flag-icon-do{background-image:url(/local/templates/metabula/css/../flags/4x3/do.svg)}.flag-icon-do.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/do.svg)}.flag-icon-dz{background-image:url(/local/templates/metabula/css/../flags/4x3/dz.svg)}.flag-icon-dz.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/dz.svg)}.flag-icon-ec{background-image:url(/local/templates/metabula/css/../flags/4x3/ec.svg)}.flag-icon-ec.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ec.svg)}.flag-icon-ee{background-image:url(/local/templates/metabula/css/../flags/4x3/ee.svg)}.flag-icon-ee.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ee.svg)}.flag-icon-eg{background-image:url(/local/templates/metabula/css/../flags/4x3/eg.svg)}.flag-icon-eg.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/eg.svg)}.flag-icon-eh{background-image:url(/local/templates/metabula/css/../flags/4x3/eh.svg)}.flag-icon-eh.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/eh.svg)}.flag-icon-er{background-image:url(/local/templates/metabula/css/../flags/4x3/er.svg)}.flag-icon-er.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/er.svg)}.flag-icon-es{background-image:url(/local/templates/metabula/css/../flags/4x3/es.svg)}.flag-icon-es.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/es.svg)}.flag-icon-et{background-image:url(/local/templates/metabula/css/../flags/4x3/et.svg)}.flag-icon-et.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/et.svg)}.flag-icon-fi{background-image:url(/local/templates/metabula/css/../flags/4x3/fi.svg)}.flag-icon-fi.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/fi.svg)}.flag-icon-fj{background-image:url(/local/templates/metabula/css/../flags/4x3/fj.svg)}.flag-icon-fj.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/fj.svg)}.flag-icon-fk{background-image:url(/local/templates/metabula/css/../flags/4x3/fk.svg)}.flag-icon-fk.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/fk.svg)}.flag-icon-fm{background-image:url(/local/templates/metabula/css/../flags/4x3/fm.svg)}.flag-icon-fm.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/fm.svg)}.flag-icon-fo{background-image:url(/local/templates/metabula/css/../flags/4x3/fo.svg)}.flag-icon-fo.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/fo.svg)}.flag-icon-fr{background-image:url(/local/templates/metabula/css/../flags/4x3/fr.svg)}.flag-icon-fr.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/fr.svg)}.flag-icon-ga{background-image:url(/local/templates/metabula/css/../flags/4x3/ga.svg)}.flag-icon-ga.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ga.svg)}.flag-icon-gb{background-image:url(/local/templates/metabula/css/../flags/4x3/gb.svg)}.flag-icon-gb.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gb.svg)}.flag-icon-en{background-image:url(/local/templates/metabula/css/../flags/4x3/gb.svg)}.flag-icon-en.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gb.svg)}.flag-icon-gd{background-image:url(/local/templates/metabula/css/../flags/4x3/gd.svg)}.flag-icon-gd.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gd.svg)}.flag-icon-ge{background-image:url(/local/templates/metabula/css/../flags/4x3/ge.svg)}.flag-icon-ge.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ge.svg)}.flag-icon-gf{background-image:url(/local/templates/metabula/css/../flags/4x3/gf.svg)}.flag-icon-gf.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gf.svg)}.flag-icon-gg{background-image:url(/local/templates/metabula/css/../flags/4x3/gg.svg)}.flag-icon-gg.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gg.svg)}.flag-icon-gh{background-image:url(/local/templates/metabula/css/../flags/4x3/gh.svg)}.flag-icon-gh.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gh.svg)}.flag-icon-gi{background-image:url(/local/templates/metabula/css/../flags/4x3/gi.svg)}.flag-icon-gi.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gi.svg)}.flag-icon-gl{background-image:url(/local/templates/metabula/css/../flags/4x3/gl.svg)}.flag-icon-gl.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gl.svg)}.flag-icon-gm{background-image:url(/local/templates/metabula/css/../flags/4x3/gm.svg)}.flag-icon-gm.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gm.svg)}.flag-icon-gn{background-image:url(/local/templates/metabula/css/../flags/4x3/gn.svg)}.flag-icon-gn.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gn.svg)}.flag-icon-gp{background-image:url(/local/templates/metabula/css/../flags/4x3/gp.svg)}.flag-icon-gp.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gp.svg)}.flag-icon-gq{background-image:url(/local/templates/metabula/css/../flags/4x3/gq.svg)}.flag-icon-gq.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gq.svg)}.flag-icon-gr{background-image:url(/local/templates/metabula/css/../flags/4x3/gr.svg)}.flag-icon-gr.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gr.svg)}.flag-icon-gs{background-image:url(/local/templates/metabula/css/../flags/4x3/gs.svg)}.flag-icon-gs.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gs.svg)}.flag-icon-gt{background-image:url(/local/templates/metabula/css/../flags/4x3/gt.svg)}.flag-icon-gt.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gt.svg)}.flag-icon-gu{background-image:url(/local/templates/metabula/css/../flags/4x3/gu.svg)}.flag-icon-gu.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gu.svg)}.flag-icon-gw{background-image:url(/local/templates/metabula/css/../flags/4x3/gw.svg)}.flag-icon-gw.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gw.svg)}.flag-icon-gy{background-image:url(/local/templates/metabula/css/../flags/4x3/gy.svg)}.flag-icon-gy.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gy.svg)}.flag-icon-hk{background-image:url(/local/templates/metabula/css/../flags/4x3/hk.svg)}.flag-icon-hk.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/hk.svg)}.flag-icon-hm{background-image:url(/local/templates/metabula/css/../flags/4x3/hm.svg)}.flag-icon-hm.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/hm.svg)}.flag-icon-hn{background-image:url(/local/templates/metabula/css/../flags/4x3/hn.svg)}.flag-icon-hn.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/hn.svg)}.flag-icon-hr{background-image:url(/local/templates/metabula/css/../flags/4x3/hr.svg)}.flag-icon-hr.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/hr.svg)}.flag-icon-ht{background-image:url(/local/templates/metabula/css/../flags/4x3/ht.svg)}.flag-icon-ht.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ht.svg)}.flag-icon-hu{background-image:url(/local/templates/metabula/css/../flags/4x3/hu.svg)}.flag-icon-hu.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/hu.svg)}.flag-icon-id{background-image:url(/local/templates/metabula/css/../flags/4x3/id.svg)}.flag-icon-id.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/id.svg)}.flag-icon-ie{background-image:url(/local/templates/metabula/css/../flags/4x3/ie.svg)}.flag-icon-ie.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ie.svg)}.flag-icon-il{background-image:url(/local/templates/metabula/css/../flags/4x3/il.svg)}.flag-icon-il.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/il.svg)}.flag-icon-im{background-image:url(/local/templates/metabula/css/../flags/4x3/im.svg)}.flag-icon-im.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/im.svg)}.flag-icon-in{background-image:url(/local/templates/metabula/css/../flags/4x3/in.svg)}.flag-icon-in.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/in.svg)}.flag-icon-io{background-image:url(/local/templates/metabula/css/../flags/4x3/io.svg)}.flag-icon-io.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/io.svg)}.flag-icon-iq{background-image:url(/local/templates/metabula/css/../flags/4x3/iq.svg)}.flag-icon-iq.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/iq.svg)}.flag-icon-ir{background-image:url(/local/templates/metabula/css/../flags/4x3/ir.svg)}.flag-icon-ir.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ir.svg)}.flag-icon-is{background-image:url(/local/templates/metabula/css/../flags/4x3/is.svg)}.flag-icon-is.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/is.svg)}.flag-icon-it{background-image:url(/local/templates/metabula/css/../flags/4x3/it.svg)}.flag-icon-it.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/it.svg)}.flag-icon-je{background-image:url(/local/templates/metabula/css/../flags/4x3/je.svg)}.flag-icon-je.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/je.svg)}.flag-icon-jm{background-image:url(/local/templates/metabula/css/../flags/4x3/jm.svg)}.flag-icon-jm.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/jm.svg)}.flag-icon-jo{background-image:url(/local/templates/metabula/css/../flags/4x3/jo.svg)}.flag-icon-jo.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/jo.svg)}.flag-icon-jp{background-image:url(/local/templates/metabula/css/../flags/4x3/jp.svg)}.flag-icon-jp.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/jp.svg)}.flag-icon-ke{background-image:url(/local/templates/metabula/css/../flags/4x3/ke.svg)}.flag-icon-ke.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ke.svg)}.flag-icon-kg{background-image:url(/local/templates/metabula/css/../flags/4x3/kg.svg)}.flag-icon-kg.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/kg.svg)}.flag-icon-kh{background-image:url(/local/templates/metabula/css/../flags/4x3/kh.svg)}.flag-icon-kh.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/kh.svg)}.flag-icon-ki{background-image:url(/local/templates/metabula/css/../flags/4x3/ki.svg)}.flag-icon-ki.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ki.svg)}.flag-icon-km{background-image:url(/local/templates/metabula/css/../flags/4x3/km.svg)}.flag-icon-km.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/km.svg)}.flag-icon-kn{background-image:url(/local/templates/metabula/css/../flags/4x3/kn.svg)}.flag-icon-kn.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/kn.svg)}.flag-icon-kp{background-image:url(/local/templates/metabula/css/../flags/4x3/kp.svg)}.flag-icon-kp.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/kp.svg)}.flag-icon-kr{background-image:url(/local/templates/metabula/css/../flags/4x3/kr.svg)}.flag-icon-kr.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/kr.svg)}.flag-icon-kw{background-image:url(/local/templates/metabula/css/../flags/4x3/kw.svg)}.flag-icon-kw.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/kw.svg)}.flag-icon-ky{background-image:url(/local/templates/metabula/css/../flags/4x3/ky.svg)}.flag-icon-ky.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ky.svg)}.flag-icon-kz{background-image:url(/local/templates/metabula/css/../flags/4x3/kz.svg)}.flag-icon-kz.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/kz.svg)}.flag-icon-la{background-image:url(/local/templates/metabula/css/../flags/4x3/la.svg)}.flag-icon-la.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/la.svg)}.flag-icon-lb{background-image:url(/local/templates/metabula/css/../flags/4x3/lb.svg)}.flag-icon-lb.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/lb.svg)}.flag-icon-lc{background-image:url(/local/templates/metabula/css/../flags/4x3/lc.svg)}.flag-icon-lc.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/lc.svg)}.flag-icon-li{background-image:url(/local/templates/metabula/css/../flags/4x3/li.svg)}.flag-icon-li.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/li.svg)}.flag-icon-lk{background-image:url(/local/templates/metabula/css/../flags/4x3/lk.svg)}.flag-icon-lk.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/lk.svg)}.flag-icon-lr{background-image:url(/local/templates/metabula/css/../flags/4x3/lr.svg)}.flag-icon-lr.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/lr.svg)}.flag-icon-ls{background-image:url(/local/templates/metabula/css/../flags/4x3/ls.svg)}.flag-icon-ls.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ls.svg)}.flag-icon-lt{background-image:url(/local/templates/metabula/css/../flags/4x3/lt.svg)}.flag-icon-lt.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/lt.svg)}.flag-icon-lu{background-image:url(/local/templates/metabula/css/../flags/4x3/lu.svg)}.flag-icon-lu.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/lu.svg)}.flag-icon-lv{background-image:url(/local/templates/metabula/css/../flags/4x3/lv.svg)}.flag-icon-lv.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/lv.svg)}.flag-icon-ly{background-image:url(/local/templates/metabula/css/../flags/4x3/ly.svg)}.flag-icon-ly.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ly.svg)}.flag-icon-ma{background-image:url(/local/templates/metabula/css/../flags/4x3/ma.svg)}.flag-icon-ma.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ma.svg)}.flag-icon-mc{background-image:url(/local/templates/metabula/css/../flags/4x3/mc.svg)}.flag-icon-mc.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mc.svg)}.flag-icon-md{background-image:url(/local/templates/metabula/css/../flags/4x3/md.svg)}.flag-icon-md.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/md.svg)}.flag-icon-me{background-image:url(/local/templates/metabula/css/../flags/4x3/me.svg)}.flag-icon-me.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/me.svg)}.flag-icon-mf{background-image:url(/local/templates/metabula/css/../flags/4x3/mf.svg)}.flag-icon-mf.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mf.svg)}.flag-icon-mg{background-image:url(/local/templates/metabula/css/../flags/4x3/mg.svg)}.flag-icon-mg.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mg.svg)}.flag-icon-mh{background-image:url(/local/templates/metabula/css/../flags/4x3/mh.svg)}.flag-icon-mh.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mh.svg)}.flag-icon-mk{background-image:url(/local/templates/metabula/css/../flags/4x3/mk.svg)}.flag-icon-mk.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mk.svg)}.flag-icon-ml{background-image:url(/local/templates/metabula/css/../flags/4x3/ml.svg)}.flag-icon-ml.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ml.svg)}.flag-icon-mm{background-image:url(/local/templates/metabula/css/../flags/4x3/mm.svg)}.flag-icon-mm.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mm.svg)}.flag-icon-mn{background-image:url(/local/templates/metabula/css/../flags/4x3/mn.svg)}.flag-icon-mn.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mn.svg)}.flag-icon-mo{background-image:url(/local/templates/metabula/css/../flags/4x3/mo.svg)}.flag-icon-mo.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mo.svg)}.flag-icon-mp{background-image:url(/local/templates/metabula/css/../flags/4x3/mp.svg)}.flag-icon-mp.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mp.svg)}.flag-icon-mq{background-image:url(/local/templates/metabula/css/../flags/4x3/mq.svg)}.flag-icon-mq.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mq.svg)}.flag-icon-mr{background-image:url(/local/templates/metabula/css/../flags/4x3/mr.svg)}.flag-icon-mr.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mr.svg)}.flag-icon-ms{background-image:url(/local/templates/metabula/css/../flags/4x3/ms.svg)}.flag-icon-ms.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ms.svg)}.flag-icon-mt{background-image:url(/local/templates/metabula/css/../flags/4x3/mt.svg)}.flag-icon-mt.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mt.svg)}.flag-icon-mu{background-image:url(/local/templates/metabula/css/../flags/4x3/mu.svg)}.flag-icon-mu.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mu.svg)}.flag-icon-mv{background-image:url(/local/templates/metabula/css/../flags/4x3/mv.svg)}.flag-icon-mv.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mv.svg)}.flag-icon-mw{background-image:url(/local/templates/metabula/css/../flags/4x3/mw.svg)}.flag-icon-mw.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mw.svg)}.flag-icon-mx{background-image:url(/local/templates/metabula/css/../flags/4x3/mx.svg)}.flag-icon-mx.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mx.svg)}.flag-icon-my{background-image:url(/local/templates/metabula/css/../flags/4x3/my.svg)}.flag-icon-my.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/my.svg)}.flag-icon-mz{background-image:url(/local/templates/metabula/css/../flags/4x3/mz.svg)}.flag-icon-mz.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/mz.svg)}.flag-icon-na{background-image:url(/local/templates/metabula/css/../flags/4x3/na.svg)}.flag-icon-na.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/na.svg)}.flag-icon-nc{background-image:url(/local/templates/metabula/css/../flags/4x3/nc.svg)}.flag-icon-nc.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/nc.svg)}.flag-icon-ne{background-image:url(/local/templates/metabula/css/../flags/4x3/ne.svg)}.flag-icon-ne.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ne.svg)}.flag-icon-nf{background-image:url(/local/templates/metabula/css/../flags/4x3/nf.svg)}.flag-icon-nf.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/nf.svg)}.flag-icon-ng{background-image:url(/local/templates/metabula/css/../flags/4x3/ng.svg)}.flag-icon-ng.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ng.svg)}.flag-icon-ni{background-image:url(/local/templates/metabula/css/../flags/4x3/ni.svg)}.flag-icon-ni.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ni.svg)}.flag-icon-nl{background-image:url(/local/templates/metabula/css/../flags/4x3/nl.svg)}.flag-icon-nl.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/nl.svg)}.flag-icon-no{background-image:url(/local/templates/metabula/css/../flags/4x3/no.svg)}.flag-icon-no.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/no.svg)}.flag-icon-np{background-image:url(/local/templates/metabula/css/../flags/4x3/np.svg)}.flag-icon-np.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/np.svg)}.flag-icon-nr{background-image:url(/local/templates/metabula/css/../flags/4x3/nr.svg)}.flag-icon-nr.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/nr.svg)}.flag-icon-nu{background-image:url(/local/templates/metabula/css/../flags/4x3/nu.svg)}.flag-icon-nu.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/nu.svg)}.flag-icon-nz{background-image:url(/local/templates/metabula/css/../flags/4x3/nz.svg)}.flag-icon-nz.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/nz.svg)}.flag-icon-om{background-image:url(/local/templates/metabula/css/../flags/4x3/om.svg)}.flag-icon-om.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/om.svg)}.flag-icon-pa{background-image:url(/local/templates/metabula/css/../flags/4x3/pa.svg)}.flag-icon-pa.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/pa.svg)}.flag-icon-pe{background-image:url(/local/templates/metabula/css/../flags/4x3/pe.svg)}.flag-icon-pe.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/pe.svg)}.flag-icon-pf{background-image:url(/local/templates/metabula/css/../flags/4x3/pf.svg)}.flag-icon-pf.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/pf.svg)}.flag-icon-pg{background-image:url(/local/templates/metabula/css/../flags/4x3/pg.svg)}.flag-icon-pg.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/pg.svg)}.flag-icon-ph{background-image:url(/local/templates/metabula/css/../flags/4x3/ph.svg)}.flag-icon-ph.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ph.svg)}.flag-icon-pk{background-image:url(/local/templates/metabula/css/../flags/4x3/pk.svg)}.flag-icon-pk.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/pk.svg)}.flag-icon-pl{background-image:url(/local/templates/metabula/css/../flags/4x3/pl.svg)}.flag-icon-pl.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/pl.svg)}.flag-icon-pm{background-image:url(/local/templates/metabula/css/../flags/4x3/pm.svg)}.flag-icon-pm.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/pm.svg)}.flag-icon-pn{background-image:url(/local/templates/metabula/css/../flags/4x3/pn.svg)}.flag-icon-pn.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/pn.svg)}.flag-icon-pr{background-image:url(/local/templates/metabula/css/../flags/4x3/pr.svg)}.flag-icon-pr.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/pr.svg)}.flag-icon-ps{background-image:url(/local/templates/metabula/css/../flags/4x3/ps.svg)}.flag-icon-ps.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ps.svg)}.flag-icon-pt{background-image:url(/local/templates/metabula/css/../flags/4x3/pt.svg)}.flag-icon-pt.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/pt.svg)}.flag-icon-pw{background-image:url(/local/templates/metabula/css/../flags/4x3/pw.svg)}.flag-icon-pw.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/pw.svg)}.flag-icon-py{background-image:url(/local/templates/metabula/css/../flags/4x3/py.svg)}.flag-icon-py.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/py.svg)}.flag-icon-qa{background-image:url(/local/templates/metabula/css/../flags/4x3/qa.svg)}.flag-icon-qa.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/qa.svg)}.flag-icon-re{background-image:url(/local/templates/metabula/css/../flags/4x3/re.svg)}.flag-icon-re.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/re.svg)}.flag-icon-ro{background-image:url(/local/templates/metabula/css/../flags/4x3/ro.svg)}.flag-icon-ro.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ro.svg)}.flag-icon-rs{background-image:url(/local/templates/metabula/css/../flags/4x3/rs.svg)}.flag-icon-rs.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/rs.svg)}.flag-icon-ru{background-image:url(/local/templates/metabula/css/../flags/4x3/ru.svg)}.flag-icon-ru.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ru.svg)}.flag-icon-rw{background-image:url(/local/templates/metabula/css/../flags/4x3/rw.svg)}.flag-icon-rw.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/rw.svg)}.flag-icon-sa{background-image:url(/local/templates/metabula/css/../flags/4x3/sa.svg)}.flag-icon-sa.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sa.svg)}.flag-icon-sb{background-image:url(/local/templates/metabula/css/../flags/4x3/sb.svg)}.flag-icon-sb.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sb.svg)}.flag-icon-sc{background-image:url(/local/templates/metabula/css/../flags/4x3/sc.svg)}.flag-icon-sc.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sc.svg)}.flag-icon-sd{background-image:url(/local/templates/metabula/css/../flags/4x3/sd.svg)}.flag-icon-sd.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sd.svg)}.flag-icon-se{background-image:url(/local/templates/metabula/css/../flags/4x3/se.svg)}.flag-icon-se.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/se.svg)}.flag-icon-sg{background-image:url(/local/templates/metabula/css/../flags/4x3/sg.svg)}.flag-icon-sg.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sg.svg)}.flag-icon-sh{background-image:url(/local/templates/metabula/css/../flags/4x3/sh.svg)}.flag-icon-sh.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sh.svg)}.flag-icon-si{background-image:url(/local/templates/metabula/css/../flags/4x3/si.svg)}.flag-icon-si.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/si.svg)}.flag-icon-sj{background-image:url(/local/templates/metabula/css/../flags/4x3/sj.svg)}.flag-icon-sj.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sj.svg)}.flag-icon-sk{background-image:url(/local/templates/metabula/css/../flags/4x3/sk.svg)}.flag-icon-sk.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sk.svg)}.flag-icon-sl{background-image:url(/local/templates/metabula/css/../flags/4x3/sl.svg)}.flag-icon-sl.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sl.svg)}.flag-icon-sm{background-image:url(/local/templates/metabula/css/../flags/4x3/sm.svg)}.flag-icon-sm.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sm.svg)}.flag-icon-sn{background-image:url(/local/templates/metabula/css/../flags/4x3/sn.svg)}.flag-icon-sn.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sn.svg)}.flag-icon-so{background-image:url(/local/templates/metabula/css/../flags/4x3/so.svg)}.flag-icon-so.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/so.svg)}.flag-icon-sr{background-image:url(/local/templates/metabula/css/../flags/4x3/sr.svg)}.flag-icon-sr.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sr.svg)}.flag-icon-ss{background-image:url(/local/templates/metabula/css/../flags/4x3/ss.svg)}.flag-icon-ss.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ss.svg)}.flag-icon-st{background-image:url(/local/templates/metabula/css/../flags/4x3/st.svg)}.flag-icon-st.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/st.svg)}.flag-icon-sv{background-image:url(/local/templates/metabula/css/../flags/4x3/sv.svg)}.flag-icon-sv.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sv.svg)}.flag-icon-sx{background-image:url(/local/templates/metabula/css/../flags/4x3/sx.svg)}.flag-icon-sx.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sx.svg)}.flag-icon-sy{background-image:url(/local/templates/metabula/css/../flags/4x3/sy.svg)}.flag-icon-sy.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sy.svg)}.flag-icon-sz{background-image:url(/local/templates/metabula/css/../flags/4x3/sz.svg)}.flag-icon-sz.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/sz.svg)}.flag-icon-tc{background-image:url(/local/templates/metabula/css/../flags/4x3/tc.svg)}.flag-icon-tc.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/tc.svg)}.flag-icon-td{background-image:url(/local/templates/metabula/css/../flags/4x3/td.svg)}.flag-icon-td.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/td.svg)}.flag-icon-tf{background-image:url(/local/templates/metabula/css/../flags/4x3/tf.svg)}.flag-icon-tf.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/tf.svg)}.flag-icon-tg{background-image:url(/local/templates/metabula/css/../flags/4x3/tg.svg)}.flag-icon-tg.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/tg.svg)}.flag-icon-th{background-image:url(/local/templates/metabula/css/../flags/4x3/th.svg)}.flag-icon-th.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/th.svg)}.flag-icon-tj{background-image:url(/local/templates/metabula/css/../flags/4x3/tj.svg)}.flag-icon-tj.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/tj.svg)}.flag-icon-tk{background-image:url(/local/templates/metabula/css/../flags/4x3/tk.svg)}.flag-icon-tk.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/tk.svg)}.flag-icon-tl{background-image:url(/local/templates/metabula/css/../flags/4x3/tl.svg)}.flag-icon-tl.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/tl.svg)}.flag-icon-tm{background-image:url(/local/templates/metabula/css/../flags/4x3/tm.svg)}.flag-icon-tm.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/tm.svg)}.flag-icon-tn{background-image:url(/local/templates/metabula/css/../flags/4x3/tn.svg)}.flag-icon-tn.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/tn.svg)}.flag-icon-to{background-image:url(/local/templates/metabula/css/../flags/4x3/to.svg)}.flag-icon-to.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/to.svg)}.flag-icon-tr{background-image:url(/local/templates/metabula/css/../flags/4x3/tr.svg)}.flag-icon-tr.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/tr.svg)}.flag-icon-tt{background-image:url(/local/templates/metabula/css/../flags/4x3/tt.svg)}.flag-icon-tt.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/tt.svg)}.flag-icon-tv{background-image:url(/local/templates/metabula/css/../flags/4x3/tv.svg)}.flag-icon-tv.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/tv.svg)}.flag-icon-tw{background-image:url(/local/templates/metabula/css/../flags/4x3/tw.svg)}.flag-icon-tw.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/tw.svg)}.flag-icon-tz{background-image:url(/local/templates/metabula/css/../flags/4x3/tz.svg)}.flag-icon-tz.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/tz.svg)}.flag-icon-ua{background-image:url(/local/templates/metabula/css/../flags/4x3/ua.svg)}.flag-icon-ua.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ua.svg)}.flag-icon-ug{background-image:url(/local/templates/metabula/css/../flags/4x3/ug.svg)}.flag-icon-ug.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ug.svg)}.flag-icon-um{background-image:url(/local/templates/metabula/css/../flags/4x3/um.svg)}.flag-icon-um.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/um.svg)}.flag-icon-us{background-image:url(/local/templates/metabula/css/../flags/4x3/us.svg)}.flag-icon-us.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/us.svg)}.flag-icon-uy{background-image:url(/local/templates/metabula/css/../flags/4x3/uy.svg)}.flag-icon-uy.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/uy.svg)}.flag-icon-uz{background-image:url(/local/templates/metabula/css/../flags/4x3/uz.svg)}.flag-icon-uz.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/uz.svg)}.flag-icon-va{background-image:url(/local/templates/metabula/css/../flags/4x3/va.svg)}.flag-icon-va.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/va.svg)}.flag-icon-vc{background-image:url(/local/templates/metabula/css/../flags/4x3/vc.svg)}.flag-icon-vc.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/vc.svg)}.flag-icon-ve{background-image:url(/local/templates/metabula/css/../flags/4x3/ve.svg)}.flag-icon-ve.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ve.svg)}.flag-icon-vg{background-image:url(/local/templates/metabula/css/../flags/4x3/vg.svg)}.flag-icon-vg.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/vg.svg)}.flag-icon-vi{background-image:url(/local/templates/metabula/css/../flags/4x3/vi.svg)}.flag-icon-vi.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/vi.svg)}.flag-icon-vn{background-image:url(/local/templates/metabula/css/../flags/4x3/vn.svg)}.flag-icon-vn.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/vn.svg)}.flag-icon-vu{background-image:url(/local/templates/metabula/css/../flags/4x3/vu.svg)}.flag-icon-vu.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/vu.svg)}.flag-icon-wf{background-image:url(/local/templates/metabula/css/../flags/4x3/wf.svg)}.flag-icon-wf.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/wf.svg)}.flag-icon-ws{background-image:url(/local/templates/metabula/css/../flags/4x3/ws.svg)}.flag-icon-ws.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ws.svg)}.flag-icon-ye{background-image:url(/local/templates/metabula/css/../flags/4x3/ye.svg)}.flag-icon-ye.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/ye.svg)}.flag-icon-yt{background-image:url(/local/templates/metabula/css/../flags/4x3/yt.svg)}.flag-icon-yt.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/yt.svg)}.flag-icon-za{background-image:url(/local/templates/metabula/css/../flags/4x3/za.svg)}.flag-icon-za.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/za.svg)}.flag-icon-zm{background-image:url(/local/templates/metabula/css/../flags/4x3/zm.svg)}.flag-icon-zm.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/zm.svg)}.flag-icon-zw{background-image:url(/local/templates/metabula/css/../flags/4x3/zw.svg)}.flag-icon-zw.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/zw.svg)}.flag-icon-es-ca{background-image:url(/local/templates/metabula/css/../flags/4x3/es-ca.svg)}.flag-icon-es-ca.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/es-ca.svg)}.flag-icon-eu{background-image:url(/local/templates/metabula/css/../flags/4x3/eu.svg)}.flag-icon-eu.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/eu.svg)}.flag-icon-gb-eng{background-image:url(/local/templates/metabula/css/../flags/4x3/gb-eng.svg)}.flag-icon-gb-eng.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gb-eng.svg)}.flag-icon-gb-nir{background-image:url(/local/templates/metabula/css/../flags/4x3/gb-nir.svg)}.flag-icon-gb-nir.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gb-nir.svg)}.flag-icon-gb-sct{background-image:url(/local/templates/metabula/css/../flags/4x3/gb-sct.svg)}.flag-icon-gb-sct.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gb-sct.svg)}.flag-icon-gb-wls{background-image:url(/local/templates/metabula/css/../flags/4x3/gb-wls.svg)}.flag-icon-gb-wls.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/gb-wls.svg)}.flag-icon-un{background-image:url(/local/templates/metabula/css/../flags/4x3/un.svg)}.flag-icon-un.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/un.svg)}.flag-icon-xk{background-image:url(/local/templates/metabula/css/../flags/4x3/xk.svg)}.flag-icon-xk.flag-icon-squared{background-image:url(/local/templates/metabula/css/../flags/1x1/xk.svg)}
/* End */


/* Start:/local/templates/metabula/css/swiper-bundle.min.css?172743485918432*/
/**
 * Swiper 11.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2024
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */
/* /local/templates/metabula/css/theme.css?17274348591030 */
/* /local/templates/metabula/css/base.css?176885986555104 */
/* /local/templates/metabula/css/hero.css?17274348596374 */
/* /local/templates/metabula/css/best.css?17289222134050 */
/* /local/templates/metabula/css/features.css?17274348594258 */
/* /local/templates/metabula/css/stat.css?17274348592158 */
/* /local/templates/metabula/css/cases.css?17274348593395 */
/* /local/templates/metabula/css/faq.css?17274348592672 */
/* /local/templates/metabula/css/about.css?17274348597721 */
/* /local/templates/metabula/css/why-us.css?17274348595365 */
/* /local/templates/metabula/css/team.css?17274348591845 */
/* /local/templates/metabula/css/contact-us.css?17274348593940 */
/* /local/templates/metabula/css/portfolio-card.css?17274348593385 */
/* /local/templates/metabula/css/portfolio-grid.css?17274348591047 */
/* /local/templates/metabula/css/portfolio-detail.css?17274348594515 */
/* /local/templates/metabula/css/filters.css?17274348596850 */
/* /local/templates/metabula/css/blog-card.css?17274348592069 */
/* /local/templates/metabula/css/blog-grid.css?17455772857024 */
/* /local/templates/metabula/css/blog-slider.css?17274348591612 */
/* /local/templates/metabula/css/social.css?17274348592199 */
/* /local/templates/metabula/css/article.css?17274348596597 */
/* /local/templates/metabula/css/inner-hero.css?17276971398950 */
/* /local/templates/metabula/css/scratch-descr.css?17276971391602 */
/* /local/templates/metabula/css/process.css?17276971394801 */
/* /local/templates/metabula/css/technologies.css?17276971392716 */
/* /local/templates/metabula/css/benefits.css?17276971394768 */
/* /local/templates/metabula/css/services.css?17276971394033 */
/* /local/templates/metabula/css/services2.css?17455772852592 */
/* /local/templates/metabula/css/team2.css?17276971392941 */
/* /local/templates/metabula/css/tech.css?17276971392979 */
/* /local/templates/metabula/css/genres.css?17276971393628 */
/* /local/templates/metabula/css/graph-styles.css?17276971396045 */
/* /local/templates/metabula/css/gallery-slider.css?17276971391257 */
/* /local/templates/metabula/css/flag-icon.min.css?174557728533948 */
/* /local/templates/metabula/css/swiper-bundle.min.css?172743485918432 */