

/* Start:/local/components/mlux/mlux.banner/templates/small_banner/style.css?17770426081354*/
.container-wild {
    position: relative;
    width: 99vw;
    left: 50%;
    transform: translateX(-50%);
}

.filters {
    display: flex;
    padding-bottom: 30px;
    gap: 15px;

    & .filter {
        color: #806951;
        background-color: #F5F2F0;
        border-radius: 45px;
        padding: 5px 12px;
        cursor: pointer;

        &:hover {
            background-color: #E5DFDA;
        }
    }
}

.banner-wild {
    height: 330px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    & .banner-desc {
        display: flex;
        color: #fff;
        padding-top: 19px;
        padding-bottom: 30px;
        backdrop-filter: blur(5px);

        & .btn-modal {
            display: block;
            color: #fff;
            font-size: 20px;
            font-weight: 500;
            text-align: center;
            background: transparent;
            border: 1px solid #fff;
            border-radius: 45px;
            padding: 18px 30px;
            margin: auto;
        }
    }
}

@media screen and (max-width: 600px) {
    .banner-wild {
        height: auto;
        padding-top: 40px;

        & .banner-desc {
            & .btn-modal {
                padding: 18px 15px;
            }
        }
    }
}
/* End */


/* Start:/local/templates/mlux/components/bitrix/form.result.new/complect-form/style.css?17767825081368*/
table.form-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

table.form-table th, table.form-table td
{
	border:1px solid #ADC3D5;
	padding: 5px 5px;
	vertical-align:top;
}

table.form-table th
{
	background-image:url(/local/templates/mlux/components/bitrix/form.result.new/complect-form/images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}


table.form-table td
{
	padding: 15px 5px;
}

.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/mlux/components/bitrix/form.result.new/complect-form/images/icon_warn.gif);
}

#complectModal {
	& .modal-content {
		padding: 20px 30px;

		form {
			display: flex;
			flex-direction: column;
			gap: 15px;
		
			& .form-group {
				display: flex;
				flex-direction: column;
				gap: 10px;
			
				& .name {
					font-size: 16px;
					color: #757575;
					font-weight: 400;
				}
			
				& input {
					width: 100%;
					height: 60px !important;
					border-radius: 45px;
					border: 1px solid #E5DFDA !important;
					background-color: #fff !important;
					padding: 20px;
				}
			}

			& .btn_submit {
				& input {
					width: 100%;
					color: #fff;
					background: #806951;
					border: none;
					border-radius: 15px;
					margin-top: 10px;
					padding: 15px;
					text-transform: uppercase;
				}
			}
		}
	}
}
/* End */


/* Start:/local/components/mlux/mlux.section/templates/complect-section/style.css?1777042146385*/
.complect-about {
    & .image-wrapper {
        height: 340px;
        overflow: hidden;
        border-radius: 8px;
    }

    & .item {
        border: 1px solid #E5DFDA;
        border-radius: 12px;
        padding: 30px 25px;
    }
}

@media screen and (max-width: 600px) {
	.complect-about {
		& .image-wrapper {
			height: auto;
		}

		& .item {
			padding: 20px 15px;
		}
	}	
}
/* End */


/* Start:/local/templates/mlux/components/bitrix/catalog.section/projects_slider/style.css?17768451962558*/
.product-card {
    /* margin:0 15px; */
    display: flex; 
    align-items: center;
    flex-direction: column;
    justify-content: start;
    gap:15px;
    height:100%;
    position: relative;
}
.product-card .actions {
    position: absolute;
    top:18px; 
    display: flex;
    gap:5px;
    right: 18px;
}.product-card .actions button{ border-radius: 8px; background-color: #fff;    height: 40px;
    width: 40px;}
.product-card .in_stock {
    color:#826b52;
    font-weight:400;
    font-size:12px;
}
.product-card .out_stock {
    color: red;
}
/* .product-info .available{
    position: absolute; 
    left: 18px;
    top:18px; 
    border-radius: 15px; 
    background-color: #d9c9b8; 
    display: block; 
    padding: 2px 8px 4px; 
} */
.product-card .product-name {    
    height: 49px;
    overflow: hidden;
}
.product-card .product-name a {
    color:#000;
    font-size:19px;    text-align: left;
    font-weight:400; line-height: 125%;;
    max-height: 100px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-decoration: none;
    &:hover {
        text-decoration: underline;
    }
}

