/* Form */
.alert-success {
	padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background-image: linear-gradient(to bottom, #859f7b 0, #859f7b 100%) !important;
}
.sitemap-hold {
	width: 340px;
    margin: 0 auto;
    margin-top: 25px;
}
.error-message {
	background-color: #f8d7da; /* Светлый красный фон */
	color: #721c24; /* Темный текст */
	border: 1px solid #f5c6cb; /* Красная рамка */
	padding: 10px; /* Отступы */
	margin: 10px 0; /* Отступы сверху и снизу */
	border-radius: 5px; /* Закругленные углы */
}
.error-message p {
	margin: 0; /* Убираем отступы для абзацев внутри */
}
.sitemap-form {
/* 	max-width: 80%;
	margin: 0 auto; */
}
.form_doma_buttom {
	display: block;
}
.form_doma_name {
	text-align: start;
	margin-top: 15px;
	font-size: 16px;
}
.sitemap-form{font-size: 14px;}
.sitemap-form p{margin-bottom: 12px;}
.sitemap-form h3{
	margin-top: 0;
	font-size: 18px;
}
.sitemap-form input[type="text"], .sitemap-form textarea{
	font-size: 14px;
	width: 100%;
	margin: 7px 0;
	border: 1px solid #000000;
	border-radius: 10px;
	padding: 20px 15px;
	box-sizing: border-box;
	outline: none;
	color: #333;
}
.sitemap-form textarea{
	resize: none;
/*	 height: 120px; */
}
.sitemap-form input[type="text"]:focus, .sitemap-form textarea:focus{
	border: 1px solid #000000;
}
.sitemap-form input[type="submit"]{
	box-sizing: border-box;
	float: right;
	color: #ffffff;
	text-transform: uppercase;
	background: #ec1b22;
	border: 1px solid #f04a50;
	border-radius: 10px;
	cursor: pointer;
	outline: none;
	font-weight: 600;
	height: 60px;
	width: -webkit-fill-available;
	margin-top: 22px;
	margin-bottom: 50px;
}
.sitemap-form input[type="submit"]:hover{
	background: #f04a50;
}
.sitemap-hold{clear: both; text-align: right;}


.feedback-block {
	position: relative;
	background-image: url(/include/index/katalog-proektov.jpg);
	background-size: cover;
	background-position: center;
	padding: 50px;
	color: white;
	margin-bottom: 50px;
	height: auto;
}
@media(max-width: 768px) {
	.feedback-block{padding: 10px;}
}

.feedback-block::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5); /* Затемнение фона */
	z-index: 1; /* Убедитесь, что затемнение находится под текстом */
}

.feedback-content {
	position: relative; /* Позволяет тексту находиться выше затемнения */
	text-align: center; /* Центрирование текста */
	z-index: 2; /* Убедитесь, что содержимое находится выше затемнения */
}

.feedback-title {
	font-weight: bold; /* Жирный шрифт для заголовка */
	font-size: 32px; /* Размер шрифта заголовка, можно настроить */
	margin-bottom: 20px; /* Отступ между заголовком и описанием */
}
@media (max-width: 768px) {
	.feedback-title {
		font-size: 24px;
	}
	.feedback-description {
	font-size: 18px !important;
    }
}
.feedback-description {
	margin-bottom: 30px; /* Отступ между описанием и формой */
	font-size: 20px; /* Размер шрифта описания, можно настроить */
}
/*  --------------------   */
.feedback-block-form3 {
	position: relative;
	background-color: #efefef; /* Цвет фона вместо изображения */
	background-size: cover; /* Это свойство не нужно, если нет изображения */
	background-position: center; /* Это свойство также не нужно без изображения */
	padding: 40px; /* Отступы вокруг блока */
	color: black; /* Цвет текста, можно настроить */
}
@media(max-width: 768px) {
	.feedback-block-form3 {
		padding: 10px;
	}
}

.feedback-content-form3 {
	position: relative; /* Позволяет тексту находиться выше затемнения */
	text-align: center; /* Центрирование текста */
	z-index: 2; /* Убедитесь, что содержимое находится выше затемнения */
}

.feedback-title-form3 {
	font-weight: bold; /* Жирный шрифт для заголовка */
	font-size: 32px; /* Размер шрифта заголовка, можно настроить */
	margin-bottom: 20px; /* Отступ между заголовком и описанием */
}

