@charset "UTF-8";

:root {
	font-size: 10px;

	--fs-15: calc(7.75px + 7.25*calc(100vw - 992px)/928);
	--fs-18: calc(9.3px + 8.7*calc(100vw - 992px)/928);
	--fs-20: calc(10.85px + 10.15*calc(100vw - 992px)/928);
	--fs-21: calc(10.85px + 10.15*calc(100vw - 992px)/928);
	--fs-24: calc(12.4px + 11.6*calc(100vw - 992px)/928);
	--fs-27: calc(13.95px + 13.05*calc(100vw - 992px)/928);
	--fs-30: calc(15.5px + 14.5*calc(100vw - 992px)/928);
	--fs-32: calc(25px + 23*calc(100vw - 992px)/928);
	--fs-36: calc(18.6px + 17.4*calc(100vw - 992px)/928);
	--fs-39: calc(20.15px + 18.85*calc(100vw - 992px)/928);
	--fs-48: calc(24.8px + 23.2*calc(100vw - 992px)/928);
	--fs-72: calc(37.2px + 34.8*calc(100vw - 992px)/928);
	--fs-180: calc(93px + 87*calc(100vw - 992px)/928);
	--fs-225: calc(116.5px + 108.5*calc(100vw - 992px)/928);
	--fs-262: calc(135.63px + 126.82*calc(100vw - 992px)/928);
	--fs-364: calc(188.32px + 176.18*calc(100vw - 992px)/928);

	--clr-text-white: #FFFFFF;
	--clr-text-black: #000000;

	--clr-bg-dark_blue: #0B151E;
	--clr-bg-orange: #FD8C02;
	--clr-bg-black: #000000;
	--clr-bg-white: #FFFFFF;

	--clr-border-white: #FFFFFF;
	--clr-border-black: #000000;

	--frame-width-left: calc(50px + 25*calc(100vw - 1280px)/640);
	--frame-width-right: calc(20px + 10*calc(100vw - 1280px)/640);
	--frame-height-top: calc(20px + 10*calc(100vw - 1280px)/640);
	--frame-height-bottom: calc(17px + 9*calc(100vw - 1280px)/640);
	--frame-border-width: calc(1.5px + 1.5*calc(100vw - 992px)/928);

	--menu-container: calc(120px + 114*calc(100vw - 992px)/928);

	--margin-top-header: calc(65px + 62*calc(100vw - 992px)/928);
}


body,
div,
a,
p,
h1,
h2,
h4,
h3,
h5,
h6,
span,
button,
ul,
li {
	line-height: normal;
	font-family: "Geometria";
}

a.t-white {
	color: var(--clr-text-white);
}

a.t-black {
	color: var(--clr-text-black);
}

a:active.t-black {
	color: var(--clr-text-black);
}

a:active.t-white {
	color: var(--clr-text-white);
}

a:hover.t-black {
	color: var(--clr-text-black);
}

a:hover.t-white {
	color: var(--clr-text-white);
}

a:focus.t-black {
	color: var(--clr-text-black);
}

a:focus.t-white {
	color: var(--clr-text-white);
}


.fs-15 {
	font-size: var(--fs-15);
}

.fs-18 {
	font-size: var(--fs-18);
}

.fs-21 {
	font-size: var(--fs-21);
}

.fs-24 {
	font-size: var(--fs-24);
}

.fs-27 {
	font-size: var(--fs-27);
}

.fs-30 {
	font-size: var(--fs-30);
}

.fs-36 {
	font-size: var(--fs-36);
}

.fs-39 {
	font-size: var(--fs-39);

}

.fs-48 {
	font-size: var(--fs-48);
}

.fs-72 {
	font-size: var(--fs-72);
}

.fs-180 {
	font-size: var(--fs-180);
}

.fs-262 {
	font-size: var(--fs-262);
}

.fs-225 {
	font-size: var(--fs-225);
}

.fs-364 {
	font-size: var(--fs-364);
}

