@font-face {
	font-family: 'Segoe UI';
	font-weight: 600;
	src: url("/local/templates/main/fonts/SegoeUI-SemiBold.ttf");
}
@font-face {
	font-family: 'Segoe UI';
	font-weight: 300;
	src: url("/local/templates/main/fonts/segoeui.ttf") format('truetype');
}

/*@font-face {*/
/*	font-family: 'SegoeUISemiBold';*/
/*	src: url("/local/templates/main/fonts/SegoeUI-SemiBold.ttf");*/
/*}*/
/*@font-face {*/
/*	font-family: 'SegoeUIBold';*/
/*	src: url("/local/templates/main/fonts/SegoeUI-Bold.ttf");*/
/*}*/
/*@font-face {*/
/*	font-family: 'Raleway';*/
/*	src: url("/local/templates/main/fonts/Raleway-Regular.ttf");*/
/*}*/
@font-face {
	font-family: 'RalewaySemiBold';
	src: url("/local/templates/main/fonts/Raleway-SemiBold.ttf");
}
:root .row>*
{
	padding-left: 12px;
	padding-right: 12px;
}
:root .row
{
	margin-right: -12px;
	margin-left: -12px;
}
:root {
	--color-red-scale-red-100: #f0b2b7;
	--color-red-scale-red-200: #e88c94;
	--color-red-scale-red-300: #e06570;
	--color-red-scale-red-400: #d93f4c;
	--color-red-scale-red-500: #d11828;
	--color-red-scale-red-600: #ae1421;
	--color-red-scale-red-700: #8b101b;
	--color-red-scale-red-800: #690c14;
	--color-red-scale-red-900: #46080d;
	--color-dark-scale-dark-100: #abb5b8;
	--color-dark-scale-dark-200: #829095;
	--color-dark-scale-dark-300: #586a72;
	--color-dark-scale-dark-400: #2e454e;
	--color-dark-scale-dark-500: #04202b;
	--color-dark-scale-dark-600: #031b24;
	--color-dark-scale-dark-700: #03151d;
	--color-dark-scale-dark-800: #021016;
	--color-dark-scale-dark-900: #010b0e;
	--color-dark-green-scale-dark-green-100: #aad0d6;
	--color-dark-green-scale-dark-green-200: #80b9c2;
	--color-dark-green-scale-dark-green-300: #55a2ae;
	--color-dark-green-scale-dark-green-400: #2b8a99;
	--color-dark-green-scale-dark-green-500: #007385;
	--color-dark-green-scale-dark-green-600: #00606f;
	--color-dark-green-scale-dark-green-700: #004d59;
	--color-dark-green-scale-dark-green-800: #003a43;
	--color-dark-green-scale-dark-green-900: #00262c;
	--color-gray-scale-gray-100: #edf1f3;
	--color-gray-scale-gray-200: #e4eaed;
	--color-gray-scale-gray-300: #dbe2e7;
	--color-gray-scale-gray-400: #d2dbe1;
	--color-gray-scale-gray-500: #c9d4db;
	--color-gray-scale-gray-600: #a8b1b7;
	--color-gray-scale-gray-700: #868d92;
	--color-gray-scale-gray-800: #656a6e;
	--color-gray-scale-gray-900: #434749;
	--color-gray-scale-color-50: #fff;
	--color-system-colors-green: #28d158;
	--color-system-colors-orange: #d16618;
	--color-system-colors-yellow: #d1b728;
	--color-system-colors-red: #d11818;
}
body
{
	--primary-colors-primary-color: var(--color-red-scale-red-500);
	--primary-colors-primary-light: var(--color-red-scale-red-300);
	--primary-colors-primary-extralight: var(--color-red-scale-red-300);
	--system-colors-system-success: var(--color-system-colors-green);
	--system-colors-system-notification: var(--color-system-colors-yellow);
	--system-colors-system-warning: var(--color-system-colors-orange);
	--system-colors-system-error: var(--color-system-colors-red);
	--surface-color-surface-surface-primary: var(--color-gray-scale-color-50);
	--surface-color-surface-surface-secodary: var(--color-gray-scale-gray-500);
	--surface-color-surface-surface-brand: var(--primary-colors-primary-color);
	--surface-color-surface-text-title: var(--color-dark-scale-dark-500);
	--surface-color-surface-text-subtitle: var(--color-dark-scale-dark-400);
	--surface-color-surface-text-body: var(--color-dark-scale-dark-300);
	--surface-color-section-divider-colors-section-divider: var(--color-gray-scale-gray-300);
	--surface-color-surface-text-gray: var(--color-gray-scale-gray-700);
	--surface-color-surface-icon-icon-surface-dark: var(--color-dark-scale-dark-500);
	--surface-color-surface-icon-icon-surface-gray: var(--color-dark-scale-dark-400);
	--surface-color-surface-icon-icon-surface-lightgray: var(--color-dark-scale-dark-300);
	--surface-color-surface-icon-icon-surface-white: var(--color-gray-scale-color-50);
	--surface-color-blur-effects-blur: rgba(4, 32, 43, 0.3);
}
body .dark-t
{
	--primary-colors-primary-color: var(--color-red-scale-red-500);
	--primary-colors-primary-light: var(--color-red-scale-red-300);
	--primary-colors-primary-extralight: var(--color-red-scale-red-300);
	--system-colors-system-success: var(--color-system-colors-green);
	--system-colors-system-notification: var(--color-system-colors-yellow);
	--system-colors-system-warning: var(--color-system-colors-orange);
	--system-colors-system-error: var(--color-system-colors-red);
	--surface-color-surface-surface-primary: var(--color-dark-scale-dark-500); /*+*/
	--surface-color-surface-surface-secodary: var(--color-gray-scale-gray-500);
	--surface-color-surface-surface-brand: var(--primary-colors-primary-color);
	--surface-color-surface-text-title: var(--color-gray-scale-color-50);
	--surface-color-surface-text-subtitle: var(--color-dark-scale-dark-400);
	--surface-color-surface-text-body: var(--color-dark-scale-dark-300);
	--surface-color-section-divider-colors-section-divider: var(--color-gray-scale-gray-300);
	--surface-color-surface-text-gray: var(--color-gray-scale-gray-700);
	--surface-color-surface-icon-icon-surface-dark: var(--color-dark-scale-dark-500);
	--surface-color-surface-icon-icon-surface-gray: var(--color-dark-scale-dark-400);
	--surface-color-surface-icon-icon-surface-lightgray: var(--color-dark-scale-dark-300);
	--surface-color-surface-icon-icon-surface-white: var(--color-gray-scale-color-50);
	--surface-color-blur-effects-blur: rgba(4, 32, 43, 0.3);
}


