/* Start:/proizvodstvo-protivopozharnykh-dverey/page.css?178402243710082*/


#page-pp-dverey-header{}

#page-pp-dverey-header .body{
	/*font-size:22px;*/
}

#page-pp-dverey-header .body .desc{
	display:grid;
	gap:1rem;
}

#page-pp-dverey-header .body .subtext{
	display:grid;
	gap:1rem;
	/*font-size:20px;*/
	padding-left:23px;
	background:url(/proizvodstvo-protivopozharnykh-dverey/images/header-icon.svg) left top no-repeat;
}

#page-pp-dverey-header .body p{
	margin:0px;
}

#page-pp-dverey-zavod{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:27px;
	margin:30px 0px;
}

#page-pp-dverey-zavod .body{
	/*font-size:20px;*/
	display:flex;
	flex-direction:column;
	gap:30px;
}

#page-pp-dverey-zavod .body b{
	font-weight:500;
}

#page-pp-dverey-zavod .head.text-icon{
	gap:20px;
	font-size:24px;
	font-weight:500;
	text-transform:uppercase;
}

#page-pp-dverey-zavod .more{}

#page-pp-dverey-zavod .more .btn{
	padding:0px 30px;
	font-weight:600;
}

#page-pp-dverey-gray{
	position:relative;
}

#page-pp-dverey-gray::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100vw;
	left: 0px;
	top: 0px;
	margin-left: calc( 0px - ((100vw - 100%)/2) );
	background:url(/proizvodstvo-protivopozharnykh-dverey/images/gray-bg.webp) center center no-repeat;
	background-size:cover;
	z-index:1;
}

#page-pp-dverey-gray .body{
	position:relative;
	z-index:2;
	padding:35px 0px 25px 0px;
	color:#fff;
	line-height:1;
	/*font-size:24px;*/
}

#page-pp-dverey-gray .caption{
	font-size:32px;
	font-weight:500;
	margin-bottom:25px;
	position:relative;
}

#page-pp-dverey-gray .caption::after{
	content:'';
	width:20px;
	height:20px;
	position:absolute;
	right:0px;
	margin-top:-10px;
	top:50%;
	background:url(/proizvodstvo-protivopozharnykh-dverey/images/caption-arrow.svg) 0px 0px no-repeat;
}


#page-pp-dverey-gray .desc{
	margin-bottom:25px;
}

#page-pp-dverey-gray ul.list{
	list-style:none;
	margin:0px;
	padding:0px;
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:16px;
	margin-bottom:16px;
}

#page-pp-dverey-gray ul.list li{
	font-size:24px;
}

#page-pp-dverey-gray ul.list li .btn,
#page-pp-dverey-gray ul.list li .text-icon{
	height:125px;
	width:100%;	
}

#page-pp-dverey-gray ul.list li .text-icon{
	background:#fff;
	color:var(--marengo);
	border-radius:6px;
	padding:0px 18px;
	box-sizing:border-box;
}

#page-pp-dverey-gray ul.list li .btn{
	font-size:24px;
}

#page-pp-dverey-gray .bnr{
	display:flex;
	align-items:center;
	gap:20px;
	justify-content:space-between;
	background:url(/proizvodstvo-protivopozharnykh-dverey/images/gray-banner.webp) center center no-repeat;
	background-size:cover;
	padding:56px 46px;
	line-height:1;
	color:var(--marengo);
	text-transform:uppercase;
	border-radius:6px;
}


#page-pp-dverey-gray .bnr .bnr-caption{
	margin-bottom:29px;
	font-size:28px;
	font-weight:500;
	max-width:408px;
	text-transform:uppercase;
}

#page-pp-dverey-gray .bnr .bnr-desc .text-icon{
	color:#fff;
	background:var(--red);
	padding:0px 17px;
	height:49px;
}

#page-pp-dverey-gray .bnr .bnr-more{
	position:relative;
}

#page-pp-dverey-gray .bnr .bnr-more .arrow{
	position:absolute;
	left:-107px;
	top:-10px;
}

#page-pp-dverey-gray .bnr .bnr-more .btn{
	width:185px;
	text-transform:none;
	box-shadow: 0px 4px 5.3px 0px #00000052;
}

#page-pp-dverey-gray .bnr .bnr-more .btn.btn-white{
	color:#000;
	font-weight:600;
}

#page-pp-dverey-gray .bnr .bnr-more .btn.btn-white .btn-icon svg path{
	fill:#000;
}

#page-pp-dverey-gray .bnr .bnr-more .btn.btn-white:hover{
	color:var(--red);
}