.feedback-description-form3 {
	margin-bottom: 30px; /* Отступ между описанием и формой */
	font-size: 20px; /* Размер шрифта описания, можно настроить */
}
@media (max-width: 768px) {
	.feedback-title-form3 {
		font-size: 24px;
	}
	.feedback-description-form3 {
	font-size: 18px !important;
    }
}

/*  --------------------   */
.feedback-block-form6 {
	position: relative;
	background-image: url(/include/index/zakazat-stroitelstvo.jpg); /* Путь к вашему фоновому изображению */
	background-size: cover;
	background-position: center;
	/* padding: 40px; */ /* Отступы вокруг блока */
	color: white; /* Цвет текста */
	margin-top: 100px;
	margin-bottom: 60px;
}
@media(max-width: 768px) {
	.feedback-block-form6 {
		padding: 10px !important;
	}
}
.feedback-block-form6::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5); /* Затемнение фона */
	z-index: 1; /* Убедитесь, что затемнение находится под текстом */
}

.feedback-content-form6 {
	position: relative; /* Позволяет тексту находиться выше затемнения */
	text-align: center; /* Центрирование текста */
	z-index: 2; /* Убедитесь, что содержимое находится выше затемнения */
}

.feedback-title-form6 {
	font-weight: bold; /* Жирный шрифт для заголовка */
	font-size: 32px; /* Размер шрифта заголовка, можно настроить */
	margin-bottom: 20px; /* Отступ между заголовком и описанием */
}

.feedback-description-form6 {
	margin-bottom: 30px; /* Отступ между описанием и формой */
	font-size: 20px; /* Размер шрифта описания, можно настроить */
}
@media (max-width: 768px) {
	.feedback-title-form6 {
		font-size: 24px !important;
	}
	.feedback-description-form6 {
	font-size: 18px !important;
    }
}
/*  --------------------   */
.form-page-wrapper-content {
	height: auto;
	background-image: url(/include/index/stroitelstvo-domov.jpg); 
	background-size: cover; 
	background-position: center; 
	position: relative;
	padding-top: 23px;	
	padding-bottom: 50px;
}

.form-page-wrapper-content::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(41, 34, 28, 0.6); 
	z-index: 1; 
}

.form-page-wrapper-content > * {
	position: relative; 
	z-index: 2; 
}


	.form-page-wrapper-head {
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	margin-top: 50px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	color: white;
	}
@media (max-width: 768px) {
	.form-page-wrapper-head {
		font-size: 24px;
	}
	.form-page-wrapper-text {
		font-size: 18px !important;
		margin-left: 10px !important;
        margin-right: 10px !important;
	}
}
	.form-page-wrapper-text {
	font-size: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	margin-bottom: 20px;
	color: white;
	}
	.block-preimushchestva-onas {
		width: 55%;
	}
	@media(max-width: 1100px) {
		.block-preimushchestva-onas {
			width: auto; 
		}
	}
	.block-preimushchestva-onas-advantages {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 30px;
	}
	@media(max-width: 768px) {
		.block-preimushchestva-onas-advantages {
			display: block; 
		}
		.block-preimushchestva-onas-advantage img {
			width: 110px;
			height: auto;
		}
	}
	.block-preimushchestva-onas-advantage {
		text-align: left;
		padding: 10px;
		display: flex;
		align-items: center;
	}
	.line-block-preimushchestva-onas-head {
		margin-left: 10px;
		font-weight: bold;
	}
	.block-preimushchestva-onas-advantage img {
		max-width: 150px;
		height: auto;
	}
	.block-onas-predlozheniye-title-li {
	margin-left: 58px;
}
.block-onas-predlozheniye-title {
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	font-size: 32px;
	line-height: 1.23;
}
@media (max-width: 768px ) {
	.block-onas-predlozheniye-title {
		font-size: 24px;
	}
}
.wraper-onas {
	counter-reset: item;
}