.geometria-400 {
	font-family: 'Geometria';
	font-weight: 400;
}

.geometria-500 {
	font-family: 'Geometria';
	font-weight: 500;
}

.geometria-500-italic {
	font-family: 'Geometria Italic';
	font-weight: 500;
}

.geometria-700 {
	font-family: 'Geometria';
	font-weight: 700;
}

.geometria-800 {
	font-family: 'Geometria';
	font-weight: 800;
}

.bebas-400 *,
.bebas-400 {
	font-family: 'Bebas Neue' !important;
	font-weight: 400;
}

.bebas-700 *,
.bebas-700 {
	font-family: 'Bebas Neue' !important;
	font-weight: 700;
}

.lh-90 {
	line-height: 9rem;
}

.lh-30 {
	line-height: 3rem;
}

.lh-72 {
	line-height: 7.2rem;
}

.lh-270 {
	line-height: 27rem;
}

.t-white {
	color: var(--clr-text-white);
}

.t-black {
	color: var(--clr-text-black);
}

.bg-white {
	background-color: var(--clr-bg-white);
}

.bg-black {
	background-color: var(--clr-bg-black);
}

.bg-orange {
	background-color: var(--clr-bg-orange);
}

.bg-dark__blue {
	background-color: var(--clr-bg-dark_blue);
}

.border-white {
	border-color: var(--clr-border-white) !important;
}

.border-black {
	border-color: var(--clr-border-black) !important;
}

.margin-top {
	margin-top: var(--margin-top-header);
}

.ant-logo {
	width: calc(35px + 15.5*calc(100vw - 1280px)/640);
	margin-bottom: calc(var(--frame-height-bottom) - 1px);
	margin-left: calc(var(--frame-width-left)/6);
	z-index: 1100 !important;
}

.bg-blur {
	clip-path: polygon(0% 0%, 0 100%, 7.5rem 100%, 7.5rem 3rem, calc(100% - 3rem) 3rem, calc(100% - 3rem) calc(100% - 3rem), 0 calc(100% - 3rem), 0 100%, 100% 100%, 100% 0%);
	z-index: 999 !important;
}

.blur-left,
.blur-right,
.blur-top,
.blur-down {
	background: rgba(255, 255, 255, 0.01);
	backdrop-filter: blur(8.25px);
	-webkit-backdrop-filter: blur(8.25px);
	z-index: 1010;
}

.blur-left::after,
.blur-right::after,
.blur-top::after,
.blur-down::after {
	content: '';
	background: #ffffff;
	position: absolute;
}

/* .black.blur-left,
.black.blur-right,
.black.blur-top,
.black.blur-down {
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(6.5px);
	-webkit-backdrop-filter: blur(6.5px);
} */

.black.blur-left::after,
.black.blur-right::after,
.black.blur-top::after,
.black.blur-down::after {
	background: #000000;
}

.blur-left {
	width: var(--frame-width-left);
	left: 0;
	top: 0;
}

.blur-left::after {
	width: var(--frame-border-width);
	height: calc(100vh - calc(var(--frame-height-top) + var(--frame-height-bottom)));
	top: var(--frame-height-top);
	left: var(--frame-width-left);
}

.blur-top {
	height: var(--frame-height-top);
	left: 0;
	top: 0
}

.blur-top::after {
	width: calc(100% - calc(var(--frame-width-right) + var(--frame-width-left)));
	height: var(--frame-border-width);
	top: var(--frame-height-top);
	left: var(--frame-width-left);
}

.blur-right {
	width: var(--frame-width-right);
	right: 0;
	top: 0;
}

.blur-right::after {
	width: var(--frame-border-width);
	height: calc(100vh - calc(var(--frame-height-top) + var(--frame-height-bottom)));
	top: var(--frame-height-top);
	right: var(--frame-width-right);
}

.blur-down {
	height: var(--frame-height-bottom);
	left: 0;
	bottom: 0;
}