.product-card .product-info {
 
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-card .product-price {
    font-size:25px;
    font-weight:400;
}

.product-card .product-desc {
    color:#727272;
    font-size:16px;
    font-weight:500;
}
.product-card .product-buttons {
    width:100%;
    display: flex;
    gap:10px;
}
.product-card i.fa {
    font-size:18px;
}
.product-middle{    width: 100%;}
.product-card .product-image {   background-color: #F1EEED;  justify-content: center;    overflow: hidden; border-radius: 8px; height: 320px;
    min-height:280px;
    display: flex;
    align-items: center;    width: 100%;
}

.products-slider .slick-track
{
    display: flex !important;
}

.products-slider .slick-slide
{
    height: inherit !important;
}

#products-slider {
    & .section_description {
        color: #8D8D8D;
    }
}


& .filters {
    display: flex;
    padding-bottom: 30px;
    gap: 15px;

    & .filter {
        color: #806951;
        background-color: #F5F2F0;
        border-radius: 45px;
        padding: 5px 12px;
        cursor: pointer;

        &:hover {
            background-color: #E5DFDA;
        }

        &.active {
            background-color: #E5DFDA !important;
        }
    }
}

@media screen and (max-width: 600px) {
    & .filters {
        flex-wrap: wrap;
    }
}
/* End */


/* Start:/local/templates/mlux/components/bitrix/news.list/project-slider/style.css?17770377761472*/
.banner-projects {
	padding: 30px 0px;

	& .project-list {
		display: flex;
		gap: 20px;

		& .project {
			position: relative;
			width: 100%;
			height: 360px;
			padding: 25px;
			border-radius: 8px;
			overflow: hidden;
			user-select: none;
			z-index: 1;
			gap: 15px;

			& .params {
				display: flex;
				font-size: 12px;
				gap: 20px;

				& .param {
					padding: 5px 15px;
					border-radius: 45px;

					&.sale {
						color: #DC9404;
						background-color: #FDF7D3;
					}

					&.section {
						color: #fff;
						background-color: #FFFFFF40;
					}
				}
			}

			& .name {
				color: #fff;
				margin: 0;
			}

			& .bg-image {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				z-index: -2;
			}

			&:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: #00000040;
				z-index: -1;
			}
		}
	}

	& .container-wild {
		position: relative;
		width: 95vw;
		left: 50%;
		transform: translateX(-50%);
	}
}


.filters {
	display: flex;
	padding-bottom: 30px;
	gap: 15px;

	& .filter {
		color: #806951;
		background-color: #F5F2F0;
		border-radius: 45px;
		padding: 5px 12px;
		cursor: pointer;

		&:hover {
			background-color: #E5DFDA;
		}

		&.active {
			background-color: #E5DFDA;
		}
	}
}

@media screen and (max-width: 600px) {
	.banner-projects {
		& .filters {
			& .filter {
				font-size: 12px;
			}
		}
	}
}
/* End */


/* Start:/local/templates/mlux/components/bitrix/form/project-form/bitrix/form.result.new/.default/style.css?17772760751298*/
.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/mlux/components/bitrix/form/project-form/bitrix/form.result.new/.default/images/icon_warn.gif);
}

.project-form {
	display: flex;

	& .project-fieldset {
		display: flex;
		border: 1px solid #D3BFAA;
		border-radius: 16px;
		gap: 40px;
		margin-top: 40px;
		padding: 45px;

		& .category {
			gap: 15px;
		}

		& input[type="Text"] {
			border-radius: 45px;
			border: 1px solid #E5DFDA;
			background-color: #F1EEED;
			padding: 19px 15px;
		}

		& input[type="checkbox"] {
			width: 18px;
			height: 18px;
		}
	}

	& .callback_form {
		display: flex;
		flex-direction: column;
		justify-self: end;
	}
}

@media screen and (max-width: 1200px) {
	.project-form {
		& .project-fieldset {
			gap: 25px;
			flex-wrap: wrap;

			& .category {
				gap: 15px;
			}

			& input[type="Text"] {
				padding: 10px 10px;
			}

			& input[type="checkbox"] {
				width: 18px;
				height: 18px;
			}
		}
	}
}

@media screen and (max-width: 900px) {
	.project-form {
		flex-wrap: wrap;
		justify-content: center;

		& .project-fieldset {
			width: 100%;
		}
	}
}

@media screen and (max-width: 600px) {
	.project-form {
		flex-direction: column;

		& .project-fieldset {
			flex-direction: column;
			padding: 30px;
		}
	}
}
/* End */
/* /local/components/mlux/mlux.banner/templates/small_banner/style.css?17770426081354 */
/* /local/templates/mlux/components/bitrix/form.result.new/complect-form/style.css?17767825081368 */
/* /local/components/mlux/mlux.section/templates/complect-section/style.css?1777042146385 */
/* /local/templates/mlux/components/bitrix/catalog.section/projects_slider/style.css?17768451962558 */
/* /local/templates/mlux/components/bitrix/news.list/project-slider/style.css?17770377761472 */
/* /local/templates/mlux/components/bitrix/form/project-form/bitrix/form.result.new/.default/style.css?17772760751298 */