.block-onas-predlozheniye-item {
	position: relative;
	display: flex;
	align-items: flex-end;
	background-color: #fff;
	padding: 10px 0px 0px 0px;
	margin: 10px 0;
	font-size: 20px;
	font-weight: bold;
}
@media (max-width: 768px ) {
	.block-onas-predlozheniye-item {
		font-size: 18px;
	}
}
.block-onas-predlozheniye-item .number {
	background-color: #ec1b22;
	color: white;
	padding: 0px 15px;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: auto;
	min-height: 69px;
	font-weight: bold;
	font-size: 1.5em;
}
.knopka-content {
	color: #fff;
	text-decoration: none;
	user-select: none;
	background: #ec1b22;
	padding: 1em 4em;
	outline: none;
	border-radius: 10px;
	font-weight: bold;
	border: 3px solid #f04a50;
	cursor: pointer;
	text-transform: uppercase;
	text-align: center;
} 
@media (max-width: 425px) {
	.knopka-content {
		margin-left: 20px;
		margin-right: 20px;
	}
}
.knopka-text {
	color: #fff !important;
	pointer-events: none;
}
.knopka-content:hover { background: #f04a50; } /* при наведении курсора мышки */


		/* Стиль для описания */
		.description {
			text-align: center; /* Выравнивание текста по центру */
			margin-top: 10px; /* Отступ сверху */
			margin-left: auto; /* Выравнивание по центру */
			margin-right: auto; /* Выравнивание по центру */
		}
		
			.block-stoimost-rabot {
			width: 65%;
	}
	.block-stoimost-rabot-advantages {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
	}
	@media(max-width: 768px) {
		.block-stoimost-rabot-advantages {
			display: block;
		}
	}
	.block-stoimost-rabot-advantage {
		text-align: left;
		padding: 10px;
		display: flex;
		align-items: center;
	}
	.line-block-stoimost-rabot-head {
	margin-left: 10px;
	font-size: 20px;
	line-height: 1.35;
	font-weight: 500;
	}
@media(max-width: 768px) {
	.line-block-stoimost-rabot-head  {
		font-size: 18px;
	}
}
	.block-stoimost-rabot-advantage img {
		width: 40px;
		height: auto;
	}
	.block-stoimost-rabot-title-li {
	margin-left: 58px;
}
.block-stoimost-rabot-title {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
.block-onas-predlozheniye-title-text {
	font-size: 20px;
	line-height: 1.5;
}
@media(max-width: 768px) {
	.block-onas-predlozheniye-title-text {
		font-size: 18px;
	}
}
.block-custom-content {
	margin-left: 20px;
	margin-right: 20px;
}
/* Form */
.form_doma3 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: center;
	max-width: 70% !important;
}
@media(max-width:768px) {
	.form_doma3 {
		display: block;
	}
	.form_doma_name3 {
		margin-right: 0px !important;
		margin-top: 15px;
		
	}
	.form_doma3 {
		max-width: 100% !important;
	}
	.form_doma_buttom3 {
		margin-top: 20px !important;
	}
}
@media(max-width:425px) {
	.form_doma3 {
/* 		display: flex;
		flex-direction: column;
		align-items: center; */
	}
}
.form_doma_name3{
	flex: 1; 
	margin-right: 20px; 
		text-align: start;
}

.form_doma_name3:last-child {
	margin-right: 0; 
}

.form_doma_buttom3{
	margin-bottom: 7px;
}
@media(max-width: 768px) {
	.form_doma_buttom3 {
		display: flex;
    justify-content: center;
	}
	
	.block-stoimost-rabot{width: 100%;}
}
.sitemap-form3 input[type="submit"] {
	background: #ec1b22;
	color: #ffffff;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	height: 62px;
	width: auto;
	margin-top: 15px;
	padding: 0 40px 0px 40px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 auto;
}

.sitemap-form3 input[type="text"], .sitemap-form3 textarea {
	border: 1px solid #000000; 
	border-radius: 10px; 
	padding: 20px 15px; 
	box-sizing: border-box; 
	width: 100%; 
}

.sitemap-form3 textarea {
	resize: none; 
}

/* Эффект при фокусе на полях ввода */
.sitemap-form3 input[type="text"]:focus, .sitemap-form3 textarea:focus {
	/* border: 1px solid #000000; /* Увеличиваем рамку при фокусе */ */
}

/* Эффект при наведении на кнопку */
.sitemap-form3 input[type="submit"]:hover {
	background: #f04a50; /* Цвет кнопки при наведении */
}
.form_doma_name3 p {
	margin-bottom: 10px;
}
/* Form */

.form_doma6 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: center;
	max-width: 70% !important;
}
@media(max-width: 1024px) {
	.form_doma6 {
		max-width: 100% !important;
	}
	.form_doma3 {
		max-width: 100% !important;
	}
}
@media(max-width:768px) {
	.form_doma6 {
		display: block;
	}
	.form_doma_name6 {
		margin-right: 0px !important;
		margin-top: 15px;
		
	}
	.form_doma6 {
		max-width: 100% !important;
	}
	.form_doma_buttom6 {
		margin-top: 20px !important;
	}
}
@media(max-width:768px) {
	.form_doma3 {
		display: block;
	}
}
.form_doma_name6 {
	flex: 1; 
	margin-right: 20px; 
	text-align: start;
}