@media (min-width: 1920px) {
	.container-uhd {
		max-width: 1800px; /* Или любое другое значение по вашему выбору */
	}
	.col-uhd-1 { width: 8.333333%; }
	.col-uhd-2 { width: 16.666667%; }
	.col-uhd-3 { width: 25%; }
	.col-uhd-4 { width: 33.333333%; }
	.col-uhd-5 { width: 41.666667%; }
	.col-uhd-6 { width: 50%; }
	.col-uhd-7 { width: 58.333333%; }
	.col-uhd-8 { width: 66.666667%; }
	.col-uhd-9 { width: 75%; }
	.col-uhd-10 { width: 83.333333%; }
	.col-uhd-11 { width: 91.666667%; }
	.col-uhd-12 { width: 100%; }
}
.container.projcont
{
	width: 100%;
	max-width: 100%;
	padding: 0 24px;
}
@media (max-width: 1919px) {
	.container.projcont
	{
		padding: 0 52px;
	}
}
@media (max-width: 1399px) {
	.container.projcont
	{
		padding: 0 36px;
	}
}
@media (max-width: 767px) {
	.container.projcont
	{
		padding: 0 15.5px;
	}
}
header
{

	height: 92px;
	padding: 18px 12px;
	z-index: 500;
	position: relative;
}
header.bg-asd{
	background: var(--surface-color-surface-surface-primary);
}
header .mobile-m
{
	display: none;
}
header .head-cont
{
	height: 56px;

	align-items: center;

}
header .Burger
{
	padding: 4px 0;

	width: 48px;
}
header .Burger img
{
	height: 48px;
	width: 48px;
	cursor: pointer;
}
header .logo
{
	margin-left: 24px;
	padding: 6px 0;
}
header .Burger,
header .logo
{
	display: inline-block;
}