.blur-down::after {
	width: calc(100% - calc(var(--frame-width-right) + var(--frame-width-left)));
	height: var(--frame-border-width);
	left: var(--frame-width-left);
	bottom: var(--frame-height-bottom);
}

.frame {
	font-size: 10px;
	padding: var(--frame-height-top) 0 var(--frame-height-bottom) 0;
	right: var(--frame-width-right);
	top: 0;
	z-index: 1000;
	height: 100%;
}

.frame-inner {
	height: 100%;
}

.frame-menu {
	width: var(--menu-container);
	position: relative;
}

.frame-menu::after,
.frame-menu::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #ffffff;
}

.frame-menu::after {
	width: var(--frame-border-width);
	height: 100%;
}

.frame-menu::before {
	height: var(--frame-border-width);
	width: 100%;
}

.border-black.frame-menu::after,
.border-black.frame-menu::before {
	background-color: #000000;
}

.background-img {
	position: absolute;
	top: calc(calc(645px + 464*calc(100vw - 992px)/928)/(-3.5));
	left: 66%;
	height: calc(791px + 464*calc(100vw - 992px)/928);
	width: calc(600px + 323*calc(100vw - 992px)/928);
	z-index: -1;
}

.site {
	position: relative;
	overflow: hidden;
}

.menu-wrapper {
	margin-top: calc(11px + 10*calc(100vw - 992px)/928);
	margin-right: calc(20px + 18*calc(100vw - 992px)/928);
	margin-bottom: calc(18px + 16*calc(100vw - 992px)/928);
	margin-left: calc(21px + 21*calc(100vw - 992px)/928);
}

.menu__list-item {
	margin-top: calc(5px + 5*calc(100vw - 992px)/928);
}

.menu__list-item:first-child {
	margin-top: calc(9px + 9*calc(100vw - 992px)/928);
}


.contacts__list-item {
	margin-bottom: calc(5px + 5.5*calc(100vw - 992px)/928);
	white-space: nowrap;
}

.contacts__list-item:last-child {
	margin: 0;
}

.contacts-wrapper {
	margin-top: calc(11px + 10*calc(100vw - 992px)/928);
	margin-right: calc(8.5px + 9*calc(100vw - 992px)/928);
	margin-bottom: calc(6.6px + 6.4*calc(100vw - 992px)/928);
	margin-left: calc(10px + 9.5*calc(100vw - 992px)/928);
}

.frame-contacts {
	width: var(--menu-container);
	bottom: 0;
	right: 0;
}

.frame-contacts::after,
.frame-contacts::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ffffff;
}

.frame-contacts::after {
	width: var(--frame-border-width);
	height: 100%;
}

.frame-contacts::before {
	width: 100%;
	height: var(--frame-border-width);
}

.border-black.frame-contacts::after,
.border-black.frame-contacts::before {
	background-color: #000000;
}

.icon-container-icon {
	width: calc(14.2px + 13.4*calc(100vw - 992px)/928);
	margin: 4px 5px 5px 4px;
}

.bd-filter {
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.bd-filter-main {
	background: rgba(255, 255, 255, 0.01);
	backdrop-filter: blur(6.5px);
	-webkit-backdrop-filter: blur(6.5px);
}

.bd-filter {
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(6.5px);
	-webkit-backdrop-filter: blur(6.5px);
}

.content-wrapper {
	padding-right: calc(var(--frame-width-right) + var(--menu-container));
	padding-left: calc(var(--frame-width-left) + var(--frame-border-width));

	display: flex;
	flex-direction: column;
	align-items: center;
}

.pages-title-container {
	display: flex;
	justify-content: flex-end;
}

.pages-title-container::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;

	width: calc(18.88px + 17.67*calc(100vw - 992px)/928);
	height: calc(18.88px + 17.67*calc(100vw - 992px)/928);

	background: #F48702;
}

.pages-title {

	width: fit-content;
	height: fit-content;
	margin: calc(14.3px + 14.2*calc(100vw - 992px)/928) calc(23.88px + 22.62*calc(100vw - 992px)/928) calc(22.5px + 22.5*calc(100vw - 992px)/928) 0;
	line-height: 0.7;
}