#page-pp-dverey-gray .bnr .bnr-more .btn.btn-white:hover .btn-icon svg path{
	fill:var(--red);
}

.p_vivod{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
	align-items:end;
}

.production-slide{
	position:relative;
	max-width:560px;
}



.production-slide .owl-dots{
	position:absolute;
	top:-25px;
	left:0px;
}

.production-slide .owl-dots .owl-dot{
	border-radius:0px;
	width:10px;
	height:10px;
	background:#D9D9D9;
}

.production-slide .owl-dots .owl-dot.active{
	background:var(--marengo);
}


#pp_doors_garant_block{
	display:grid;
	gap:70px;
	align-items:center;
	grid-template-columns:214px 1fr 1fr;
	/*line-height:1;*/
	font-size:16px;
	margin:30px 0px;
	color:var(--marengo);
}

#pp_doors_garant_block .caption{
	background:url(/proizvodstvo-protivopozharnykh-dverey/images/protected.svg) left 10px center no-repeat;
	min-height:125px;
	display:flex;
	align-items:center;
	font-size:32px;
	font-weight:500;
	padding-left:49px;
	box-sizing:border-box;
	color:var(--marengo);
	text-transform:uppercase;
}

#pp_doors_garant_block .head{
	margin-bottom:20px;
	text-transform:uppercase;
	font-weight:500;
}

#pp_doors_garant_block .head .text-icon-i{
	width:57px;
	height:57px;
	background:var(--red);
}

#pp_doors_garant_block .head .text-icon-i svg path{
	fill:#fff;
}

#pp_doors_examples{
	padding:21px 14px 14px 14px;
	background:#F7F7F7;
	border: 1px solid rgba(75, 85, 100, 0.12);
	position:relative;
}

#pp_doors_examples .arrow{
	position:absolute;
	right:4px;
	top:30px;
}

#pp_doors_examples .caption{
	font-size:32px;
	font-weight:500;
	text-transform:uppercase;
	margin-bottom:20px;
}

#pp_doors_examples .pics{
	/*display:grid;
	grid-template-columns:repeat(5, 1fr);
	gap:14px;*/
	margin-bottom:14px;
}

#pp_doors_examples .pics .list{
	display:grid;
	grid-template-columns:repeat(5, 1fr);
	gap:14px;	
}

#pp_doors_examples .pics .list{
	display:none;
}

#pp_doors_examples .pics .list.active{
	display:grid;
}

#pp_doors_examples .pics .list img{
	height:100%;
}

#pp_doors_examples .foot{
	display:flex;
	gap:14px;
}

#pp_doors_examples .foot .left,
#pp_doors_examples .foot .right{
	padding:13px;
	background:#fff;
	border:1px solid #E0E0E0;
}

#pp_doors_examples .foot .left{
	flex-grow:1;
	font-size:20px;
	padding-left:32px;
}

#pp_doors_examples .foot .left.text-icon{
	justify-content:space-between;
}

#pp_doors_examples .foot .right{
	width:508px;
	box-sizing:border-box;	
	flex-shrink:0;
	display:flex;
	gap:13px;
}

#pp_doors_examples .foot .right img{
	width:86px;
	cursor:pointer;
}

#pp_doors_napil{
	padding:21px 14px 14px 14px;
	background:#F7F7F7;
	border: 1px solid rgba(75, 85, 100, 0.12);	
	margin:30px 0px 5px 0px;
	position:relative;
}

#pp_doors_napil .arrow{
	position:absolute;
	right:4px;
	top:30px;
}

#pp_doors_napil .caption{
	font-size:32px;
	font-weight:500;
	text-transform:uppercase;
	margin-bottom:20px;
	color:var(--marengo);
}

#pp_doors_napil .body{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:53px;
	margin-bottom:21px;
}


#pp_doors_napil .body .txt{
	display:flex;
	flex-direction:column;
	/*font-size:24px;*/
	gap:1rem;
}

#pp_doors_napil .body .txt p{
	margin:0px;
}

#pp_doors_napil .body .txt a{
	color:var(--text);
	text-decoration:none;
}

#pp_doors_napil .body .txt a:hover{
	color:var(--red);
}

#pp_doors_napil .footer{
	display:flex;
	gap:11px;
	font-size:20px;
}

#pp_doors_napil .footer b{
	font-weight:600;
}

#pp_doors_napil .footer .left{
	flex-grow:1;
	height:75px;
	background:#fff;
	border:1px solid #E0E0E0;
	padding:0px 20px;
	box-sizing:border-box;
}

#pp_doors_napil .footer .left.text-icon{
	justify-content:center;
}

#pp_doors_napil .footer .right{
	width:422px;
	flex-shrink:0;
}

