@charset "utf-8";
@font-face {
		font-family: 'Stem';
		src: url('../fonts/Stem-Medium.woff') format('woff'), url('../fonts/Stem-Medium.ttf') format('truetype');
		font-weight: 500;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Stem';
		src: url('../fonts/Stem-Bold.woff') format('woff'), url('../fonts/Stem-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Stem';
		src: url('../fonts/Stem-SemiLight.woff') format('woff'), url('../fonts/Stem-SemiLight.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Lack';
		src: url('../fonts/lack-regular-webfont.woff') format('woff'), url('../fonts/lack-regular-webfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
}
:root {
		--font: Stem, -apple-system, "Open Sans", system-ui, "sans-serif";
		--font2: Lack, -apple-system, "Open Sans", system-ui, "sans-serif";
		--black: #000;
		--white: #fff;
		--grey: #969696;
		--grey-bg: rgba(0, 0, 0, 0.05);
		--red: #E53B35;
		--accident: #E0F54A;
		--accident-hover: #D4E846;
		--body: #F5F5F5;
		--date: rgba(0, 0, 0, 0.04);
}
html, body {
		height: 100%;
		box-sizing: border-box;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased;
}
body {
		margin: 0;
		padding: 0;
		background: var(--body);
		font: 500 16px/24px var(--font);
		color: var(--black);
		-webkit-text-size-adjust: none;
		display: flex;
		flex-direction: column;
}
*, *:before, *:after {
		box-sizing: border-box;
}
form, fieldset {
		margin: 0;
		padding: 0;
		border: 0;
}
input, select, textarea, button {
		font: normal 15px/24px Arial, Helvetica, sans-serif;
		color: #5a5a5a;
		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: 0;
		box-shadow: none;
		border: 1px solid #e0e0e0;
		background: #fff;
		margin: 0;
		padding: 12px 25px 13px 25px;
		width: 100%;
		display: block;
}
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;
}
video {
		-webkit-mask-image: -webkit-radial-gradient(white, black);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
}
.outtaHere {
		overflow: hidden;
		max-width: 100vw;
		position: fixed !important;
		transform: scale(0) !important;
}
header, nav, section, article, aside, footer, menu, time, figure, figcaption, main {
		display: block;
}
img, svg, picture {
		border: 0;
		vertical-align: top;
}
a {
		color: inherit;
		text-decoration: underline;
		outline: none;
		cursor: pointer;
}
@media (pointer:fine) {
		a:hover {
				text-decoration: none;
		}
}
a[href^=tel] {
		color: inherit !important;
		cursor: inherit;
		text-decoration: none !important;
}
strong {
		font-weight: bold;
}
p, ol, ul {
		margin: 1em 0;
		padding: 0;
}
ol, ul, li {
		list-style: none;
}
li {
		position: relative;
		margin: 0.5em 0;
		padding: 0 0 0 2em;
}
ul > li:before {
		content: '•';
		width: 2em;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
}
ol {
		counter-reset: li;
}
ol > li:before {
		counter-increment: li;
		content: counters(li, ".") ". ";
		position: relative;
		display: inline-block;
		vertical-align: top;
		min-width: 2em;
		margin: 0 0 0 -2em;
		padding: 0 0.25em 0 0;
}
.break-word {
		word-break: break-all;
}
.nowrap {
		white-space: nowrap;
}
.uppercase {
		text-transform: uppercase;
}
.swiper {
		overflow: hidden;
}
.swiper-wrapper {
		display: flex;
}
.swiper-slide {
		flex: 0 0 auto;
}
.btn {
		position: relative;
		-webkit-appearance: none;
		cursor: pointer;
		user-select: none;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		text-decoration: none !important;
		outline: none;
		border-style: solid;
		border-width: 2px;
		border-color: transparent;
		background-color: transparent;
		font: 500 15px/19px var(--font);
		text-transform: none;
		letter-spacing: normal;
		text-align: center;
		flex: 0 0 auto;
		max-width: 100%;
		height: 51px;
		padding: 0 30px;
		border-radius: 13px;
		margin: 0;
		transition-property: border, background, color;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn span {
		flex: 0 0 auto;
		padding: 5px 0 3px 0;
		border-style: solid;
		border-width: 0 0 2px 0;
		border-color: transparent;
		transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn-dark {
		color: var(--white);
		border-color: var(--black);
		background-color: var(--black);
}
@media (pointer:fine) {
		.btn-dark:hover {
				color: var(--black);
				background-color: transparent;
		}
}
.btn-dark:active {
		color: var(--black);
		background-color: var(--grey-bg);
}
.title1, .title2, .title3, .title4, .title5 {
		font-weight: normal;
		line-height: 1;
		letter-spacing: -0.05em;
		margin: 0;
		font-family: var(--font2);
}
.title1 {
		font-size: 36px;
		letter-spacing: -0.04em;
}
.title2 {
		font-size: 32px;
}
.title3 {
		font-size: 32px;
}
.title4 {
		font-size: 28px;
}
.title5 {
		font-size: 18px;
		line-height: 1.2;
}
.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;
}
.container {
		padding: 0 16px;
		flex: 0 0 auto;
		width: 100%;
		margin: 0 auto;
}
.header {
		position: sticky;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		background: var(--body);
}
.header .container {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
}
.header .logo {
		flex: 0 0 auto;
		position: relative;
		z-index: 3;
}

@media only screen and (min-width: 580px) and (max-width: 1279px) {
		.header .logo {
				margin-right: auto;
		}
}
.header .logo img {
		width: auto;
}
.header .menu {
		display: flex;
		gap: 20px 25px;
		z-index: 1;
		letter-spacing: 0.02em;
}
.header .menu > * {
		flex: 0 0 auto;
		padding: 5px 0 3.5px 0;
		border-style: solid;
		border-width: 0 0 1.5px 0;
		border-color: transparent;
		transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		text-decoration: none !important;
		color: inherit;
}
@media (pointer:fine) {
		.header .menu > a:hover {
				border-bottom-color: var(--black);
		}
}
.lang {
		flex: 0 0 auto;
		position: relative;
		z-index: 3;
		/*text-transform: uppercase;*/
		border-radius: 10px;
		font-size: 12px;
		line-height: 1;
		border-style: solid;
		border-width: 1px;
		border-color: transparent;
		transition-property: border, background, color;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.lang .d-mob{
    display: none;
}

.lang img {
		width: auto;
		flex: 0 0 auto;
}
@media (pointer:fine) {
		.lang:hover {
				background-color: var(--white);
				border-color: var(--grey-bg);
				color: var(--black);
		}
}
.lang.open, .lang.clicked {
		/*background-color: var(--white);*/
		background-color: #eae9e9;
		border-color: var(--grey-bg);
		color: var(--black) !important;
        min-width: 165px;
}
.lang .toggle {
		cursor: pointer;
		user-select: none;
		padding: 11px 25px 11px 11px;
		display: flex;
		align-items: center;
}
@media only screen and (max-width: 767px) {
        .lang.open, .lang.clicked{
            min-width: unset;
        }
        .lang .d-mob{
            display: block;
        }
        .lang .d-desc{
            display: none;
        }
		.lang {
				gap: 5px;
		}
		.lang .toggle, .lang .sub > * {
				gap: 5px;
		}
		.lang img {
				height: 14px;
		}
		.lang .toggle, .lang .sub > * {
				gap: 5px;
		}
}
.lang .toggle:before, .lang .toggle:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 11px;
		margin: -3.5px 0;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
		width: 10px;
		height: 7px;
		transition-property: transform, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: rotate(0deg);
}
.lang .toggle:before {
		background-image: url("../img/chevron-down-white.svg");
}
.lang .toggle:after {
		background-image: url("../img/chevron-down-dark.svg");
}
.header .lang.open .toggle:before, .header .lang.clicked .toggle:before {
		opacity: 0;
}
.header .lang.open .toggle:after, .header .lang.clicked .toggle:after {
		transform: rotate(-180deg);
}
.footer .lang {
		color: var(--white);
}
.footer .lang .toggle:after {
		opacity: 0;
}
@media (pointer:fine) {
		.footer .lang:hover {
				color: var(--black);
		}
		.footer .lang:hover .toggle:after {
				opacity: 1;
		}
}
.footer .lang.open .toggle:after, .footer .lang.clicked .toggle:after {
		opacity: 1;
}
.lang .sub {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 -1px;
		border-style: solid;
		border-color: transparent;
		transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		/*background: var(--white);*/
		background: #eae9e9;
		color: var(--black);
		z-index: 2;
		pointer-events: none;
		overflow: hidden;
}
.lang .sub a {
		color: inherit !important;
}
.header .lang .sub {
		top: calc(100% - 10px);
		border-radius: 0 0 10px 10px;
		border-width: 0 1px 1px 1px;
}
.footer .lang .sub {
		bottom: calc(100% - 10px);
		border-radius: 10px 10px 0 0;
		border-width: 1px 1px 0 1px;
}
.lang.open .sub, .lang.clicked .sub {
		border-color: var(--grey-bg);
}
.lang:not(.open) .sub {
		display: none;
}
.lang .sub > * {
		pointer-events: all;
		text-decoration: none;
		color: inherit;
		padding: 5px 11px;
		display: flex;
		align-items: center;
		gap: 6px;
}
@media (pointer:fine) {
		.lang .sub > a:hover, .lang .toggle:hover {
				text-decoration: underline;
		}
}
.header .lang .sub > *:first-child {
		margin-top: 5px;
}
.header .lang .sub > *:last-child {
		margin-bottom: 7px;
}
.footer .lang .sub > *:first-child {
		margin-top: 7px;
}
.footer .lang .sub > *:last-child {
		margin-bottom: 5px;
}
.header .right {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
}
.header .btns {
		flex: 1 1 auto;
		display: flex;
		align-items: center;
		gap: 8px;
}
.header .btns > * {
		flex: 1 1 auto;
}
@media (pointer:fine) {
		.btn-header-white:hover span {
				border-bottom-color: var(--black);
		}
}
.btn-header-white:active span {
		border-bottom-color: var(--black);
}
.user-menu {
		flex: 0 0 auto;
		max-width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		font-size: 15px;
		line-height: 1;
		padding: 12px 25px;
		background: var(--white);
		border-radius: 16px;
		position: relative;
		z-index: 3;
}
.user-menu > * {
		flex: 0 0 auto;
		padding: 3px;
		margin: 0 -3px;
		text-decoration: none;
		color: inherit;
}
.user-menu .logout {
		font-size: 12px;
		letter-spacing: 0.02em;
		color: var(--grey);
		text-decoration: none !important;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.user-menu a:hover {
				text-decoration: underline;
		}
		.user-menu a.logout:hover {
				color: var(--red);
		}
}
@media only screen and (max-width: 767px) {
		.header .right {
				position: fixed;
				right: 0;
				width: 100%;
				bottom: 0;
				z-index: 3;
				padding: 20px;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		html:not(.open-menu) .header .right {
				opacity: 0;
				pointer-events: none;
		}
		@media only screen and (max-width: 579px) {
				.header .lang {
						margin: 0 auto;
				}
		}
		@media only screen and (min-width: 580px) {
				.header .right {
						width: 375px;
				}
		}
		.header .btns > * {
				padding: 0;
		}
}
@media only screen and (max-width: 1279px) {
		.header .menu {
				top: 0;
				height: 100%;
				overflow: hidden;
				overflow-y: auto;
				background: var(--accident);
				flex-direction: column;
				align-items: flex-start;
				font-size: 25px;
				line-height: 32px;
				padding: 0 16px;
		}
		.header .menu:before, .header .menu:after {
				content: '';
				width: 100%;
				flex: 0 0 auto;
				background: inherit;
				position: sticky;
				z-index: 2;
		}
		.header .menu:before {
				top: 0;
		}
		.header .menu:after {
				height: 91px;
				bottom: 0;
		}
		.header .menu {
				position: fixed;
				right: 0;
				width: 100%;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		@media only screen and (min-width: 580px) {
				.header .menu {
						width: 375px;
				}
		}
		.menu-fader {
				position: fixed;
				z-index: 99;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: var(--grey-bg);
				backdrop-filter: blur(5px);
				-webkit-backdrop-filter: blur(5px);
				backface-visibility: hidden;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		html.open-menu {
				overflow: hidden;
		}
		html:not(.open-menu) .header .menu, html:not(.open-menu) .menu-fader {
				opacity: 0;
				pointer-events: none;
		}
		.toggle-menu {
				flex: 0 0 auto;
				align-self: stretch;
				cursor: pointer;
				user-select: none;
				padding: 0 16px;
				margin-right: -16px;
				display: flex;
				flex-direction: column;
				align-items: flex-end;
				justify-content: center;
				gap: 6px;
				position: relative;
				z-index: 3;
		}
		.toggle-menu:before, .toggle-menu:after {
				content: '';
		}
		.toggle-menu:before, .toggle-menu:after, .toggle-menu > * {
				flex: 0 0 auto;
				background: var(--black);
				height: 3px;
				border-radius: 1.5px;
				transition-property: transform, opacity, width;
				transition-duration: 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
				transform: translate3d(0, 0, 0) rotate(0deg);
		}
		.toggle-menu:before {
				width: 24px;
		}
		.toggle-menu > * {
				width: 32px;
		}
		.toggle-menu:after {
				width: 18px;
		}
		.open-menu .toggle-menu:before, .open-menu .toggle-menu:after {
				width: 32px;
		}
		.open-menu .toggle-menu > * {
				opacity: 0;
		}
		.open-menu .toggle-menu:before {
				transform: translate3d(0, 9px, 0) rotate(-135deg);
		}
		.open-menu .toggle-menu:after {
				transform: translate3d(0, -9px, 0) rotate(135deg);
		}
		.btn-header-white {
				color: var(--black);
				border-color: var(--black);
		}
}
.header {
		height: 78px;
}
@media only screen and (max-width: 1023px) {
		.header .logo img {
				height: 38px;
				width: auto;
		}
		.header .menu:before {
				height: 78px;
		}
}
.footer {
		background: var(--black);
		color: var(--white);
}
.footer .top {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
}
.footer .line {
		height: 1px;
		background: var(--white);
		opacity: 0.07;
}
.footer .bottom {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 15px 30px;
		padding-top: 30px;
		padding-bottom: 30px;
		font-size: 12px;
		line-height: 15px;
		color: rgba(255, 255, 255, 0.5);
}
.footer .bottom > a {
		flex: 0 0 auto;
		color: var(--white);
		text-decoration: none !important;
		padding: 5px 0 4px 0;
		margin: -5px 0;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: transparent;
		transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.footer .bottom > a:hover {
				border-bottom-color: var(--white);
		}
}
@media only screen and (max-width: 1023px) {
		.footer .bottom .text {
				flex: 0 0 auto;
				width: 100%;
		}
}
.footer .logo img {
		width: auto;
		height: 74px;
}
.footer .menu {
		gap: 15px 25px;
		letter-spacing: 0.02em;
}
.footer .menu > * {
		flex: 0 0 auto;
		padding: 5px 0 3.5px 0;
		margin: -5px 0;
		border-style: solid;
		border-width: 0 0 1.5px 0;
		border-color: transparent;
		transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		text-decoration: none !important;
		color: inherit;
}
@media (pointer:fine) {
		.footer .menu > a:hover {
				border-bottom-color: var(--white);
		}
}
@media only screen and (max-width: 1023px) {
		.footer .menu {
				display: grid;
				grid-template-columns: repeat(2, auto);
				grid-template-rows: 1fr 1fr 1fr;
				grid-auto-flow: column;
				font-size: 20px;
				line-height: 26px;
		}
		.footer .menu > * {
				margin-right: auto;
		}
}
.footer .soc {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 6px;
}
.footer .soc > * {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 46px;
		height: 46px;
		background: rgba(255, 255, 255, 0.07);
		border-radius: 13px;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.footer .soc svg {
		flex: 0 0 auto;
		width: 20px;
		height: 20px;
		fill: var(--white);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.footer .lang {
		margin: -12px -12px -12px 0;
}
@media (pointer:fine) {
		.footer .soc > a:hover {
				background-color: var(--accident);
		}
		.footer .soc > a:hover svg {
				fill: var(--black);
		}
}
@media only screen and (max-width: 767px) {
		.footer .top, .footer .bottom {
				flex-direction: column;
				align-items: flex-start;
		}
		.footer .menu {
				align-self: stretch;
		}
		.footer .bottom .lang {
				margin-left: auto;
				margin-top: -42px;
		}
}
.top-index {
		padding-bottom: 40px;
}
@media only screen and (max-width: 1279px) {
		.top-index .bg {
				background: var(--accident);
				border-radius: 25px;
				padding: 40px 0 80px 0;
		}
}
.top-index .title1 {
		position: relative;
		margin: 0 0 21px 0;
}
@media only screen and (max-width: 1023px) {
		.top-index .title1 {
				font: normal 25px/1.1 var(--font2);
		}
}
.top-index .title1 .border {
		display: inline-block;
		vertical-align: middle;
		font-size: 15px;
		line-height: 1;
		border: 2px solid var(--black);
		border-radius: 6px;
		padding: 3px 10px 6px 10px;
		margin: 8px 0;
		letter-spacing: -0.04em;
		position: relative;
}
@media only screen and (max-width: 767px) {
		.top-index .title1 br {
				display: none;
		}
		.top-index .title1 .border:after {
				content: '';
				pointer-events: none;
				position: absolute;
				background: url("../img/top-index/title-mobile.svg") no-repeat 50% 50%;
				background-size: contain;
				width: 49px;
				height: 57px;
				top: -10px;
				right: -75px;
		}
}
.top-index .bg .text {
		font-size: 17px;
		line-height: 1.2;
}
.top-index .btn {
		width: 100%;
		margin-top: 20px;
		padding: 0;
}
.top-index .image {
		position: relative;
		margin: -48px auto 40px auto;
		padding: 8px;
		background: var(--black);
		border-radius: 23px;
		box-shadow: 0px 20px 50px var(--grey-bg);
}
.top-index .image img {
		width: 100%;
		height: auto;
		border-radius: 15px;
}
.top-index .blocks {
		display: grid;
		gap: 15px;
		grid-template-columns: repeat(1, 1fr);
		counter-reset: b;
}
.top-index .el {
		font-size: 20px;
		line-height: 1.2;
		display: flex;
		flex-direction: column;
		background-color: var(--white);
		background-repeat: no-repeat;
		padding: 20px 20px 139px 20px;
		gap: 15px;
		border-radius: 15px;
}
.top-index .el > * {
		flex: 0 0 auto;
		width: 100%;
}
.top-index .el:after {
		content: counter(b, decimal-leading-zero);
		counter-increment: b;
		font: normal 18px/1 var(--font2);
		color: var(--grey);
}
.top-index .el.bg1 {
		background-image: url("../img/top-index/bg1.svg");
		background-size: 362px auto;
		background-position: calc(50% + 30px) calc(100% + 90px);
}
.top-index .el.bg1 > * {
		max-width: 12.95em;
}
.top-index .el.bg2 {
		background-image: url("../img/top-index/bg2.svg");
		background-size: 294px auto;
		background-position: calc(100% + 40px) calc(100% + 125px);
}
.top-index .el.bg2 > * {
		max-width: 15.45em;
}
.top-index .el.bg3 {
		background-image: url("../img/top-index/bg3.svg");
		background-size: 682px auto;
		background-position: calc(50% + 5px) calc(100% + 470px);
		padding-bottom: 191px;
}
.top-index .el.bg3 > * {
		max-width: 17.59em;
}
.modal-video .mfp-figure, .modal-gallery .mfp-figure {
		opacity: 0;
		transition: all 0.2s ease-out;
}
.modal-video.mfp-ready .mfp-figure, .modal-gallery.mfp-ready .mfp-figure {
		opacity: 1;
}
.modal-video.mfp-removing .mfp-figure, .modal-gallery.mfp-removing .mfp-figure {
		opacity: 0;
}
.modal-video.mfp-bg, .modal-gallery.mfp-bg {
		background: var(--grey-bg) !important;
		opacity: 0;
		transition: opacity 0.2s ease-out;
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
}
.modal-video.mfp-ready.mfp-bg, .modal-gallery.mfp-ready.mfp-bg {
		opacity: 1;
}
.modal-video.mfp-removing.mfp-bg, .modal-gallery.mfp-removing.mfp-bg {
		opacity: 0;
}
.modal-video .mfp-close, .modal-video .mfp-bottom-bar, .modal-video .mfp-figure:after, .modal-gallery .mfp-close, .modal-gallery .mfp-bottom-bar, .modal-gallery .mfp-figure:after {
		display: none !important;
}
.mfp-iframe-holder {
		padding: 80px 0 !important;
}
.mfp-iframe-holder .mfp-content {
		max-width: calc(150vh - 160px) !important;
}
.about {
		background: var(--white);
		padding-top: 40px;
		padding-bottom: 40px;
		line-height: 1.3;
}
.about .title2, .about .title3 {
		margin: 0 0 15px 0;
}
.about .title2 strong, .about .title3 strong {
		font-weight: inherit;
		color: var(--grey);
}
.about .video {
		display: block;
		position: relative;
		padding: 8px;
		box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.1);
		border-radius: 15px;
		background: var(--black);
		text-decoration: none !important;
		margin: 30px auto 40px auto;
		max-width: 530px;
}
.about .video:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		z-index: 2;
		background: var(--black);
		opacity: 0.5;
}
.about .video img {
		z-index: 1;
		width: 100%;
		height: auto;
		border-radius: 7px;
}
.about .video div {
		z-index: 3;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		padding: 0 15px;
		text-align: center;
		font-weight: 500;
		font-size: 12px;
		line-height: 1.2;
		color: var(--white);
		text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
		transform: translate3d(-50%, -50%, 0);
		margin-top: 17px;
}
.about .video div:before {
		content: '';
		display: block;
		margin: 0 auto 20px auto;
		width: 48px;
		height: 48px;
		background: var(--accident) url("../img/play.svg") no-repeat 50% 50%;
		background-size: auto 16px;
		border-radius: 8px;
		box-shadow: 0 0 25px rgba(224, 245, 74, 0.5);
		transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		backface-visibility: hidden;
		transform: scale(1);
}
@media (pointer:fine) {
		.about a.video:hover div:before {
				box-shadow: 0 0 25px rgba(224, 245, 74, 1);
		}
}
.about ul {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 52px 16px;
		margin: 67px 0 0 0;
		padding: 0;
}
.about li:before {
		display: none;
}
.about li {
		margin: 0;
		padding: 45px 18px 18px 18px;
		position: relative;
		border: 2px solid var(--black);
		border-radius: 15px;
}
.about .pic {
		position: absolute;
		top: 0;
		left: 18px;
		width: 60px;
		height: 60px;
		margin: -30px 0;
		display: flex;
		align-items: center;
		justify-content: center;
}
.about .pic:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--accident);
		border-radius: 10px;
}
.about li:nth-child(3n - 2) .pic:before {
		transform: rotate(-15deg);
}
.about li:nth-child(3n - 1) .pic:before {
		transform: rotate(15deg);
}
.about li:nth-child(3n) .pic:before {
		transform: rotate(150deg);
}
.about .pic img {
		position: relative;
		flex: 0 0 auto;
		width: auto;
		height: auto;
		max-width: 28px;
		max-height: 28px;
}
.features {
		overflow: hidden;
		padding-top: 40px;
		padding-bottom: 40px;
		line-height: 1.3;
}
.features .top {
		margin-bottom: 41px;
}
.features .title2 {
		margin: 0 0 15px 0;
}
.features ol {
		display: flex;
		flex-direction: column;
		gap: 61px;
		margin: 0;
		padding: 0;
}
.features li {
		position: relative;
		margin: 0;
		padding: 0;
}
.features li:before {
		display: none;
}
.features li > *, .features .text > * {
		position: relative;
}
.features li .num {
		position: absolute !important;
		pointer-events: none;
		width: auto;
		margin: 0;
		padding: 0;
		font: normal 66px/1 var(--font2);
		color: var(--accident);
}
.features li .num:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
		.features li > .num {
				display: none;
		}
		.features li .title4 > * {
				position: relative;
		}
		.features li .num {
				bottom: 0;
				right: 0;
				left: auto;
		}
		.features li:nth-child(5n - 4) .num {
				transform: rotate(30deg);
				margin: 9px 0;
		}
		.features li:nth-child(5n - 4) .num:after {
				transform: rotate(-30deg);
				background-image: url("../img/features/1mob.svg");
				background-size: 0.287878em auto;
				background-position: 0.2em 30%;
		}
		.features li:nth-child(5n - 3) .num {
				transform: rotate(10.39deg);
				margin: 4px 6px;
		}
		.features li:nth-child(5n - 2) .num {
				transform: rotate(17.1deg);
				margin: -7px 3px;
		}
		.features li:nth-child(5n - 1) .num {
				transform: rotate(10.39deg);
				margin: 15px 20px;
		}
		.features li:nth-child(5n) .num {
				transform: rotate(17.1deg);
				margin: -25px 0;
		}
		.features li:nth-child(5n) .num:after {
				transform: rotate(-17.1deg);
				background-image: url("../img/features/5mob.svg");
				background-size: 0.318181em auto;
				background-position: 50% 75%;
		}
}
.features .image {
		margin: 0 auto 32px auto;
		flex: 0 0 auto;
		max-width: 670px;
		border-radius: 10px;
		display: block;
		z-index: 2;
}
.features .image:before, .features .image:after, .features .image img {
		border-radius: inherit;
		box-shadow: 0px 20px 50px var(--grey-bg);
		border-radius: 7px;
}
.features .image:before, .features .image:after {
		pointer-events: none;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.features .image:before {
		transform: rotate(-4deg);
}
.features .image:after {
		transform: rotate(4deg);
}
.features li:nth-child(odd) .image:before, .features li:nth-child(even) .image:after {
		background: var(--accident);
}
.features li:nth-child(odd) .image:after, .features li:nth-child(even) .image:before {
		border: 2px solid var(--black);
}
.features .image img {
		position: relative;
		z-index: 3;
		width: 100%;
		height: auto;
}
.features .title4 {
		margin: 0 0 15px 0;
		position: relative;
}
.features .title4 .small {
		font-size: 22px;
}
.more-about {
		background-color: var(--accident);
		padding: 40px 0;
}
@media only screen and (max-width: 1023px) {
		.more-about {
				background-image: url("../img/more-about/tr-mob.svg"), url("../img/more-about/br-mob.svg");
				background-repeat: no-repeat;
				background-position: 100% 0, 100% 100%;
				background-size: 99px auto, 159px auto;
				letter-spacing: -0.04em;
		}
}
.more-about a {
		text-decoration: none !important;
		padding-bottom: 8px;
		margin-bottom: -11px;
		border-style: solid;
		border-width: 0 0 3px 0;
		transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		display: inline-block;
		vertical-align: top;
		white-space: nowrap;
}
@media (pointer:fine) {
		.more-about a:hover {
				border-bottom-color: transparent;
		}
}
.more-about .text {
		position: relative;
		max-width: 17.666666em;
}
.usage {
		overflow: hidden;
		padding-top: 40px;
		padding-bottom: 40px;
		background: var(--white);
}
.usage .title2 {
		text-align: center;
		margin: 0 0 -10px 0;
}
.usage .title2 span {
		display: inline-block;
		vertical-align: top;
		font-size: 14px;
		line-height: 1;
		letter-spacing: -0.04em;
		padding: 3px 10px 6px 10px;
		border: 2px solid var(--black);
		border-radius: 6px;
		margin-bottom: 10px;
}
.usage .el {
		margin-top: 48px;
		line-height: 1.5;
}
.usage .title4 {
		margin: 0 0 15px 0;
}
.usage .title4 span {
		display: inline-block;
		vertical-align: top;
		font: bold 9px/1 var(--font);
		letter-spacing: 0.05em;
		text-transform: uppercase;
		padding: 8px 10px;
		border-radius: 6px;
		background: var(--accident);
		margin: 0 0 10px 0;
}
.usage ul {
		display: flex;
		flex-direction: column;
		margin: 15px 0 0 0;
		padding: 0;
		align-items: flex-start;
		gap: 4px;
		font-weight: 500;
		font-size: 11px;
		line-height: 1.3;
}
.usage li {
		flex: 0 0 auto;
		max-width: 100%;
		display: flex;
		align-items: flex-start;
		gap: 15px;
		margin: 0;
		padding: 8px 12px;
		background: var(--body);
		border-radius: 8px;
}
.usage li:before {
		display: none;
}
.usage li .label {
		flex: 0 0 auto;
		width: 134px;
		opacity: 0.5;
}
.usage .image {
		border-radius: 10px;
		margin: 0 auto 28px auto;
		max-width: 670px;
		position: relative;
		display: block;
}
.usage .image:before, .usage .image img {
		border-radius: inherit;
		box-shadow: 0px 20px 50px var(--grey-bg);
}
.usage .image:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		transform: rotate(3deg);
		background: var(--accident);
		pointer-events: none;
}
.usage .image img {
		width: 100%;
		height: auto;
		position: relative;
	border-radius: 7px;
}
.strategies {
		padding-top: 40px;
		padding-bottom: 40px;
		line-height: 1.5;
}
.strategies .title2 {
		margin: 0 0 15px 0;
}
.strategies .image {
		margin: 0 auto 30px auto;
		max-width: 478px;
		flex: 0 0 auto;
}
.strategies .image img {
		width: 100%;
		height: auto;
}
.try-now {
		background-color: var(--accident);
		text-align: center;
		font-size: 18px;
		line-height: 1.2;
		padding-top: 40px;
		padding-bottom: 40px;
}
@media only screen and (max-width: 1023px) {
		.try-now {
				background-image: url("../img/try-now/tr-mob.svg"), url("../img/try-now/bl-mob.svg");
				background-repeat: no-repeat;
				background-position: 100% 0, 0 100%;
				background-size: auto 338px, auto 300px;
		}
}
.try-now .btn {
		display: inline-flex;
		vertical-align: top;
		padding: 0 22px;
		margin-top: 30px;
}
.try-now .title3 {
		margin: 0 auto 15px auto;
		max-width: 18.89em;
}
.try-now .max {
		margin: 0 auto;
		max-width: 20.526em;
}
.section-title {
		line-height: 1.4;
}
.section-title .bg, .section-title .bg-inner {
		background-repeat: no-repeat;
}

.section-title .bg-inner .title1{
	color: #fff;
}

.section-title .bg-inner .max{
	color: #fff;
}

.section-title .bg-inner .breadcrumbs > span{
	border: 1px solid rgba(255, 255, 255);
	color: #fff;
	opacity: 0.8;
}

.section-title .bg-inner .breadcrumbs > a{
	border-color: #fff;
	color: #fff;
}

.section-title.title-partners .bg-inner{
	display: grid;
	background: #000;
	/*grid-template-columns: 1fr 1fr;*/
}

.section-title.title-partners .bg-inner img {
	width: 100%;
	max-height: 335px;
}

#page-contact .section-title.title-partners .bg-inner img{
	width: auto;
}

#page-contact .section-title.title-partners .bg-inner .img{
	text-align: right;
}

@media only screen and (max-width: 1279px) {
		.section-title .bg {
				background-color: var(--black);
				border-radius: 0;
				padding: 16px 0 0;
		}
}
@media only screen and (max-width: 767px) {
		/*.section-title.title-materials .bg {*/
		/*		padding-bottom: 232px;*/
		/*		background-image: url("../img/materials/mobile.svg");*/
		/*		background-size: auto 594px;*/
		/*		background-position: 50% calc(100% + 280px);*/
		/*}*/
		.section-title.title-faq .bg {
				padding-bottom: 130px;
				background-image: url("../img/faq/mobile.svg");
				background-size: auto 197px;
				background-position: calc(50% + 18px) calc(100% + 18px);
		}

}
.section-title .title1 {
		margin: 0 0 15px 0;
}
.section-title .max {
		max-width: 33.421em;
}
.breadcrumbs {
		display: flex;
		align-items: center;
		gap: 4px;
		margin: 0 0 30px 0;
}
.breadcrumbs > * {
		flex: 0 0 auto;
		max-width: 100%;
		color: inherit;
		font-size: 10px;
		line-height: 1.4;
		padding: 3px 7px;
		border-radius: 6px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}
.breadcrumbs > *:last-child {
		flex: 0 1 auto;
}
.breadcrumbs > a {
		border-color: var(--black);
}
.breadcrumbs a {
		text-decoration: none;
}
@media (pointer:fine) {
		.breadcrumbs a:hover {
				text-decoration: underline;
		}
}
.new-materials {
		margin: 40px 0;
		overflow: hidden;
		position: relative;
}
.new-materials .title2 {
		margin: 0 0 20px 0;
}
.new-materials .swiper {
		overflow: visible !important;
		margin: 0 -5px !important;
		width: auto !important;
}
.new-materials .swiper-slide {
		padding: 0 5px;
		width: 33.333333%;
		min-width: 310px;
}



.article-mini {
		text-decoration: none !important;
		display: block;
		color: inherit;
}
.article-mini .image, .article-card .image {
		position: relative;
		background: var(--white);
		border-radius: 15px;
		max-height: 320px;
}
.article-mini .image {
		margin: 0 0 15px 0;
}
.article-mini .image:before, .article-card .image:before {
		content: '';
		display: block;
}
.article-mini .image:before {
		padding-top: 64.86486%;
}
.article-card .image:before {
		padding-top: 67.35%;
}
.article-mini .image:after, .article-card .image:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		border: 1px solid rgba(0, 0, 0, 0.03);
}
.article-mini .image img, .article-card .image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: inherit;
		object-fit: cover;
		object-position: center;
}
.article-mini .name {
		line-height: 1.2;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
}
@media (pointer:fine) {
		a.article-mini:hover .name {
				text-decoration: underline;
		}
}
.article-mini .date {
		display: inline-block;
		vertical-align: top;
		margin: 10px 0 0 0;
		font-size: 9px;
		line-height: 1.4;
		padding: 4px 8px;
		background: var(--date);
		border-radius: 6px;
}
.materials-list {
		margin-top: 40px;
		margin-bottom: 60px;
}
.materials-list .title2 {
		margin: 0 0 20px 0;
}