.collapse-menu-title {
	text-decoration: none;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 1280px) {}


@media (max-width: 1280px) {

	:root {
		--frame-width-left: calc(39px + 11*calc(100vw - 992px)/288);
		--frame-width-right: calc(16px + 4*calc(100vw - 992px)/288);
		--frame-height-top: calc(16px + 4*calc(100vw - 992px)/288);
		--frame-height-bottom: calc(13px + 4*calc(100vw - 992px)/288);

	}

	.content-wrapper {}

	.ant-logo {
		width: calc(26px + 9*calc(100vw - 992px)/288);
	}

	.frame {
		font-size: 10px;
		/* padding: 2rem 0 2rem 0;
		right: 2rem;
		z-index: 1000; */
	}

	.bg-blur {
		clip-path: polygon(0% 0%, 0 100%, 5rem 100%, 5rem 2rem, calc(100% - 2rem) 2rem, calc(100% - 2rem) calc(100% - 2rem), 0 calc(100% - 2rem), 0 100%, 100% 100%, 100% 0%);
	}

	/* .blur-left::after {
		height: calc(100% - 4rem);
		top: 2rem;
	}

	.blur-top::after {
		width: calc(100% - 7rem);
		top: 2rem;
		left: 5rem;
	}

	.blur-right::after {
		width: 3px;
		height: calc(100% - 4rem);
		top: 2rem;
		right: 2rem;
	}

	.blur-down::after {
		width: calc(100% - 7rem);
		left: 5rem;
		bottom: 2rem;
	}

	.blur-left {
		width: 5rem;
		left: 0;
		top: 0;
	}

	.blur-top {
		height: 2rem;
		left: 0;
		top: 0
	}

	.blur-right {
		width: 2rem;
		right: 0;
		top: 0;
	}

	.blur-down {
		height: 2rem;
		left: 0;
		bottom: 0;
	} */
}