header .collass {
	border-radius: 24px 0px;
	border: none;
	background: var(--color-gray-scale-gray-100);
	width: 209px;
	height: 56px;
	float: right;
	color: var(--color-dark-scale-dark-500);
	font-family: "Segoe UI";
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
	display: flex; /* Используем Flexbox */
	align-items: center; /* Центрируем содержимое по вертикали */
	justify-content: center; /* Центрируем содержимое по горизонтали */
	padding: 10px 18px; /* Отступы слева и справа */
	box-sizing: border-box; /* Учитываем отступы и границы в ширине */
	text-decoration: none; /* Убираем подчеркивание, если это ссылка */
}

header .collass::before {
	content: url('/local/templates/main/img/arrow-up-right.svg');
	margin-right: 16px;
	width: 20px;
	height: 20px;
	display: inline-block;
}


footer {
	padding: 64px 12px;
	border-top: 1px solid var(--color-gray-scale-gray-300);
	.logo
	{
		width: 272px;
	}
	.social
	{
		margin-top: 40px;
	}
	.social>a
	{
		margin-right: 7px;
	}
	.second
	{
		/*margin-top: 100px;*/
		padding-top: 24px;
	}
	.second .protect-r
	{
		font-family: Segoe UI;
		font-size: 19px;
		font-weight: 400;
		line-height: 26.6px;
		letter-spacing: -0.01em;
		text-align: left;
		color: var(--color-dark-scale-dark-400);
	}
	.adr
	{
		margin-bottom: 8px;
	}
	.adr .adr-head
	{
		font-family: SegoeUIBold;
		font-size: 19px;
		font-weight: 700;
		line-height: 26.6px;
		letter-spacing: -0.01em;
		text-align: left;
		color: var(--color-dark-scale-dark-500);
	}
	.adr .adr-body
	{
		font-family: Segoe UI;
		font-size: 19px;
		font-weight: 400;
		line-height: 26.6px;
		letter-spacing: -0.01em;
		text-align: left;
		color: var(--color-dark-scale-dark-400);
		margin-top: 8px;
		max-width: 430px;
	}
	.foot-btn
	{
		margin-top: 24px;
	}
	.foot-btn .m-redbtn
	{
		width: 100%;
	}
	.polit a
	{

		font-family: Segoe UI;
		font-size: 19px;
		font-weight: 400;
		line-height: 26.6px;
		letter-spacing: -0.01em;
		text-align: left;
		text-decoration: none;
		color: var(--color-dark-scale-dark-500);
	}

	.foot-ls{
		margin-bottom: 50px;
	}
	.contact-info
	{
		/*margin-top: 64px;*/
		.item-info
		{
			margin-bottom: 24px;
			.item-head
			{
				font-family: Segoe UI;
				font-size: 19px;
				font-weight: 700;
				line-height: 26.6px;
				letter-spacing: -0.01em;
				text-align: left;
				color: var(--color-dark-scale-dark-500);
				max-width: 420px;
			}
			.item-body
			{
				margin-top: 8px;
				font-family: Segoe UI;
				font-size: 19px;
				font-weight: 400;
				line-height: 26.6px;
				letter-spacing: -0.01em;
				text-align: left;
				color: var(--color-dark-scale-dark-400);
				max-width: 420px;
			}
			.item-body a
			{
				text-decoration: none;
				color: var(--color-red-scale-red-500);
			}
		}
	}
}
.cookie
{
	position: fixed;
	bottom: 24px;
	left: 24px;
	width: 415px;

	background-color: var(--color-gray-scale-color-50);
	padding: 24px;
	box-shadow: 0px 0px 0px 1px #12693F14;

	box-shadow: 0px 1px 2px 0px #575C5629;

	box-shadow: 0px 24px 24px -12px #364A360F;
	z-index: 1000;

	.coo-text,
	.coo-text a
	{
		font-family: Segoe UI;
		font-size: 15px;
		font-weight: 400;
		line-height: 21px;
		text-align: left;
		color: var(--color-dark-scale-dark-500);
	}
	.coo-btn
	{
		font-family: Segoe UI;
		font-size: 15px;
		font-weight: 400;
		line-height: 21px;
		text-align: left;
		color: var(--color-gray-scale-color-50);
		background-color: var(--color-red-scale-red-500);
		margin-top: 24px;
		padding: 18px;
		border: none;
	}
}
.cookie.hidden
{
	display: none;
}
@media (max-width: 767px) {
	.cookie
	{
		width: calc(100% - 48px);
	}
}
@media (max-width: 1919px) {
	header
	{
		padding: 18px 40px;
	}
	header .collass {
		width: 198px;
	}
	footer {
		padding: 64px 40px;

	}
}
@media (max-width: 1399px) {
	header
	{
		padding: 18px 24px;
	}
	footer {
		padding: 64px 24px;
		.foot-f-item
		{

		}
		.foot-menu
		{
			max-width: 100%;
		}
		.polit
		{
			margin-top: 16px;
		}
		.second
		{
			margin-top: 24px;
		}
	}
}
@media (max-width: 767px) {
	header .desk-m
	{
		display: none;
	}
	header .mobile-m
	{
		display: block;
	}
	header
	{
		padding: 18px 3.5px;
	}
	header .logo
	{
		margin-left: 0px;
	}
	header .Burger
	{
		float: right;
	}
	footer {
		padding: 64px 3.5px;

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

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

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

}



/*---------------temporary styles*/

.our_services .m-sub-title li{
font-weight: 500;
}


 .header{
	 background-color: transparent;
 }
.header.scrolled {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 92px;
	padding: 18px 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
	z-index: 1000;
	background-color: #fff; /* Черный фон при прокрутке */
	border-bottom: 1px solid rgba(255,255,255,0.1); /* Видимая граница */
	box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* Тень для эффекта */
}


.header #fix-scrol{
	display: inline-block;
}
.header #scrol{
	display: none;
}
.header.scrolled #fix-scrol{
	display: none;
}
.header.scrolled #scrol{
	display: inline-block;
}