#pp_doors_napil .footer .right .text-icon{
	height:75px;
	gap:43px;
	font-size:20px;
	background:var(--marengo);
	color:#fff;
	width:100%;
	padding:0px 32px;
	box-sizing:border-box;
}

#color_samples{
	background:#F7F7F7;
	border: 1px solid #4B55641F;
	padding:14px;
	margin-bottom:30px;
}

#color_samples .in{
	/*display:flex;
	flex-wrap:wrap;*/
	gap:8px;
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
	display:none;
}

#color_samples .in.active{
	display:grid;
}

#color_samples .bl{
	/*width:72px;*/
	height:41px;
}


.jq-selectbox.js_color_samples{

}

.jq-selectbox.js_color_samples .jq-selectbox__select{
	height:75px;
	border-radius: 0px;
	gap: 43px;
	font-size: 20px;
	padding: 0px 32px;
}

.jq-selectbox.js_color_samples .jq-selectbox__select-text{
	font-size:20px;
}

.jq-selectbox.js_color_samples .jq-selectbox__trigger{

}

.jq-selectbox.js_color_samples .jq-selectbox__trigger-arrow{
	width:18px;
	height:11px;
	background:url(/proizvodstvo-protivopozharnykh-dverey/images/select-arrow.svg) 0px 0px no-repeat;
}

@media (max-width: 1200px){
	
	.p_vivod{
		display:block;
		max-width: 500px;
	}
	
	.p_vivod .pcol:first-of-type{
		margin-bottom:20px;
	}
	
	.production-slide{
		max-width:none;
	}
}

@media (max-width: 950px){
	
	#page-pp-dverey-gray ul.list{
		grid-template-columns:repeat(2, 1fr);
	}
	
	#page-pp-dverey-gray .bnr{
		padding:0px;
		background:none;
		flex-direction:column;
		color:#fff;
		align-items: flex-start;
	}
	
	#page-pp-dverey-gray .bnr .bnr-more .arrow{
		content:none;
	}
	
	#pp_doors_garant_block{
		grid-template-columns:repeat(1, 1fr);
		gap: 20px;
	}
	
	#pp_doors_garant_block .caption{
		padding:0px;
		min-height:auto;
		background:none;
	}
	
	#pp_doors_examples .foot{
		flex-direction:column;
	}
	
	#pp_doors_examples .foot .right{
		width:100%;
	}
	
	#pp_doors_napil .footer{
		flex-direction:column;
	}
	
	#pp_doors_napil .footer .right{
		width:100%;
	}
	
}

@media (max-width: 650px){
	
	#page-pp-dverey-zavod{
		grid-template-columns: repeat(1, 1fr);
	}
	
	#page-pp-dverey-gray ul.list {
		grid-template-columns: repeat(1, 1fr);
	}
	
	#pp_doors_examples .foot .right{
		flex-wrap:wrap;
	}
	
	#pp_doors_napil .body{
		grid-template-columns:1fr;
	}
	

}

@media (max-width: 500px){
	
	#pp_doors_examples .pics .list{
		grid-template-columns: repeat(3, 1fr);
	}	
	
	#pp_doors_napil .footer .left{
		height:auto;
		padding: 0px 10px;
	}
	
	.jq-selectbox.js_color_samples .jq-selectbox__select{
		padding:0px 10px;
	}
	
	.jq-selectbox.js_color_samples .jq-selectbox__select-text{
		font-size:16px;
	}
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/clients/style.css?1783695274842*/
#our_clients{
	margin:30px 0px;
	display:grid;
	gap:50px 52px;
	grid-template-columns:repeat(4, 1fr);
}

#our_clients .client{
	padding-top:53px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	border-top:1px solid #EBEBEB;
}

#our_clients .client .num{
	position:absolute;
	top:15px;
	left:3px;
	color: #B8B8B8;
	font-size:14px;
	font-weight:500;
}


#our_clients .client.reverse{
	background:var(--marengo);
	color:#fff;
}

#our_clients .client.reverse .num{
	left:10px;
}

@media (max-width: 950px){

	#our_clients{
		grid-template-columns:repeat(3, 1fr);
	}	
}

@media (max-width: 650px){

	#our_clients{
		grid-template-columns:repeat(2, 1fr);
	}	
	
	#our_clients .client{
		padding-top:35px;
	}
	
	#our_clients .client img{
		max-width:100px;
	}
}
/* End */
/* /proizvodstvo-protivopozharnykh-dverey/page.css?178402243710082 */
/* /local/templates/.default/components/bitrix/news.list/clients/style.css?1783695274842 */