/* ------------------------------------------------------------------------ */

* {
	padding: 0;
	margin: 0;
	border: 0;
}

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

:focus,
:active {
	outline: none;
}

a:focus,
a:active {
	outline: none;
}

nav,
footer,
header,
aside {
	display: block;
}

html,
body {
	height: 100%;
	width: 100%;
	font-size: 100%;
	line-height: 1;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
	font-family: inherit;
}

input::-ms-clear {
	display: none;
}

button {
	cursor: pointer;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

a {
	color: inherit;
}

a,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: 400;
}

/* ---------------------------------------------------------------------------- */

html {
	scroll-behavior: smooth;
}

body {
	font-family: "Montserrat";
	overflow-x: hidden;
	color: #fff;
	background: #0D0D0D;
}

.wrapper {
	overflow-x: hidden;
	height: 100%;
	width: 100%;
}

/* ------------------------------------------copy---------------------------------- */

.container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 10px;
}

.btn {
	display: flex;
	align-items: center;
	gap: 24px;
}

.btn-support {
	display: inline-block;
	color: #0F0F0F;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	padding: 11px 35px;
	border-radius: 5px;
	background: #FFF;
	border-radius: 5px;
	border: 1px solid #FFF;
	min-height: 43px;
}

.btn-order {
	position: relative;
	display: inline-block;
	padding: 12px 62px 12px 22px;
	color: #FFF;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
	border-radius: 5px;
	border: 1px solid #FFF;
	min-height: 43px;
}

.btn-order:hover {
	position: relative;
	display: inline-block;
	padding: 12px 62px 12px 22px;
	color: #FFF;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
	border-radius: 5px;
	border: 1px solid #FFF;
	min-height: 43px;
	background: rgba(255, 255, 255, 0.02);
}