.materials-list .list-material-card{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px 30px;
}

.article-card {
		text-decoration: none !important;
		color: inherit;
		display: block;
		font-size: 12px;
		line-height: 1.4;
}
.article-card:not(:last-child) {
		margin-bottom: 30px;
}
.article-card .image {
		margin: 0 0 10px 0;
}
.article-card .text {
		display: flex;
		flex-direction: column;
}
.article-card .name {
		font: normal 20px/1.2 var(--font2);
		letter-spacing: -0.05em;
		margin: 0 0 10px 0;
}
.article-card .descr {
		color: #444;
}
.article-card .descr p:first-child {
		margin-top: 0 !important;
}
.article-card .descr p:last-child {
		margin-bottom: 0 !important;
}
.article-card p {
		margin: 10px 0;
}
.article-card .bottom {
		margin-top: auto;
		padding: 10px 0 0 0;
		flex: 0 0 auto;
		width: 100%;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 4px;
}
.article-card .bottom > * {
		flex: 0 0 auto;
		max-width: 100%;
		font-size: 10px;
		line-height: 1.4;
		padding: 4px 8px;
		border-radius: 6px;
}
.article-card .link {
		background: var(--accident);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		text-decoration: none !important;
}
@media (pointer:fine) {
		.article-card .link:hover {
				background-color: var(--accident-hover);
		}
}
.article-card .date {
		background: var(--date);
}
.pagination {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 4px;
		margin: 40px 0 0 0;
}
.pagination > * {
		flex: 0 0 auto;
		text-align: center;
		min-width: 38px;
		height: 38px;
		border: 2px solid var(--black);
		border-radius: 10px;
		font: normal 16px/34px var(--font2);
		text-decoration: none !important;
		transition-property: color, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		position: relative;
}
.pagination .active {
		border-color: transparent;
		background-color: var(--accident);
}
@media (pointer:fine) {
		.pagination > a:hover {
				color: var(--white);
				background-color: var(--black);
		}
}
@media only screen and (max-width: 767px) {
		.pagination > * {
				width: 38px;
		}
		.pagination .prev, .pagination .next {
				text-align: left;
				text-indent: -100vw;
				overflow: hidden;
		}
		.pagination .prev {
				margin-right: auto;
		}
		.pagination .next {
				margin-left: auto;
		}
		.pagination .prev svg, .pagination .next svg {
				position: absolute;
				width: 14px;
				height: 14px;
				top: 50%;
				left: 50%;
				transform: translate3d(-50%, -50%, 0);
				fill: var(--black);
				transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		.pagination .next svg {
				transform: translate3d(-50%, -50%, 0) scale(-1, 1);
		}
		@media (pointer:fine) {
				.pagination a.prev:hover svg, .pagination a.next:hover svg {
						fill: var(--white);
				}
		}
}
.top-links {
		margin-top: 20px;
		margin-bottom: 20px;
		overflow: hidden;
}
.top-links .swiper {
		overflow: visible !important;
		margin: 0 -3px !important;
		width: auto !important;
}
.top-links .swiper-slide {
		width: auto;
		padding: 0 3px;
}
.top-links .link {
		display: block;
		cursor: pointer;
		user-select: none;
		text-decoration: none !important;
		color: var(--black);
		font-size: 12px;
		line-height: 1.4;
		padding: 4px 8px;
		border: 2px solid var(--black);
		border-radius: 6px;
		transition-property: border, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.top-links .link:hover {
				background-color: var(--accident-hover);
				border-color: transparent;
		}
}
.top-links .link.active {
		cursor: default;
		background-color: var(--accident);
		border-color: transparent;
}
.faq {
		margin-top: 40px;
		margin-bottom: 60px;
}
.faq .section {
		margin-top: 40px;
}
.faq .title3 {
		margin: 0 0 20px 0;
}
@media only screen and (max-width: 767px) {
		.faq .title3 {
				font-size: 24px;
		}
}
.faq .qu {
		margin: 15px 42px 0 0;
		background: var(--white);
		border-radius: 15px;
		font-weight: normal;
		font-size: 14px;
		line-height: 1.4;
}
.faq .title5 {
		cursor: pointer;
		user-select: none;
		position: relative;
		padding: 15px;
		border-radius: inherit;
		margin: 0;
}
.faq .plus {
		position: absolute;
		top: 0;
		right: -42px;
		width: 36px;
		height: 36px;
		border-radius: 8px;
		background: var(--white);
}
.faq .plus:before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 8px;
		background: var(--accident);
}
.faq .plus:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		pointer-events: none;
		background: url("../img/plus.svg") no-repeat 50% 50%;
		background-size: 12px auto;
		transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: rotate(0deg);
}
.faq .qu.open .plus:after {
		transform: rotate(-45deg);
}
.faq .qu:not(.open) .text {
		display: none;
}
.faq .ind {
		padding: 0 15px 15px 15px;
}
.faq .ind > *:first-child {
		margin-top: 0 !important;
}
.faq .ind > *:last-child {
		margin-bottom: 0 !important;
}
.faq p, .faq ol, .faq ul {
		margin: 10px 0;
}
/*edited 07.04.23 start*/
.faq .images {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 10px 0;
		margin: 10px 0;
}
.faq .images img {
		height: auto;
		border-radius: 6px;
		object-fit: cover;
		object-position: center;
}
.faq .images > * {
		flex: 0 0 auto;
		width: 100%;
		border-radius: 6px;
		position: relative;
		display: flex;
		flex-direction: column;
}
.faq .images > * img {
		flex: 1 0 auto;
		width: 100%;
}
/*edited 07.04.23 end*/
.faq .images > *:before, .faq .images > *:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
}
.faq .images > *:before {
		border: 1px solid rgba(0, 0, 0, 0.04);
}
.faq .images > *:after {
		background: rgba(0, 0, 0, 0.5) url("../img/fullscreen.svg") no-repeat 50% 50%;
		background-size: 32px auto;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0;
}
@media (pointer:fine) {
		.faq .images > a:hover:after {
				opacity: 1;
		}
}
.anchor {
		flex: 0 0 auto;
		width: 100%;
		height: 0;
		overflow: hidden;
		position: relative;
		top: -76px;
}
.partners {
		margin-top: 20px;
		margin-bottom: 60px;
		font-size: 12px;
}
.partners .container {
		display: flex;
		flex-direction: column;
		gap: 20px;
}
.partner {
		flex: 0 0 auto;
		width: 100%;
		position: relative;
		line-height: 1.35;
}
.partner a {
		text-decoration: none;
}
@media (pointer:fine) {
		.partner a:hover {
				text-decoration: underline;
		}
}
/*edited 06.04.23 start*/
.partner .logo {
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		width: 80px;
		height: 80px;
		background: var(--white);
		border-radius: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
}
/*edited 06.04.23 end*/
.partner .logo img {
		flex: 0 0 auto;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
}
.partner .name {
		font: normal 18px/1.2 var(--font2);
		letter-spacing: -0.05em;
}
.partner .info {
		margin: 0;
		padding: 0;
		display: grid;
	grid-template-columns: 160px 83px;
		gap: 6px;
}
/*edited 05.04.23 start*/
.partner .info:empty {
		display: none;
}
/*edited 05.04.23 end*/
.partner .info li {
		display: flex;
		align-items: center;
		gap: 6px;
		margin: 0;
		padding: 0;
		flex: 0 0 auto;
		max-width: 100%;
}
.partner .info li:before {
		display: none;
}
.partner .info .label {
		opacity: 0.5;
}