.form_doma_name6:last-child {
	margin-right: 0; 
}

.form_doma_buttom6{
	/* margin-bottom: 7px; */
}

.sitemap-form6 input[type="submit"] {
	background: #ec1b22;
	color: #ffffff;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	height: 62px;
	width: auto;
	margin-top: 15px;
	padding: 0 40px 0px 40px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 auto;
}

.sitemap-form6 input[type="text"], .sitemap-form6 textarea {
	border: 1px solid #000000; 
	border-radius: 10px; 
	padding: 20px 15px; 
	box-sizing: border-box; 
	width: 100%;
	color: #333;
}

.sitemap-form6 textarea {
	resize: none; 
}

/* Эффект при фокусе на полях ввода */
.sitemap-form3 input[type="text"]:focus, .sitemap-form3 textarea:focus {
	/* border: 1px solid #000000; /* Увеличиваем рамку при фокусе */ */
}

/* Эффект при наведении на кнопку */
.sitemap-form6 input[type="submit"]:hover {
	background: #f04a50; /* Цвет кнопки при наведении */
}
.form_doma_name6 p {
		margin-bottom: 10px;
}

/*  --------------------   */
.feedback-block-form6 {
	position: relative;
	background-image: url(/include/index/zakazat-stroitelstvo.jpg); /* Путь к вашему фоновому изображению */
	background-size: cover;
	background-position: center;
	padding: 40px; /* Отступы вокруг блока */
	color: white; /* Цвет текста */
	margin-top: 100px;
	margin-bottom: 60px;
}

.feedback-block-form6::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5); /* Затемнение фона */
	z-index: 1; /* Убедитесь, что затемнение находится под текстом */
}

.feedback-content-form6 {
	position: relative; /* Позволяет тексту находиться выше затемнения */
	text-align: center; /* Центрирование текста */
	z-index: 2; /* Убедитесь, что содержимое находится выше затемнения */
}

.feedback-title-form6 {
	font-weight: bold; /* Жирный шрифт для заголовка */
	font-size: 32px; /* Размер шрифта заголовка, можно настроить */
	margin-bottom: 20px; /* Отступ между заголовком и описанием */
}

.feedback-description-form6 {
	margin-bottom: 30px; /* Отступ между описанием и формой */
	font-size: 20px; /* Размер шрифта описания, можно настроить */
}

.alert-danger {
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background-image: linear-gradient(to bottom, #f04a50 0, #f04a50 100%) !important;
}
.alert-danger p{
    margin: 0;	
}
/*  --------------------   */
.c-widget-product-1 .catalog-element-content{
	border: 2px solid #ec1b22;
	border-radius: 4px;
	margin-top: 30px;
	margin-bottom: 30px;	
}
.knopka-content.whatsapp_href_prof{
    color: #fff;
    text-decoration: none;
    user-select: none;
    outline: none;
    border-radius: 10px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    border: 4px solid #25d366;
    background: #25d366;
    margin-left: 20px;
	padding: initial;
}
.knopka-content.whatsapp_href_prof a{
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
	padding: 1em 4em;	
	display: block;
}
.knopka-content.whatsapp_href_prof:hover{
	opacity: 0.8 !important;
    border: 4px solid #25d366;
    background: #25d366;	
}
.knopka-content.telegram_href_prof{
    color: #fff;
    text-decoration: none;
    user-select: none;
    outline: none;
    border-radius: 10px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    border: 4px solid #27a7e7;
    background: #27a7e7;
    margin-left: 20px;
	padding: initial;
}
.knopka-content.telegram_href_prof a{
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
	padding: 1em 4em;	
	display: block;
}
.knopka-content.telegram_href_prof:hover{
	opacity: 0.8 !important;
    border: 4px solid #27a7e7;
    background: #27a7e7;	
}
@media (max-width: 768px) {
	.knopka-content_blocks{
		display: flex ;
		justify-content: center;
		align-items: center;
		flex-direction: column;		
	}
	.knopka-content{
		width: 95%;
	}
	.knopka-content.whatsapp_href_prof{
		width: 95%;
		margin-left: auto;
        margin-top: 20px;
        margin-right: auto;		
	}	
	.knopka-content.telegram_href_prof{
		width: 95%;
		margin-left: auto;
        margin-top: 20px;
        margin-right: auto;		
	}
}