@media (max-width: 1919px) {
	.header.scrolled  {
		padding: 18px 40px;
	}
}
@media (max-width: 1399px) {
	.header.scrolled {
		padding: 18px 24px;
	}
}
.header.hidden {
	transform: translateY(-100%);
}

.link-crumbs{
	color: #fff;
	font-size: 19px;
	font-weight: 400;
	line-height: 26.6px;
	letter-spacing: -0.01em;
	text-align: left;
	text-decoration: none;
	margin-left: 54px;
	padding-top: 40px;}
.link-crumbs a{
	color: #fff;
	text-decoration: none;
}
#history h5{
	line-height: 100%;
}

.owl-carousel .owl-item .media-slide-haed img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover; /* обрезает изображение */
	object-position: center; /* центрирует обрезку */
}

/* Отключаем стандартные стили позиционирования Bootstrap */
#BukletFormModal .modal-dialog {
    margin: 0;
    position: fixed;
    right: 12px;
    top: 12px;
    max-width: none;
    width: 950px;
    transform: translateX(100%);
    transition: transform 0.4s ease;
}

#BukletFormModal.show .modal-dialog {
    transform: translateX(0);
}

#BukletFormModal {
    opacity: 0;
    transition: opacity 0.4s ease;
}

#BukletFormModal.show {
    opacity: 1;
}

#BukletFormModal .modal-content {
    border-radius: 0;
}

#BukletFormModal .msgdef {
    padding: 0px 24px 24px;
}

#BukletFormModal .err {
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: left;
    color: var(--color-system-colors-red);
    display: none;
}

#BukletFormModal .err.active {
    display: block;
}

#BukletFormModal .modal-header {
    padding: 24px 0px 16px 0px;
    margin: 0 24px;
}

#BukletFormModal .modal-header .m-btn-close {
    position: absolute;
    right: 10px;
    border: none;
    background: none;
    padding: 0;
}

#BukletFormModal .modal-header .m-btn-close img {
    width: 32px;
    height: 32px;
}

#BukletFormModal .modal-header .zag {
    font-family: Raleway;
    font-size: 38px;
    font-weight: 600;
    line-height: 45.6px;
    letter-spacing: -0.02em;
    text-align: left;
    color: var(--color-dark-scale-dark-500);
}

#BukletFormModal .modal-footer {
    padding: 0 24px 24px 24px;
    justify-content: flex-start;
    border: 0;
}