.partner .info li:last-child{
	background: var(--accident);
}
@media only screen and (max-width: 767px) {
		.partner .logo {
				position: absolute;
				top: 0;
				left: 0;
		}
		/*edited 05.04.23 start*/
		.partner .name {
				display: flex;
				align-items: center;
				padding: 18px 20px;
				min-height: 80px;
				margin: 0 0 6px 0;
				background: var(--white);
				border-radius: 15px;
				word-wrap: break-word;
		}
		.partner .logo ~ .head .name {
				margin-left: 86px;
		}
		/*edited 05.04.23 end*/
		.partner .info {
				flex-direction: column;
				background: var(--white);
				border-radius: 15px 15px 0 0;
				margin-bottom: -1px;
				padding: 15px 15px 0 15px;
				gap: 10px;
			display: flex;
		}
		.partner .text {
				background: var(--white);
				padding: 11px 15px 15px 15px;
				border-radius: 0 0 15px 15px;
		}

	.partner .info li:last-child{
		background: none;
	}
}
.article {
		font-weight: normal;
		line-height: 1.4;
		margin: 0 0 40px 0;
		padding: 0;
		display: block;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
		font: normal 20px/1.1 var(--font2);
		letter-spacing: -0.05em;
		margin: 25px 0 10px 0;
}
.article h1 {
		font-size: 26px;
		line-height: 1;
		letter-spacing: -0.04em;
		margin: 0 0 15px 0;
}
.article h2 {
		font-size: 24px;
		letter-spacing: -0.04em;
		margin-bottom: 15px;
}
.article p, .article ul, .article ol, .article li {
		margin: 10px 0;
}
.article li {
		position: relative;
		padding: 0 0 0 30px;
}
.article li:before {
		content: '';
		position: absolute;
		top: 0.7em;
		left: 4px;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		margin: -6px 0;
		padding: 0;
		min-width: 0;
		background: var(--accident);
}
.article ul > li:after {
		content: '';
		position: absolute;
		top: 0.7em;
		left: 8px;
		background: url("../img/li.svg") no-repeat 50% 50%;
		background-size: contain;
		width: 9px;
		height: 9px;
		margin: -6px 0;
}
.article ol {
		counter-reset: a;
}
.article ol > li:before {
		top: 0.9em;
}
.article ol > li:after {
		counter-increment: a;
		content: counter(a, decimal-leading-zero);
		position: absolute;
		top: 0;
		left: 0;
		font-weight: normal;
		font-family: var(--font2);
		transform: scale(1.111);
}
.article blockquote {
		display: block;
		margin: 43px 0 25px 0;
		background: var(--accident);
		padding: 28px 15px 15px 15px;
		border-radius: 15px;
		font-weight: 500;
		font-style: italic;
		position: relative;
}
.article blockquote:before {
		content: '';
		position: absolute;
		top: -18px;
		left: 15px;
		background: url("../img/quote.svg") no-repeat 50% 50%;
		background-size: contain;
		width: 36px;
		height: 36px;
}
.article blockquote > *:first-child {
		margin-top: 0 !important;
}
.article blockquote > *:last-child {
		margin-bottom: 0 !important;
}
.article .image {
		margin: 25px 0;
		padding: 0;
		border: 0;
		outline: none;
		display: block;
}
.article .image img {
		width: 100%;
		height: auto;
		border-radius: 15px;
}
.article .image img:not(:last-child) {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
}
.article .image .caption {
		display: block;
		margin: 0;
		padding: 10px;
		background: var(--accident);
		font-size: 10px;
}
.article .image .caption:first-child {
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
}
.article .image .caption:last-child {
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
}
.article .image .caption > *:first-child {
		margin-top: 0 !important;
}
.article .image .caption > *:last-child {
		margin-bottom: 0 !important;
}
.article .container:not(.max2) {
		max-width: 830px;
}
.article-head {
		padding: 16px 0 40px 0;
		position: relative;
		border-radius: 25px;
		margin-bottom: 30px;
		font-weight: 500;
}
.article-head .container > * {
		position: relative;
}
.article-head .top-image {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 0;
		border: 0;
		outline: none;
		border-radius: 25px;
}
.article-head .top-image img {
		width: 100%;
		height: 100%;
		border-radius: inherit;
		object-fit: cover;
		object-position: center;
}
.article-head .top-image:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		background: linear-gradient(0deg, rgba(224, 245, 74, 0.85), rgba(224, 245, 74, 0.85));
}
.article-head .title3 {
		margin: 0 0 15px 0;
}