@media (max-width: 991.98px) {

	:root {
		/* --fs-15: calc(7.75px + 7.25*calc(100vw - 768px)/224); */
		--fs-18: calc(10px + 3*calc(100vw - 768px)/224);
		--fs-21: calc(11px + 3*calc(100vw - 768px)/224);
		/* --fs-24: calc(12.4px + 11.6*calc(100vw - 768px)/224); */
		--fs-27: calc(13.95px + 4*calc(100vw - 768px)/224);
		--fs-30: calc(20px + 6*calc(100vw - 768px)/224);
		--fs-32: calc(25px + 8*calc(100vw - 768px)/224);
		--fs-36: calc(18px + 5*calc(100vw - 768px)/224);
		--fs-39: 20px;
		/* --fs-48: calc(24.8px + 23.2*calc(100vw - 768px)/224); */
		--fs-72: calc(37px + 11*calc(100vw - 768px)/224);
		--fs-180: calc(93px + 27*calc(100vw - 768px)/224);
		--fs-225: calc(116px + 34*calc(100vw - 768px)/224);
		--fs-262: calc(135px + 40*calc(100vw - 768px)/224);
		--fs-364: calc(188px + 55*calc(100vw - 768px)/224);

		--frame-width-left: calc(39px + 11*calc(100vw - 768px)/224);
		--frame-width-right: calc(24px + 7*calc(100vw - 768px)/224);
		--frame-height-top: calc(16px + 4*calc(100vw - 768px)/224);
		--frame-height-bottom: calc(32px + 9*calc(100vw - 768px)/224);
		--frame-border-width: calc(1.5px + 0.5*calc(100vw - 768px)/224);
		--menu-container: calc(156px + 45*calc(100vw - 768px)/224);

		--margin-top-header: 65px;
	}


	.background-img {
		position: absolute;
		top: calc(791px / (-2.5));
		left: 63%;

		z-index: -1;
		height: 791px;
		width: 600px;
	}

	/* .menu__list-item:first-child {
		margin-top: calc(9px + 9*calc(100vw - 768px)/224);
	} */

	.icon-container-icon {
		width: calc(18px + 5*calc(100vw - 768px)/224);
		margin: calc(6px + 2*calc(100vw - 768px)/224);
	}

	.menu-wrapper {
		margin-top: calc(14px + 4*calc(100vw - 768px)/224);
		margin-left: calc(23px + 7*calc(100vw - 768px)/224);
		margin-right: calc(23px + 7*calc(100vw - 768px)/224);
	}

	.contacts__list-item:first-child {
		margin-bottom: calc(9px + 3*calc(100vw - 768px)/224);
	}

	.contacts__list-item {
		margin-bottom: calc(8px + 3*calc(100vw - 768px)/224);
		white-space: nowrap;
	}

	.contacts__list-item:last-child {
		margin: 0;
	}

	.contacts-wrapper {
		margin-top: calc(14px + 4*calc(100vw - 768px)/224);
		margin-right: calc(11px + 3*calc(100vw - 768px)/224);
		margin-bottom: calc(9px + 3*calc(100vw - 768px)/224);
		margin-left: 0;
	}


	.content-wrapper {
		padding-right: calc(var(--frame-width-right)*2);
		padding-left: calc(var(--frame-width-left));
		margin-left: 0;
	}


	.ant-logo {
		width: calc(26px + 7.5*calc(100vw - 768px)/224);
	}

	.frame {
		/* padding: 1.55rem 0 1.55rem 0;
		right: 1.55rem;
		z-index: 1000; */
	}

	.bg-blur {
		clip-path: polygon(0% 0%, 0 100%, 3.87rem 100%, 3.87rem 1.55rem, calc(100% - 1.55rem) 1.55rem, calc(100% - 1.55rem) calc(100% - 1.55rem), 0 calc(100% - 1.55rem), 0 100%, 100% 100%, 100% 0%);
	}

	/* .blur-left::after {
		height: calc(100% - 3.1rem);
		top: 1.55rem;
	}

	.blur-top::after {
		width: calc(100% - 5.42rem);
		top: 1.55rem;
		left: 3.87rem;
	}

	.blur-right::after {
		width: 3px;
		height: calc(100% - 3.1rem);
		top: 1.55rem;
		right: 1.55rem;
	}

	.blur-down::after {
		width: calc(100% - 5.42rem);
		left: 3.87rem;
		bottom: 1.55rem;
	}

	.blur-left {
		width: 3.87rem;
		left: 0;
		top: 0;
	}

	.blur-top {
		height: 1.55rem;
		left: 0;
		top: 0
	}

	.blur-right {
		width: 1.55rem;
		right: 0;
		top: 0;
	}

	.blur-down {
		height: 1.55rem;
		left: 0;
		bottom: 0;
	} */
}