#BukletFormModal .modal-footer .main-btn {
    cursor: pointer;
    text-decoration: none;
    margin: 0;
}

#BukletFormModal .modal-footer .main-btn .m-mainbtn {
    width: fit-content;
    height: 68px;
    background: var(--color-red-scale-red-500);
    padding: 16px 28px;
    color: var(--color-gray-scale-color-50);
    font-family: Segoe UI;
    font-size: 19px;
    font-weight: 400;
    line-height: 26.6px;
    letter-spacing: -0.01em;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

#BukletFormModal .modal-footer .main-btn .m-mainbtn::before {
    content: url(/local/templates/main/img/Round.svg);
    margin-right: 4.5px;
    width: 36px;
    height: 36px;
    display: inline-block;
}

#BukletFormModal .modal-body {
    padding: 24px 24px 32px;
}

#BukletFormModal .modal-body input {
    border: none;
    border-bottom: 1px solid var(--color-gray-scale-gray-300);
    width: 100%;
    margin-right: 12px;
    height: 41px;
    outline: none;
    font-family: Segoe UI;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    margin-top: 24px;
}

#BukletFormModal .modal-body input.inp_err {
    border-bottom: 1px solid var(--color-system-colors-red);
}

#BukletFormModal .modal-body textarea {
    border: 1px solid var(--color-gray-scale-gray-300);
    width: 100%;
    outline: none;
    font-family: Segoe UI;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    margin-top: 24px;
    height: 180px;
    padding: 16px;
}

#BukletFormModal .modal-body select {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid var(--color-gray-scale-gray-300);
    width: 100%;
    outline: none;
    font-family: Segoe UI;
    margin-top: 24px;
    height: 48px;
    padding-left: 12px;
    font-size: 15px;
    cursor: pointer;
}

#BukletFormModal .modal-body select .firs {
    opacity: 0.4;
}

#BukletFormModal .modal-body .check {
    float: left;
    width: 20px;
    height: 20px;
    border: 1px solid var(--color-gray-scale-gray-300);
}

#BukletFormModal .modal-body .sogl,
#BukletFormModal .modal-body .sogl a {
    font-family: Segoe UI;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: var(--color-dark-scale-dark-500);
}

#BukletFormModal .modal-body .sogl {
    margin-top: 24px;
    margin-left: 32px;
}

#BukletFormModal .sub-modal-body {
    display: none;
}

#BukletFormModal .sub-modal-body .zag {
    margin-top: 250px;
    font-family: Raleway;
    font-size: 30px;
    font-weight: 600;
    line-height: 37.5px;
    letter-spacing: -0.01em;
    text-align: center;
    color: var(--color-dark-scale-dark-500);
}

#BukletFormModal .sub-modal-body .sub-zag {
    color: var(--color-dark-scale-dark-500);
    font-family: Segoe UI;
    font-size: 19px;
    font-weight: 400;
    line-height: 26.6px;
    letter-spacing: -0.01em;
    text-align: center;
    margin-top: 12px;
}

#BukletFormModal .sub-modal-body .sub-bt .main-btn {
    cursor: pointer;
    text-decoration: none;
    margin: 0;
}

#BukletFormModal .sub-modal-body .sub-bt .main-btn .m-mainbtn {
    width: fit-content;
    height: 68px;
    background: var(--color-red-scale-red-500);
    padding: 16px 28px;
    color: var(--color-gray-scale-color-50);
    font-family: Segoe UI;
    font-size: 19px;
    font-weight: 400;
    line-height: 26.6px;
    letter-spacing: -0.01em;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 48px auto 250px;
}

#BukletFormModal .sub-modal-body.active {
    display: block;
}

#BukletFormModal .hidden {
    display: none;
}

@media (max-width: 1399px) {
    #BukletFormModal .modal-dialog {
        width: calc(100% - 24px);
    }
}

@media (max-width: 767px) {
    #BukletFormModal .modal-dialog {
        width: 100%;
        top: 0;
        right: 0;
        position: absolute;
        border: 0;
    }

    #BukletFormModal .modal-header .zag {
        font-family: Raleway;
        font-size: 24px;
        font-weight: 600;
        line-height: 32.4px;
        letter-spacing: -0.01em;
        text-align: left;
    }
}