#circle-up{
	background: var(--accident);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 99999;
	box-shadow: 0 0 12px 2px #b6b6b6;
	cursor: pointer;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}

#circle-up img{
	opacity: 0.7;
	width: 25px;
}

#circle-up:hover{
	background: var(--accident-hover);
	box-shadow: 0 0 5px 2px #b6b6b6;
	transition: all 0.3s;
}

@media only screen and (max-width: 767px) {

	.materials-list .list-material-card{
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

		.article-head .title3 {
				font-size: 26px;
		}


	#circle-up{
		width: 40px;
		height: 40px;
		bottom: 30px;
		right: 30px;
	}

	#circle-up img{
		max-width: 20px;
	}

}

.banner-material .container{
	padding: 30px 0 136px 80px;
}

@media only screen and (max-width: 1400px) {
	.banner-material .container{
		padding: 30px 0 136px 60px;
	}
}

@media only screen and (max-width: 1100px) {
	.section-banner-partner .title3{
		padding: 0 0 50px 0;
		padding-top: 0 !important;
	}
	.banner-material .container{
		padding: 0 16px 30px;
	}
	.banner-material .bg-img img{
		width: 100%;
		max-width: 500px;
	}

	.banner-material .bg-img{
		text-align: right;
	}
}


.section-material{
	background: url("/img/materials/home-bg-img.png");
	background-position: center;
	background-size: cover;
}