.btn-order::after {
	content: '';

	position: absolute;
	top: 50%;
	right: 20px;
	width: 30px;
	height: 10px;
	transform: translateY(-50%);

	background-image: url('../img/Arrow.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.contact-us-btn {}

.contact-us-btn-link {
	position: relative;
	display: inline-block;
	padding: 18px 82px 18px 30px;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	border-radius: 5px;
	border: 1px solid #FFF;
}

.contact-us-btn-link:hover {
	position: relative;
	display: inline-block;
	padding: 18px 82px 18px 30px;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	border-radius: 5px;
	border: 1px solid #FFF;
	background: rgba(255, 255, 255, 0.02);
}

.contact-us-btn-link::after {
	content: '';

	position: absolute;
	top: 50%;
	right: 30px;
	width: 40px;
	height: 8px;
	transform: translateY(-50%);

	background-image: url('../img/Arrow.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.title {
	position: relative;
}

.title-pteview {
	margin: 0px 0px 33px 0px;
}

.title-text {
	color: #FFF;
	font-size: 64px;
	font-weight: 700;
	line-height: 107.4%;
	letter-spacing: -0.64px;
}

.subtitle-text {
	position: absolute;
	bottom: 8px;
	right: 0;
	width: 100%;
	height: 100%;
	color: #FFF;
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
	max-width: 254px;
	max-height: 48px;
}

.subtitle-text-sp {
	display: block;
}

/* -------------------------header---------------------------- */

.header {
	position: relative;
}

.header-line-pos {
	position: absolute;
	top: 0;
	left: 1020px;
	width: 900px;
	height: 500px;
	z-index: -1;
}

.header-line-img {
	width: 900px;
	height: 500px;
}

.header__container {}

.header__inner {
	padding: 40px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header__left {
	display: flex;
	align-items: center;
	gap: 50px;
}

.logotip {}

.logotip-link {
	display: flex;
	align-items: center;
	gap: 12px;
}

.logotip__img {
	mix-blend-mode: difference;
}

.logotip__texrt {
	color: #FFF;
	font-size: 32px;
	font-style: italic;
	font-weight: 700;
}

.nav {}

.nav__list {
	display: flex;
	align-items: center;
	gap: 36px;
}

.nav__item {}

.nav__item-link {
	position: relative;
	color: #FFF;
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	padding: 0px 0px 5px 0px;
	opacity: 0.6;
	transition: all .1s ease;
}

.nav__item-link--active {
	opacity: 1;
}

.nav__item-link:hover {
	opacity: 1;
}

.nav__item-link::after {
	content: '';

	position: absolute;
	bottom: 0;
	left: 0;
	width: 26px;
	height: 1px;

	background-color: #fff;
}

.nav__item-link-cl {
	color: #7a7a7a;
}

.nav__item-link-cl::after {
	background-color: #7a7a7a;
}

.header__right {}

.header__btn {}

.burger-btn {
	display: none;
}

.burger-menu {
	display: none;
}

/* -----------------------page__preview-------------------- */

.page__preview {
	padding: 158px 0px 136px 0px;
	position: relative;

}

.preview-line-pos {
	position: absolute;
	bottom: -250px;
	left: -100px;
	width: 423px;
	height: 884px;
	z-index: -1;
}

.preview-line-img {
	width: 100%;
	max-height: 884px;
}

.preview-cell-pos {
	position: absolute;
	bottom: -20px;
	left: -40px;
	width: 509px;
	height: 580px;
	z-index: -2;
}

.preview-cell-img {
	width: 100%;
	max-height: 580px;
}

.preview__container {}

.preview__inner {
	position: relative;
}

.preview__content {
	max-width: 504px;
	margin: 0px 0px 250px 126px;
}

.preview__list {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin: 0px 0px 40px 0px;
}

.preview__item {
	display: flex;
	align-items: center;
}

.preview__item-text {
	position: relative;
	flex: 0 1 33.333%;
	text-align: center;
	color: rgba(255, 255, 255, 0.30);
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
}

.preview__item-text::before {
	content: '';

	position: absolute;
	top: 50%;
	left: 0;
	width: 26px;
	height: 1px;
	transform: translateY(-50%);

	background: rgba(255, 255, 255, 0.30);
}

.preview__item-text:last-child::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 26px;
	height: 1px;
	transform: translateY(-50%);

	background: rgba(255, 255, 255, 0.30);
}

.preview__item-text-last:last-child::after {
	right: -10px;
}

.preview__item-text-last-top:last-child::before {
	left: -16px;
}

.preview__img {
	position: absolute;
	top: -300px;
	right: 170px;
	width: 100%;
	height: 100%;
	z-index: -2;
}

.preview__image {}

.preview__item-hide {
	display: none;
}

.design-studio {
	display: flex;
	justify-content: center;
	align-items: center;
}

.design-studio-text {
	position: relative;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	max-width: 311px;
	width: 100%;
}

.design-studio-text::before {
	content: '';

	position: absolute;
	top: 50%;
	left: 0;
	width: 64px;
	height: 1px;
	transform: translateY(-50%);

	background: #fff;
}

.design-studio-text::after {
	content: '';

	position: absolute;
	top: 50%;
	right: 0;
	width: 64px;
	height: 1px;
	transform: translateY(-50%);

	background: #fff;
}

/* ----------------------------page__catalog------------------------ */

.page__catalog {
	/* margin: 0px 0px 115px 0px; */
}

.catalog__container {}

.catalog__inner {}

.catalog__title {
	min-width: 347px;
	height: 36px;
	display: flex;
	gap: 5px;
	margin: 0px 0px 10px 0px;
}

.catalog__title-list {
	display: flex;
	align-items: start;
	gap: 6px;
	margin: -5px 0px 0px 0px;
}

.catalog__title-item {
	display: block;
	width: 3px;
	height: 10px;
	background: #FFF;
	box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.25);
	transform: rotate(30deg);
}

.catalog__title-text {
	color: #FFF;
	text-shadow: 0px 0px 13px rgba(255, 255, 255, 0.25);
	font-family: 'Inter';
	font-size: 24px;
	font-weight: 600;
	line-height: normal;
}

.catalog__title-list-last {
	align-items: end;
	padding: 0px 0px 5px 0px;
	margin: 0;
}

.catalog__cards {}

.catalog__cards-top {
	display: flex;
	align-items: center;
	justify-content: center!important;
}

@media only screen and (max-width: 600px) {
	.catalog__cards-top {
		display: grid;
		align-items: center;
	}
  }

.catalog__card {
	position: relative;
}

.catalog__card-first {
	z-index: 12;
}

.catalog__card-img {
	width: 100%;
	filter: grayscale(1) brightness(60%);
	transition: all .3s ease;
}

.catalog__card-top-last-pos:hover .catalog__card-img {
	filter: grayscale(0) brightness(100%);
}

.catalog__card-first:hover .catalog__card-img {
	filter: grayscale(0) brightness(100%);
}

.catalog__cards-top:hover .catalog__card-img-line path {
	stroke: #FB41FF;
	filter: drop-shadow(0px 0px 18px rgba(251, 65, 255, 0.25));
}

.catalog__card-first:hover .catalog__card-img-line path {
	stroke: #FB41FF;
	filter: drop-shadow(0px 0px 18px rgba(251, 65, 255, 0.25));
}

.catalog__card-img-line path {
	transition: all .3s ease;
}

.catalog__card-top-last-pos {
	position: absolute;
	top: 0;
	left: 0;
	width: 420px;
	height: 246px;
	z-index: 11;
}

.catalog__card-top-last-pos:hover .catalog__card-img-pos {
	filter: grayscale(0) brightness(100%);
}

.catalog__card-top-last-not-pos:hover>.catalog__card-img {
	filter: grayscale(0) brightness(100%);
}

.catalog__card-bottom-first:hover .catalog__card-img {
	filter: grayscale(0) brightness(100%);
}

.catalog__card-last:hover .catalog__card-img {
	filter: grayscale(0) brightness(100%);
}

.catalog__card-top-last-not-pos {
	position: relative;
	z-index: 10;
}

.catalog__card-img-pos {
	width: 420px;
	height: 246px;
}

.catalog__card-img-line {
	position: absolute;
	top: 43%;
	left: -84px;
	width: 345px;
	height: 177px;
	transform: translateY(-50%);
	z-index: 11;
	pointer-events: none;
}

.catalog__cards-bottom {
	display: flex;
	align-items: center;
}

.catalog__card-bottom-img-line {
	position: absolute;
	top: -85px;
	left: 77%;
	width: 449px;
	height: 280px;
	z-index: 1;
	transform: translateX(-50%);
	transition: all 3s ease;
	pointer-events: none;
}

.catalog__card-bottom-img-line path {
	transition: all .3s ease;
}

.catalog__cards-bottom:hover .catalog__card-bottom-img-line path {
	stroke: #FB41FF;
	filter: drop-shadow(0px 0px 18px rgba(251, 65, 255, 0.25));
}

.catalog__card-last {
	position: relative;
	z-index: 2;
}

.catalog__card-text {
	position: absolute;
	bottom: 13px;
	right: 13px;
	width: 167px;
	height: 44px;
	padding: 7px 37px 7px 25px;
	color: #181818;
	font-family: 'Inter';
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	border-radius: 14px 0px;
	background: #FFF;
	opacity: 0;
	transition: all .3s ease;
}

.catalog__card-first:hover .catalog__card-text {
	opacity: 1;
}

.catalog__card-top-last-pos:hover .catalog__card-text {
	opacity: 1;
}

.catalog__card-top-last-not-pos:hover .catalog__card-text {
	opacity: 1;
}

.catalog__card-bottom-first:hover .catalog__card-text {
	opacity: 1;
}

.catalog__card-last:hover .catalog__card-text {
	opacity: 1;
}


.catalog__card-text-sp {
	display: block;
}

.catalog__btn {
	display: none;
}


/* -------------------------page__advantages--------------------- */

.page__advantages {
	margin: 0px 0px 132px 0px;
}

.advantages__container {}

.advantages__inner {
	position: relative;
	padding: 36px 0px 86px 0px;
}

.advantages__columns {
	display: flex;
	align-items: end;
	justify-content: space-between;
}

.advantages__column {
	width: 100%;
}

.advantages__column-one {
	max-width: 547px;
}

.advantages__column-two {
	max-width: 427px;
}

.advantages__column-img {
	position: relative;
	max-width: 366px;
	max-height: 530px;
	margin: 0px 0px 0px 59px;
}

.advantages__column-image {}

.advantages__column-img-pos {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
}

.advantages-img-pos-elisp {
	position: absolute;
	top: 0;
	left: 0;
	width: 391px;
	height: 388px;
}

.advantages__column-text {
	max-width: 547px;
}

.subtitle-text-advantages {
	max-width: 362px;
}

.advantages__column-list {
	display: flex;
	flex-direction: column;
	gap: 46px;
}

.advantages__column-item {
	padding: 10px 32px 27px 32px;
	border-radius: 12px;
	background: #131313;
	box-shadow: 0px 0px 44px 0px rgba(255, 255, 255, 0.02);
	position: relative;
}

.advantages__column-item:hover {
	padding: 10px 32px 27px 32px;
	border-radius: 12px;
	background: #151515;
	box-shadow: 0px 0px 44px 0px rgba(255, 255, 255, 0.02);
	position: relative;
}

.advantages__column-item-num {
	position: absolute;
	top: 0;
	left: 0;
	width: 37px;
	height: 37px;
	border-radius: 12px 0px 13.5px 0px;
	background: #171717;
	display: flex;
	justify-content: center;
	align-items: center;
}

.advantages__column-item-title {
	margin: 0px 0px 28px 22px;
	font-weight: 400;
	font-size: 15px;
}

.advantages__column-item-subtitle {
	line-height: 130%!important;
	font-weight: 200;
	font-size: 14px;
	color: #aeaeae;
}

.advantages-img-pos {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	height: 100%;
	max-width: 528px;
	max-height: 891px;
	transform: translateX(-50%);
	z-index: -1;
}

.advantages-img {
	width: 100%;
	max-width: 528px;
	max-height: 891px;
}

/* ----------------------------page__about-us---------------------- */

.page__about-us {
	margin: 0px 0px 130px 0px;
}

.about-us__container {}

.about-us__inner {}

.about-us__cards {
	display: flex;
	flex-direction: column;
	gap: 45px;
}

.about-us__card-hide {
	display: none;
}

.about-us__cards-top {
	display: flex;
	align-items: center;
	gap: 45px;
}

.about-us__card {
	display: flex;
	border-radius: 15px;
	background: linear-gradient(134deg, #151515 -1.63%, rgba(21, 21, 21, 0.10) 100%);
	min-height: 375px;
	overflow: hidden;
}

.about-us__card-top-min {
	max-width: 495px;
	width: 100%;
}

.about-us__card-top-min-img {
	max-width: 200px;
	max-height: 215px;
}

.about-us__card-text {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 16px;
}

.about-us__card-top-min-text {}

.about-us__card-text-num {
	text-shadow: 0px 0px 24px rgba(255, 255, 255, 0.15);
	font-size: 128px;
	font-weight: 700;
	line-height: 107.4%;
	letter-spacing: -1.28px;

	background: linear-gradient(180deg, #FFF 0%, #F8A4FF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.about-us__card-text-subtitle {
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
}

.about-us__card-text-subtitle-sp {
	display: block;
}

.about-us__card-top-big {
	padding: 0 17px 0 24px;
	max-width: 840px;
	width: 100%;
	display: flex;
	gap: 14px;
}

.about-us__card-top-big-img {
	width: 100%;
	max-width: 276px;
	max-height: 336px;
	margin: auto 0 0 0;
}

.about-us__card-top-big-img-two {
	max-width: 252px;
}

.about-us__card-top-big-text {
	margin: 0px 30px 0px 0px;
}

.about-us__cards-bottom {
	display: flex;
	align-items: center;
	gap: 45px;
}

.about-us__card {}

.about-us__card-bottom-min {
	position: relative;
	max-width: 579px;
	width: 100%;
	border-radius: 15px;
	border: 1px solid #3A3A3A;
	overflow: visible;
}

.about-us__card-text {}

.about-us__card-bottom-big-text {
	padding: 0px 0px 0px 129px;
}

.about-us__card-text-num {}

.about-us__card-text-subtitle {}

.about-us__card-text-subtitle-sp {}

.about-us__card-bottom-big-img {
	max-width: 368px;
	max-height: 294px;
	margin: auto 0 0 0;
}

.about-us__card-bottom-big {
	max-width: 756px;
	width: 100%;
	display: flex;
	gap: 7px;
}

.title-about-us {
	height: 100%;
	max-width: 493px;
	width: 100%;
	padding: 45px 0 0 45px;
}

.subtitle-text-about-us {
	max-width: 307px;
}

.about-us__card-bottom-big-pos-one {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 250px;
	height: 166px;
}

.about-us__card-bottom-big-pos-two {
	position: absolute;
	bottom: 0;
	right: -40px;
	width: 212px;
	height: 200px;
}

/* ---------------page__team------------------ */

.page__team {
	margin: 0px 0px 123px 0px;
}

.team__container {}

.team__inner {}

.title-team {
	max-width: 523px;
	margin: 0px 0px 74px 0px;
}

.subtitle-text-team {
	max-width: 210px;
}

.team__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 36px;
	margin: 0px 0px 124px 0px;
}

.team__slider {
	display: flex;
	align-items: center;
	gap: 20px;
}

.team__cards {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 620px;
}

.team__cards-btn {
	width: 40px;
	height: 40px;
	margin: 0;
	position: unset;
	background-color: transparent;
	border-radius: 50%;
	z-index: 2;
}

.team__cards-btn-prev {}

.team__cards-body {
	max-width: 620px;
}

.team__card {
	display: flex;
	align-items: center;
	gap: 19px;
}

.team__card-column {
	position: relative;
}

.team__card-column-img {}

.team__card-column-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 25px;
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.team__card-column-name {
	color: #FFF;
	font-family: 'Inter';
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
}

.team__card-column-subtitle {
	color: #FFF;
	font-family: 'Inter';
	font-size: 14px;
	font-weight: 300;
	line-height: 129.523%;
}

.team__cards-btn-next {}

.team__content-img {
	width: 100%;
	height: 100%;
	max-width: 600px;
	max-height: 400px;
}

.contact-us-btn-team {
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact-us-btn-link {}

.btn-support-team {
	display: none;
}

/* ---------------------footer------------------ */

.footer {
	padding: 0px 0px 61px 0px;
}

.footer__container {}

.footer__inner {}

.footer__columns {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer__column {
	display: flex;
	flex-direction: column;
}

.footer__column-logo {
	max-width: 230px;
}

.footer__column-subtitle {
	color: #FFF;
	font-size: 12px;
	font-weight: 300;
	line-height: normal;
	margin: -10px 0px 0px 0px;
}

.footer__column-nav {}

.nav__list-footer {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
	gap: 25px;
}

.nav__item-link-footer {
	opacity: 0.6;
}

.nav__item-link-footer--active {
	opacity: 1;
}

.nav__item-link-cl-footer-disc {
	color: #306AFF;
	opacity: 0.6;
	filter: drop-shadow(0px 0px 10px rgba(48, 106, 255, 0.45));
	transition: all .1s ease;
}

.nav__item-link-cl-footer-disc:hover {
	opacity: 1;
}

.nav__item-link-cl-footer-disc::after {
	background-color: #306AFF;
}

.nav__item-link-shadow {
	filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.45));
}

.footer-btn {
	display: flex;
	flex-direction: column;
	gap: 22px;
	max-width: 190px;
}

.btn-footer {
	width: 100%;
}

.footer__column-link {
	display: none;
}

/* --------------preloader----------------------- */

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #0D0D0D;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100;
	animation: hidePreloader .2s linear;
	animation-delay: 3.5s;
	animation-fill-mode: forwards;
}

.preloader__content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.preloader-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	text-align: center;
	animation: hideElemebt .4s linear 1;
	animation-delay: 1.2s;
	animation-fill-mode: forwards;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.preloader-loading-line {
	position: relative;
	display: block;
	width: 295px;
	height: 2px;
	background: #454545;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
}

.preloader-loading-line::before {
	content: '';

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background: #FFF;
	box-shadow: 0px 0px 11px 0px rgba(255, 255, 255, 0.55);
	transform: translateX(-100%);
	animation: loadingLine 1.2s linear 1;
}

.preloader-loading-text {
	color: #FFF;
	font-size: 24px;
	font-weight: 400;
	line-height: normal;
}

.preloader-text {
	opacity: 0;
	animation: visible .5s linear;
	animation-delay: 1.7s;
	animation-fill-mode: forwards;
}

.preloader-text-logo {
	display: flex;
	align-items: center;
	gap: 24px;
	margin: 0px 0px 10px 0px;
}

.preloader-text-logo-img {
	width: 80px;
	height: 120px;
}

.preloader-text-logo-text {
	color: #FFF;
	font-size: 61px;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
}

.preloader-text-sub {
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 16.5px;
	transform: translateY(-20px);
	opacity: 0;
	animation: visibleElemnt .4s linear;
	animation-delay: 2.4s;
	animation-fill-mode: forwards;
}

.preloader-pos {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.preloader-pos-cell-one {
	top: 0;
	right: 0;
	width: 419px;
	height: 477px;
}

.preloader-pos-cell-two {
	bottom: 0;
	left: 0;
	width: 419px;
	height: 477px;
}

.preloader-pos-line-one {
	top: 0;
	right: 0;
	width: 901px;
	height: 503px;
	animation: visible 1.2s linear;
	animation-delay: 1.2s;
	animation-fill-mode: forwards;
	opacity: 0;
}

.preloader-pos-line-two {
	bottom: -560px;
	left: 0;
	width: 432px;
	height: 1491px;
	transform: rotate(-90deg);
	animation: visible .5s linear;
	animation-delay: 1.2s;
	animation-fill-mode: forwards;
	opacity: 0;
}


@keyframes loadingLine {

	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0%);
	}
}

@keyframes visible {

	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes hideElemebt {

	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes visibleElemnt {

	0% {
		opacity: 0;
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes hidePreloader {

	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		display: none;
	}
}



/* ----------------------media--------------- */

@media(max-width:1440px) {
	.container {
		max-width: 1280px;
	}

	.header-line-pos {
		left: 790px;
	}

	.preview__image {
		max-width: 1500px;
	}

	.preview__img {
		top: -220px;
		right: 50px;
	}

	.page__preview {
		padding: 120px 0 136px 0;
	}

	.preview__content {
		margin: 0 0 200px 100px;
	}

	.preview-cell-pos {
		bottom: -86px;
		left: -85px;
	}

	.preview-line-pos {
		bottom: -302px;
		left: -171px;
	}

	.catalog__card-img-pos,
	.catalog__card-top-last-pos {
		width: 365px;
		height: 200px;
	}

	.advantages__column-img {
		margin: 0px 0px 54px 42px;
	}

	.advantages__column-image {
		max-width: 312px;
		max-height: 422px;
	}

	.advantages__column-text {
		max-width: 414px;
	}

	.title-text-advantage {
		font-size: 48px;
	}

	.subtitle-text-sp {
		display: inline;
	}

	.subtitle-text-advantages {
		font-size: 16px;
		max-width: 280px;
		height: 44px;
		bottom: -2px;
	}

	.page__advantages {
		padding: 0px 0px 20px 0px;
	}

	.advantages__inner {
		padding: 120px 0px 0px 0px;
	}

	.advantages-img {
		max-width: 500px;
	}

	.about-us__card-top-min-img {
		max-width: 180px;
		max-height: 190px;
	}

	.about-us__card-top-big-img {
		max-width: 245px;
		max-height: 298px;
	}

	.about-us__card-top-big-text {
		margin: 0 20px 0 0;
	}

	.about-us__cards-top,
	.about-us__cards,
	.about-us__cards-bottom {
		gap: 40px;
	}

	.about-us__card-top-min {
		max-width: 439px;
	}

	.about-us__card-bottom-big-pos-two {
		width: 147px;
		height: 132px;
		right: -10px;
	}

	.about-us__card-bottom-big-pos-one {
		bottom: -20px;
		left: 59px;
		width: 250px;
		height: 166px;
	}

	.about-us__card-bottom-big-img {
		max-width: 326px;
		max-height: 261px;
	}

	.about-us__card-bottom-big {
		gap: 0;
	}

	.about-us__card-bottom-big-text {
		padding: 0px 0px 0px 110px;
	}

	.about-us__card-text-subtitle-sp {
		display: inline-block;
		max-width: 195px;
	}

	.team__content {
		margin: 0px 0px 76px 0px;
	}

	.catalog__card-img-line {
		top: 40%;
	}
}

@media(max-width:1200px) {
	.advantages-img-pos {
		left: 46%;
		max-width: 435px;
		max-height: 842px;
	}

	.about-us__card-bottom-min {
		display: none;
	}

	.about-us__card-bottom-big {
		max-width: unset;
		width: 100%;
		justify-content: center;
		gap: 7px;
	}

	.about-us__cards-top {
		gap: 20px;
	}

	.about-us__card-top-min-img,
	.about-us__card-top-big-img {
		display: none;
	}

	.about-us__card-text-subtitle {
		display: flex;
		flex-direction: column;
	}

	.about-us__card-text-subtitle-sp {
		max-width: unset;
	}

	.about-us__card-top-min,
	.about-us__card-top-big {
		max-width: unset;
		justify-content: center;
		flex: 1 1 49%;
		padding: 0;
	}

	.about-us__cards {
		gap: 57px;
	}

	.about-us__card-hide {
		position: relative;
		flex: 1 1 100%;
		display: flex;
		justify-content: center;
		padding: 23px 35px 0px 45px;
		border-radius: 15px;
		border: 1px solid #3A3A3A;
		min-height: 375px;
	}

	.about-us__card-hide-img {
		margin: auto 0 0 0;
	}

	.about-us__card-hide-image {
		width: 100%;
		max-width: 252px;
		max-height: 351px;
	}

	.about-us__card-hide-img-pos {
		position: absolute;
		bottom: -26px;
		left: 35%;
		width: 250px;
		height: 166px;
		transform: translateX(-50%);
	}

	.title-about-us {
		padding: 22px 0 0 0;
		max-width: 448px;
	}

}

@media(max-width:1120px) {
	.container {
		max-width: 800px;
	}

	.header__btn {
		display: none;
	}

	.footer-btn {
		display: flex;
	}

	.preview__content {
		margin: 0 0 150px 0px;
	}

	.header-line-pos {
		left: 730px;
		top: -80px;
	}

	.preview__img {
		right: 260px;
	}

	.header__left {
		gap: 55px;
	}

	.preview-cell-pos {
		bottom: -277px;
		left: -64px;
	}

	.preview-line-pos {
		bottom: -427px;
		left: -194px;
	}

	.catalog__title {
		margin: 0;
	}

	.catalog__title-text {
		font-size: 20px;
	}

	.page__preview {
		padding: 120px 0 100px 0;
	}

	.catalog__card-text {
		bottom: 7px;
		right: 7px;
	}

	.catalog__card-text {
		padding: 5px 18px;
		width: 125px;
		height: 33px;
		font-size: 10px;
	}

	.catalog__card-img-pos,
	.catalog__card-top-last-pos {
		width: 227px;
		height: 122px;
	}

	.catalog__card-img-line {
		top: 42%;
		left: -145px;
		width: 300px;
		height: 100px;
	}

	.catalog__card-bottom-img-line {
		width: 325px;
		height: 190px;
	}

	.advantages__column-img {
		display: none;
	}

	.advantages-img-pos {}

	.advantages-img {
		max-width: 380px;
	}

	.advantages-img-pos {
		max-width: 380px;
		max-height: 582px;
		transform: translate(0);
		left: auto;
		top: auto;
		right: 0;
		bottom: 0;
	}

	.advantages__columns {
		flex-direction: column;
		align-items: start;
		gap: 68px;
	}

	.advantages__column-text {
		max-width: 547px;
	}

	.title-text-advantage {
		font-size: 64px;
	}

	.subtitle-text-advantages {
		max-width: 363px;
		bottom: 10px;
		font-size: 20px;
	}

	.page__about-us {
		margin: 0px 0px 123px 0px;
	}

	.team__content-img-image {
		display: none;
	}

	.team__content {
		justify-content: center;
	}

	.title-team,
	.team__content {
		margin: 0px 0px 59px 0px;
	}

	.contact-us-btn-team {
		justify-content: start;
		gap: 20px;
	}

	.btn-support-team {
		display: flex;
		padding: 18px 47px 18px 45px;
		max-width: 232px;
		width: 100%;
		justify-content: center;
	}

	.page__team {
		margin: 0px 0px 83px 0px;
	}

	.footer__columns {
		flex-wrap: wrap;
		gap: 40px 0;
	}

	.footer__column-logo {
		max-width: unset;
		flex: 1 1 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
	}

	.footer__column-logo-item {
		max-width: 230px;
	}

	.footer__column-link {
		display: block;
	}
}


@media(max-width:767px) {

	.container {
		padding: 0 60px;
	}

	.nav-header {
		display: none;
	}

	.preview__img {
		display: none;
	}

	.header-line-pos {
		left: auto;
		right: -660px;
		top: 0;
	}

	.page__preview {
		padding: 23px 0px 87px 0px;
	}

	.preview__content {
		margin: 0px 0px 87px 0px;
	}

	.preview-cell-pos {
		left: auto;
		right: -80px;
		bottom: -186px;
		width: 267px;
		height: 304px;
	}

	.preview-line-pos {
		bottom: -500px;
		left: -245px;
	}

	.title-text {
		font-size: 36px;
	}

	.title-pteview {
		max-width: 302px;
	}

	.subtitle-text {
		font-size: 11px;
		max-height: 24px;
	}

	.subtitle-text-preview {
		max-width: 161px;
	}

	.preview__item-text-last-top {
		display: none;
	}

	.preview__item-text-last-top-hide {
		display: block;
		max-width: 179px;
	}

	.preview__item-text-last-top:last-child::before {
		left: 0;
	}

	.preview__item-text:last-child::after {
		right: -15px;
	}

	.preview__item-text-hide-last::after {
		content: '';
		position: absolute;
		top: 50%;
		right: -15px;
		width: 26px;
		height: 1px;
		transform: translateY(-50%);
		background: rgba(255, 255, 255, 0.30);
	}

	.preview__item-text {
		flex: 1 1 100%;
	}

	.preview__item-hide {
		display: flex;
		width: 100%;
	}

	.preview__item-text-last-top-hide {
		max-width: unset;
		flex: 0 1 50%;
	}

	.preview__item-text-last-top-hide:last-child:after {
		right: -26px;
	}

	.catalog__card-top-last {
		display: none;
	}

	.catalog__card-bottom-first {
		display: none;
	}

	.catalog__card-img {
		filter: grayscale(0) brightness(100%);
	}

	.catalog__card-text {
		opacity: 1;
	}

	.catalog__card-text {
		bottom: 6px;
		right: 6px;
	}

	.catalog__title {
		margin: 0px 0px 10px 0px;
	}

	.catalog__btn {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 9px;
	}

	.catalog__cards {
		margin: 0px 0px 22px 0px;
	}

	.catalog__btn-link {
		color: #FFF;
		font-size: 14px;
		font-weight: 400;
		line-height: normal;
	}

	.advantages__column-text {
		max-width: 217px;
	}

	.title-text-advantage {
		font-size: 24px;
		height: 54px;
	}

	.subtitle-text-advantages {
		font-size: 10px;
		max-width: 156px;
		bottom: 5px;
	}

	.advantages__inner {
		padding: 40px 0px 0px 0px;
	}

	.advantages__columns {
		gap: 40px;
	}

	.advantages-img-pos {
		position: relative;
		max-width: 100%;
		max-height: 380px;
		z-index: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.advantages-img {
		max-width: 250px;
		max-height: 380px;
	}

	.advantages__column-two {
		max-width: unset;
	}

	.page__advantages {
		padding: 0;
		margin: 0px 0px 83px 0px;
	}

	.advantages__column-list {
		gap: 38px;
	}

	.advantages__column-item-num {
		width: 31px;
		height: 31px;
	}

	.advantages__column-item-title {
		font-size: 18px;
		font-weight: 600;
	}

	.advantages__column-item-subtitle {
		font-size: 12px;
		line-height: 130%!important;
	}

	.advantages__column-item {
		padding: 8px 27px 22px 27px;
	}

	.advantages__column-item-title {
		margin: 0 0 18px 23px;
	}

	.about-us__card-hide {
		min-height: 172px;
		padding: 20px 20px 0 20px;
	}

	.about-us__card-hide-img-pos {
		width: 145px;
		height: 113px;
	}

	.title-text-about-us {
		font-size: 24px;
		max-width: 164px;
	}

	.title-about-us {
		padding: 0;
		max-width: 206px;
	}

	.subtitle-text-about-us {
		font-size: 10px;
		height: 22px;
		max-width: 125px;
		bottom: 6px;
		right: 27px;
	}

	.about-us__card-hide-image {
		max-width: 120px;
		max-height: 166px;
	}

	.about-us__card {
		min-height: 160px;
	}

	.about-us__card-text-num {
		font-size: 40px;
	}

	.about-us__card-top-big-text {
		margin: 0;
	}

	.about-us__card-text-subtitle {
		font-size: 10px;
		max-width: 97px;
	}

	.about-us__card-bottom-big-text {
		padding: 0 0px 0 0;
	}

	.about-us__card-bottom-big-img {
		width: 100%;
		max-width: 164px;
		max-height: 132px;
	}

	.about-us__card-bottom-big {
		justify-content: end;
		gap: 32px;
	}

	.about-us__cards {
		gap: 24px;
	}

	.about-us__cards-top {
		gap: 35px;
	}

	.page__about-us {
		margin: 0px 0px 82px 0px;
	}

	.title-text-team {
		font-size: 24px;
	}

	.title-team {
		max-width: 208px;
		margin: 0px 0px 43px 0px;
	}

	.subtitle-text-team {
		max-width: 94px;
		font-size: 10px;
		min-height: 24px;
		bottom: 1px;
	}

	.team__card-column-img {
		width: 100%;
	}

	.team__card {
		width: 100% !important;
		gap: 16px;
	}

	.team__cards-btn {
		width: 25px;
		height: 25px;
	}

	.team__slider {
		gap: 19;
	}

	.team__card-column-name {
		font-size: 12px;
	}

	.team__card-column-subtitle {
		font-size: 10px;
	}

	.team__card-column-text {
		padding: 11px;
	}

	.page__team {
		margin: 0px 0px 58px 0px;
	}

	.contact-us-btn-team {
		display: none;
	}

	.footer__column-link {
		display: none;
	}

	.footer__column-nav {
		display: none;
	}

	.footer__column-btn {
		order: 2;
	}

	.footer__column-logo {
		order: 1;
	}

	.footer__column-nav-two {
		order: 3;
		margin: -90px 0px 0px 0px;
	}

	.burger-btn {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 30px;
		height: 24px;
		position: relative;
		z-index: 21;
		cursor: pointer;
	}

	.burger-btn-line {
		background-color: #fff;
		width: 30px;
		height: 1px;
		transition: all .3s ease;
	}

	.b1 {}

	.b2 {}

	.b3 {}

	.burger-btn--active .b1 {
		transform: translate(0, 12px) rotate(50deg);
	}

	.burger-btn--active .b2 {
		opacity: 0;
	}

	.burger-btn--active .b3 {
		transform: translate(-2px, -11px) rotate(-50deg);
	}

	.burger-menu {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: #0D0D0D;
		z-index: 20;
		overflow: auto;
		transform: translateX(-100%);
		transition: all .3s ease;
	}

	.burger-menu--visible {
		transform: translateX(0%);
	}

	.burger-menu__body {
		padding: 131px 61px 96px 61px;
	}

	.burger-menu__list {
		display: flex;
		flex-direction: column;
		gap: 70px;
	}

	.burger-menu__item {
		gap: 20px;
	}

	.nav__item-link-burger {
		opacity: .6;
	}

	.nav__item-link-burger--active {
		opacity: 1;
	}

	.nav__item-link-burger::after {
		content: none;
	}


	.preloader-pos-cell-one {
		width: 276px;
		height: 315px;
	}

	.preloader-pos-cell-two {
		width: 276px;
		height: 315px;
	}

	.preloader-pos-line-one {
		width: 440px;
		height: 300px;
	}

	.preloader-pos-line-two {
		width: 182px;
		height: 1298px;
	}
}

@media(max-width:420px) {
	.container {
		padding: 0 20px;
	}
}

.p-image{
	align-items: center!important;
	justify-content: center;
}

.cont-button{
	margin-top: 50px;
	margin-bottom: 50px;
}