@media (max-width: 767.98px) {
	:root {
		/* --fs-15: calc(7.75px + 7.25*calc(100vw - 576px)/192); */
		--fs-18: calc(14px + 4*calc(100vw - 576px)/192);
		--fs-21: calc(10.5px + 3.5*calc(100vw - 576px)/192);
		/* --fs-24: calc(12.4px + 11.6*calc(100vw - 576px)/192); */
		/* --fs-27: calc(13.95px + 13.05*calc(100vw - 576px)/192); */
		--fs-30: calc(16px + 5*calc(100vw - 576px)/192);
		--fs-32: calc(32px + 11*calc(100vw - 576px)/192);
		--fs-36: calc(18px + 5*calc(100vw - 576px)/192);
		/* --fs-39: calc(20.15px + 18.85*calc(100vw - 576px)/192);
		--fs-48: calc(24.8px + 23.2*calc(100vw - 576px)/192); */
		--fs-72: calc(48px + 14*calc(100vw - 576px)/192);
		--fs-180: calc(120px + 40*calc(100vw - 576px)/192);
		--fs-225: calc(150px + 50*calc(100vw - 576px)/192);
		--fs-262: calc(175px + 58*calc(100vw - 576px)/192);
		--fs-364: calc(180px + 60*calc(100vw - 576px)/192);

		--frame-width-left: calc(20px + 7*calc(100vw - 576px)/192);
		--frame-width-right: calc(24px + 8*calc(100vw - 576px)/192);
		--frame-height-top: calc(26px + 9*calc(100vw - 576px)/192);
		--frame-height-bottom: calc(18px + 6*calc(100vw - 576px)/192);
		--frame-border-width: calc(2px + 1*calc(100vw - 576px)/192);
		--menu-container: calc(99px + 33*calc(100vw - 576px)/192);

		--margin-top-header: 71px
	}



	.content-wrapper {
		padding-right: calc(var(--frame-width-right) + var(--frame-border-width));
		padding-left: calc(var(--frame-width-left) + var(--frame-border-width));
	}

	.background-img {
		display: none;
	}

	.ant-logo {
		display: none;
	}



	.collapse-menu-mubile {
		margin-top: calc(12px + 4*calc(100vw - 576px)/192);
	}

	.collapse-menu-title {
		margin-top: calc(7px + 2*calc(100vw - 576px)/192);
	}

	.menu-wrapper {
		margin-bottom: calc(12px + 4*calc(100vw - 576px)/192);
		margin-left: calc(15px + 10*calc(100vw - 576px)/192);
		margin-right: calc(15px + 9*calc(100vw - 576px)/192);
		margin-top: calc(8px + 6*calc(100vw - 576px)/192);
	}

	.menu__list-item:first-child {
		margin-top: 0;
	}
}

@media (max-width: 576px) {
	:root {
		/* --fs-15: calc(7.75px + 7.25*calc(100vw - 576px)/192); */
		--fs-18: calc(14px + 4*calc(100vw - 375px)/201);
		--fs-21: calc(10.5px + 3.5*calc(100vw - 375px)/201);
		/* --fs-24: calc(12.4px + 11.6*calc(100vw - 576px)/192); */
		--fs-27: calc(13.95px + 13.05*calc(100vw - 375px)/201);
		--fs-30: 16px;
		--fs-32: calc(32px + 5*calc(100vw - 375px)/201);
		--fs-36: calc(18px + 4*calc(100vw - 375px)/201);
		/* --fs-39: calc(20.15px + 18.85*calc(100vw - 576px)/192);
		--fs-48: calc(24.8px + 23.2*calc(100vw - 576px)/192); */
		--fs-72: calc(32px + 8*calc(100vw - 375px)/201);
		/* --fs-180: calc(93px + 87*calc(100vw - 576px)/192);
		--fs-225: calc(116.5px + 108.5*calc(100vw - 576px)/192);
		--fs-262: calc(135.63px + 126.82*calc(100vw - 576px)/192);
		--fs-364: calc(188.32px + 176.18*calc(100vw - 576px)/192); */

		--frame-width-left: 20px;
		--frame-width-right: 15px;
		--frame-height-top: 26px;
		--frame-height-bottom: 33px;
		--frame-border-width: 2px;
		--menu-container: 99px;

		--margin-top-header: 120px;
	}

	.frame {
		padding: 0 var(--frame-width-right) 0 var(--frame-width-left);
		top: var(--frame-height-top);
		right: 0;
		height: unset;
		width: 100%;
	}

	.frame-inner {
		height: unset;
		width: 100%;
	}

	.frame-contacts {
		top: 0;
		left: 0;
		right: unset;
		bottom: unset;
	}

	.frame-contacts::after,
	.frame-contacts::before {
		top: unset;
		left: unset;
		bottom: 0;
		right: 0;
	}

	.collapse-menu-title {
		margin-top: 0;
	}

	.collapse-menu-mubile {
		margin-top: calc(7px + 2*calc(100vw - 576px)/192);
	}
}

@media (max-width: 375px) {}