.section-material .material-block{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	gap: 20px;

}

.section-material .material-block img{
	width: 100%;
}

.section-material .text{
	padding: 65px 0 45px;
}

.section-material .text .top{
	margin-bottom: 15px;
	font-family: 'RoadRadio';
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
	text-transform: uppercase;
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(90deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 64%, rgba(255,255,255,0.3) 100%);
}

.section-material .text p{
	margin: 0;
	margin-bottom: 15px;
	font-size: 36px;
	line-height: 36px;
	font-family: 'RoadRadio';
	font-weight: bold;
	text-transform: uppercase;
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(90deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 64%, rgba(255,255,255,0.3) 100%);
}

.button-black-green{
	background: var(--accident);
	border-radius: 8px;
	padding: 2px 9.5px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 9.5px;
	font-size: 20px;
	text-transform: uppercase;
	transition: all 0.3s;
}

.button-black-green:hover{
	gap: 0;
	transition: all 0.3s;
}

.button-black-green::before,
.button-black-green::after{
	content: '';
	display: block;
	width: 2px;
	height: 20px;
	background: #000;
	transition: all 0.3s;
}

.button-black-green:hover::before,
.button-black-green:hover::after{
	transition: all 0.3s;
	opacity: 0;
}


.button-black-green span{
	padding: 28px 73px;
	background: #000;
	color: #fff;
	border-radius: 8px;
}

.section-footer{
	padding: 65px 0 140px;
	background: url("/img/footer-bg-desc.jpg");
	background-position: bottom;
	background-size: cover;
}

.section-footer .footer-block{
	max-width: 610px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.section-footer .footer-block p{
	font-size: 19px;
	line-height: 22px;
	color: #fff;
	margin: 20px 0 30px;
}

.section-footer .footer-block p span{
	color: var(--accident);
}

.section-footer .footer-block h2{
	margin: 0;
	font-size: 46px;
	line-height: 52px;
	font-family: 'RoadRadio';
	font-weight: bold;
	text-transform: uppercase;
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(90deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 64%, rgba(255,255,255,0.3) 100%);
}

.section-footer .footer-block h2 span{
	color: var(--accident);
}

.section-banner-partner{
	background: #232323;
	padding-bottom: 20px;
}

.section-banner-partner strong{
	margin: 0;
	margin-bottom: 15px;
	font-size: 36px;
	line-height: 36px;
	font-family: 'RoadRadio';
	font-weight: bold;
	text-transform: uppercase;
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 1) 37%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 0.3) 100%);
}

.section-banner-partner .top{
	margin-bottom: 50px;
}

.section-banner-partner .banner-partner{
	display: grid;
	grid-template-columns: 570px 1fr;
	align-items: center;
	justify-content: space-between;
	gap: 100px;
}

.section-banner-partner .banner-partner img{
	width: 100%;
}

.section-banner-partner p{
	color: #fff;
	font-size: 19px;
}

.section-banner-partner .title .img-title{
	display: none;
}

.banner-material .breadcrumbs > a, .banner-material .breadcrumbs > *{
	border-color: var(--white);
	color: var(--white);
}

.banner-material{
	color: var(--white);
}

#page-404{
	padding: 100px 0;
}

#page-404 .under{
	display: grid;
	grid-template-columns: 365px 700px;
	gap: 110px;
	align-items: center;
}

#page-404 .under .text{
	text-align: center;
}

#page-404 .under a{
	margin-top: 30px;
	font-size: 16px;
}

#page-404 .top-chart{
	height: 340px;
	position: relative;
}

.article-container{
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 20px;
	position: sticky;
	top: 100px;
	max-width: 1000px !important;
}

#page-instruction .grid{
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 15px;
}

#page-instruction .list-instruction ul{
	/*list-style: decimal;*/
}

#page-instruction .list-instruction ul li{
	padding: 0;
	/*list-style: decimal;*/
}

#page-instruction .list-instruction a{
	text-decoration: none;
	opacity: 0.5;
}

#page-instruction .list-instruction a.active{
	opacity: 1;
}

#page-instruction .list-instruction ul li::before{
	content: none;
}

#container-loading{
	text-align: center;
}

#loading-spinner {
	width: 48px;
	height: 48px;
	border: 3px solid var(--accident);
	border-radius: 50%;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}
#loading-spinner::after {
	content: '';
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 3px solid;
	border-color: var(--black) transparent;
}

#tariffs .text-tariff{
	text-align: left;
	margin-top: 30px;
	font-size: 20px;
	line-height: 1.5;
}

#block-cookie{
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #000;
	color: #fff;
	z-index: 9999;
	box-shadow: 0px -4px 12px 3px #3838387a;
	display: none;
}

#block-cookie .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 50px;
}

#block-cookie .btn-cookie{
	display: flex;
	align-items: center;
	gap: 15px;
}

#block-cookie button{
	cursor: pointer;
	border-radius: 8px;
	padding: 10px 15px;
	font: 500 18px / 24px var(--font);
	transition: all 0.3s;
}

#block-cookie button:hover{
	opacity: 0.7;
	transition: all 0.3s;
}


#block-cookie button.success{
	background: var(--accident);
	color: #000;
    white-space: nowrap;
}

#block-cookie button.close{
	background: #000;
	color: var(--accident);
	border: 1px solid var(--accident);
}



#block-cookie a{
	color: var(--accident);
}


.input-checkbox{
	display: inline-flex;
	gap: 10px;
	align-items: start;
	text-align: left;
}

.input-checkbox input{
	position: relative;
	top: 3px;
}

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

.footer-lang{
    width: 100%;
    display: flex;
}

.top-index .title3{
	text-align: center;
	margin-bottom: 35px;
}


.about .top{
	margin-top: 30px;
}

.section-banner-partner .title3{
	text-align: center;
	background-clip: text;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 1) 37%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 0.3) 100%);
	color: transparent;
	padding-top: 50px;
}

.tariff-progress{
    margin: 50px 0;
}

.tariff-progress .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 26px;
}

.tariff-progress .line-progress{
    background: #FFF;
    height: 30px;
    width: 100%;
    border-radius: 50px;
    padding: 5px;
}

.tariff-progress  .value-progress{
    background: #CEF367;
    height: 100%;
    border-radius: 50px;
}

.tariff-progress .value span:last-of-type{
    font-size: 18px;
}