.about-us-first-block {
	height:620px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.about-us-page {
	padding-bottom: 48px;
}

.about-us-first-block-inner {
	padding-top: 40px;
}

.contact-page {
	padding-bottom: 48px;
}

.contact-page-first-block-inner {
	padding-top: 40px;
}

.contact-page .contact-page-first-block {
	max-width: none;
	margin: 0;
}

.contact-page-first-block-inner .pages-title {
	width: auto;
	max-width: min(560px, 100%);
}

.dealers-first-block {
	height:620px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.architects-first-block {
	height:620px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;		
}

.materials-first-block {
	height:620px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}

.contact-page-first-block {
	height:620px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;		
}

.algorithm-contact-map {
	display: block;
	width: 100%;
	min-height: 500px;
	border: 0;
	border-radius: var(--radius-md, 5px);
	overflow: hidden;
}

.about-us-first-block,
.dealers-first-block,
.architects-first-block,
.materials-first-block,
.contact-page-first-block {
	width: 100%;
	border-radius: var(--radius-lg);
	overflow: hidden;
}

.dealers-page,
.architects-page,
.materials-page {
	padding-bottom: 48px;
}

.dealers-first-block-inner,
.architects-first-block-inner,
.materials-first-block-inner {
	padding-top: 40px;
}

.dealers-page .dealers-first-block,
.architects-page .architects-first-block,
.materials-page .materials-first-block {
	max-width: none;
	margin: 0;
}

.dealers-first-block-inner .pages-title,
.materials-first-block-inner .pages-title {
	width: auto;
	max-width: min(560px, 100%);
}

.architects-banner-wrapper .pages-bread-crumbs {
	padding: 0 0 16px;
	color: var(--grafit-secon-text);
}

.architects-banner-wrapper .pages-bread-crumbs a {
	color: var(--grafit-secon-text);
}

.about-us-page .about-us-first-block {
	max-width: none;
	margin: 0;
}

.form_page p {
	padding:0;
	margin:0;
}

.form_page_input {
	display:flex;
	gap:20px;
}

.form_page_input
input[type=text] {
	border-radius: 5px;
	padding: 10px 15px;
	margin-top:15px;
	box-sizing:border-box;
	background: #f4f4f4;
	border:none;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	color: var(--grafit-secon-text);
}

.form_page_input
input[type=tel] {
	border-radius: 5px;
	padding: 10px 15px;
	margin-top:15px;
	box-sizing:border-box;
	background: #f4f4f4;
	border:none;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	color: var(--grafit-secon-text);	
}

.form_page_input label {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	color: var(--grafit-black);	
}

.form_page_check_btn {
	display:flex;
	gap:40px;
	margin-top:20px;
}

.form_page_check_btn .wpcf7-list-item {
	margin:0 !important;
}

.form_page_btn
input[type=submit] {
	border-radius: 5px;
	padding: 15px 30px;
	width: 145px;
	height: 52px;
	box-sizing:border-box;
	background: var(--orange);
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 16px;
	color: var(--grafit-black);
	cursor:pointer;
	border:none;
}

.form_page_check input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
background-color: transparent;
border: 1px solid var(--grafit-black);
border-radius: 4px;
cursor: pointer;
position: relative;
margin-right: 8px;
vertical-align: middle;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 157%;
color: var(--grafit-black);
}

.form_page_check input[type="checkbox"]:checked::before {
content: '';
position: absolute;
top: 2px;
left: 6px;
width: 5px;
height: 10px;
border: solid var(--grafit-black);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}

/* Форма на странице дилеры */

.diler_form_page_input_one, .diler_form_page_input_two {
	display:flex;
	gap:20px;
}

.diler_form_page_input_one
input[type=text],
input[type=email] {
	border-radius: 5px;
	padding: 10px 15px;
	margin-top:15px;
	width:100%;
	height:52px;
	box-sizing:border-box;
	background: #f4f4f4;
	border:none;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	color: var(--grafit-secon-text);
}

.diler_form_page_input_one
input[type=tel] {
	border-radius: 5px;
	padding: 10px 15px;
	margin-top:15px;
	width:100%;
	box-sizing:border-box;
	background: #f4f4f4;
	border:none;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	color: var(--grafit-secon-text);	
}

.diler_form_page_input_one p {
	padding:0;
	margin:0;
}

.diler_form_page_input_one label {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	color: var(--grafit-black);	
}

.diler_form_page_input_two
input[type=text] {
	border-radius: 5px;
	padding: 10px 15px;
	margin-top:15px;
	width:100%;
	height:52px;
	box-sizing:border-box;
	background: #f4f4f4;
	border:none;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	color: var(--grafit-secon-text);	
}

.diler_form_page_input_one span {
	color:var(--orange);
}

.diler_form_page_input_two span {
	color:var(--orange);
}

.diler_form_page .wpcf7-list-item {
	margin:0 !important;
}

.diler_form_page_check input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 1px solid var(--grafit-black);
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	margin-right: 8px;
	vertical-align: middle;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 14px;
	line-height: 157%;
	color: var(--grafit-black);
}

.diler_form_page_check input[type="checkbox"]:checked::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 6px;
	width: 5px;
	height: 10px;
	border: solid var(--grafit-black);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.diler_form_page_check_btn {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.diler_form_page_btn
input[type=submit] {
	border-radius: 5px;
	padding: 15px 30px;
	width: 145px;
	height: 52px;
	box-sizing:border-box;
	background: var(--orange);
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 16px;
	color: var(--grafit-black);
	cursor:pointer;
	border:none;	
}

.diler_form_page h3 {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 22px;
	line-height: 145%;
	color: var(--grafit-black);	
}

/* Форма на странице архитекторам */

.architects_page_form {
	background:#fff;
}

.architects_page_form
input[type=text],
input[type=email] {
	border-radius: 5px;
	padding: 10px 15px;
	margin-top:15px;
	width:100%;
	height:52px;
	box-sizing:border-box;
	background: #f4f4f4;
	border:none;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	color: var(--grafit-secon-text);
}

.architects_page_form_input_phone
input[type=tel] {
	border-radius: 5px;
	padding: 10px 15px;
	margin-top:15px;
	width:100%;
	box-sizing:border-box;
	background: #f4f4f4;
	border:none;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	color: var(--grafit-secon-text);	
}

.architects_page_form_input_phone_email {
	display:flex;
	gap:20px;
}

.architects_page_form_input_name span, .architects_page_form_input_phone_email span, .architects_page_forminput_orgname span {
	color:var(--orange);
}

.architects_page_form_check .wpcf7-list-item {
	margin:0 !important;
}

.architects_page_form_check_btn {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.architects_page_form_check input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 1px solid var(--grafit-black);
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	margin-right: 8px;
	vertical-align: middle;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 14px;
	line-height: 157%;
	color: var(--grafit-black);
}

.architects_page_form_check input[type="checkbox"]:checked::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 6px;
	width: 5px;
	height: 10px;
	border: solid var(--grafit-black);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.architects_page_form_btn
input[type=submit] {
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 16px;
	color: var(--grafit-black);
	cursor:pointer;
	border-radius: 5px;
	padding: 15px 30px;
	box-sizing:border-box;
	background: var(--orange);
	border:none;
}

.architects_page_form h3 {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 22px;
	line-height: 145%;
	color: var(--grafit-black);
	padding:0;
	margin:0;
}

/* Загрузка файлов */

.custom-file-upload {
	position: relative;
	display: inline-block;
	width: 100%;
}

.custom-file-button {
	display: flex;
	align-items: center;
	gap: 10px;
	height:52px;
	padding: 10px 15px;
	box-sizing:border-box;
	border-radius: 5px;
	cursor: pointer;
	background: #f4f4f4;
	transition: 0.3s;
}

.custom-file-button p {
	display: flex;
	align-items: center;
}

.custom-file-icon svg {
	width: 24px;
	height: 24px;
	position: absolute;
	top:30px;
}


.custom-input-file {
	opacity: 0;
	position: absolute;
	z-index: -1;
	pointer-events: none;
}


.custom-file-text {
	padding-left:34px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	color: var(--grafit-secon-text);
}

.mail-underline {
	text-decoration:solid underline var(--brand-yellow) 2px;
}

.pages-title {
	padding:0;
	margin:0;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 42px;
	line-height: 114%;
	color: var(--white-bg);
	width:20%;
}

.pages-bread-crumbs {
	padding:40px 0px;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 14px;
	line-height: 157%;
	color: var(--white-content);
}

.pages-bread-crumbs a {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 14px;
	line-height: 157%;
	color: var(--white-content);
	text-decoration:none;
}

.dealers-banner-wrapper {
	max-width:428px;
	width:100%;
	box-sizing:border-box;
	padding:40px;
	border-radius:5px;
	background: var(--white-bg);
}

.dealers-banner-wrapper h1 {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 42px;
	line-height: 114%;
	color: var(--grafit-black);
	width:100%;	
}

.dealers-banner-wrapper p {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 22px;
	line-height: 145%;
	color: var(--grafit-grey);
	padding:20px 0px 40px 0px;
	box-sizing:border-box;
}

.dealers-banner-wrapper a {
	border-radius: 5px;
	padding: 15px 30px;
	box-sizing:border-box;
	background: var(--orange);
	text-decoration:none;
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 16px;
	color: var(--grafit-black);
}

/* Архитекторам */

.architects-banner-wrapper {
	max-width:588px;
	width:100%;
	box-sizing:border-box;
	padding:40px;
	border-radius:5px;
	background: var(--white-bg);
}

.architects-banner-wrapper h1 {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 42px;
	line-height: 114%;
	color: var(--grafit-black);
	width:100%;	
}

.architects-banner-wrapper p {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 22px;
	line-height: 145%;
	color: var(--grafit-grey);
	padding:20px 0px 40px 0px;
	box-sizing:border-box;
}

.architects-banner-btn {
	display:flex;
	gap:20px;
}

.architects-cooperate {
	border-radius: 5px;
	padding: 15px 30px;
	box-sizing:border-box;
	background: var(--orange);
	text-decoration:none;
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 16px;
	color: var(--grafit-black);
}

.architects-login {
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 16px;
	color: var(--grafit-black);
	text-decoration:none;
	border: 1px solid var(--grafit-lighten);
	border-radius: 5px;
	padding: 15px 30px;
	box-sizing:border-box;
}

.contact_page_form_name_phone {
	display:flex;
	gap:20px;
}

.contact_page_form_name_phone
input {
	width:100%;
	height:52px;
	border-radius: 5px;
	padding: 10px 15px;
	box-sizing:border-box;
	background: #f4f4f4;
	border:none;
	margin-top:15px;
}

.contact_page_form_message {
	margin:20px 0px;
}

.contact_page_form_message
textarea {
	width:100%;
	height: 107px;
	border-radius: 5px;
	padding: 10px 15px;
	box-sizing:border-box;
	background: #f4f4f4;
	border:none;
	margin-top:15px;	
}

.contact_page_form_wrapper p {
	padding:0;
	margin:0;
}

.contact_page_form_wrapper .wpcf7-list-item {
	margin:0;
}

.contact_page_form_btn {
	margin-top:20px;
}

.contact_page_form_check {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 14px;
	line-height: 157%;
	color: #373838;	
}

.contact_page_form_check input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 1px solid var(--grafit-black);
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	margin-right: 8px;
	vertical-align: middle;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 14px;
	line-height: 157%;
	color: var(--grafit-black);
}

.contact_page_form_check input[type="checkbox"]:checked::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 6px;
	width: 5px;
	height: 10px;
	border: solid var(--grafit-black);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.contact_page_form_btn
input {
	border-radius: 5px;
	padding: 15px 30px;
	box-sizing:border-box;
	background: var(--brand-yellow);
	cursor:pointer;
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 16px;
	color: #373838;
	border:none;
}

@media (min-width: 320px) and (max-width: 480px) {
	.scroll-x {
	  display: flex !important;
	  flex-wrap: nowrap !important;
	  overflow-x: auto !important;
	  -webkit-overflow-scrolling: touch !important;
	  gap: 16px !important;
	  padding-right: 40px !important;
	}

	.scroll-x::-webkit-scrollbar {
	  display: none !important;
	}

	.scroll-x .scroll-item {
	  flex: 0 0 auto !important;
	}
	
	.dealers-first-block, .materials-first-block, .contact-page-first-block {
		background-image:none !important;
		height:100px;
	}

	.pages-title {
		font-family: var(--font-family);
		font-weight: 500;
		font-size: 22px;
		line-height: 127%;
		color: var(--grafit-black);
		width:100%;
	}
	
	.pages-bread-crumbs {
		padding: 10px 0px;
		font-family: var(--font-family);
		font-weight: 500;
		font-size: 14px;
		line-height: 157%;
		color: var(--grafit-secon-text);		
	}
	
	.pages-bread-crumbs a {
		font-family: var(--font-family);
		font-weight: 500;
		font-size: 14px;
		line-height: 157%;
		color: var(--grafit-secon-text);		
	}
	
	.form_page_input {
		flex-wrap:wrap;
	}
	
	.form_page_input input[type=text] {
		width:100%;
		
	}
	
	.form_page_check_btn {
		flex-wrap:wrap;
	}
	
	.form_page_btn {
		width:100%;
	}
	
	.form_page_btn input[type=submit] {
		width:100%;
	}

	.page-template-dealers-page .scroll-item {
		height:228px;
	}
	
	.diler_form_page_input_one, .diler_form_page_input_two {
		flex-wrap:wrap;
	}
	
	.diler_form_page_check_btn {
		flex-wrap:wrap;
	}
	
	.diler_form_page_btn {
		width:100%;
	}
	
	.diler_form_page_btn input[type=submit] {
		width:100%;
	}
	
	.diler_form_page_input_two p {
		padding:0 !important;
		margin:0 !important;
	}

	.architects-banner-wrapper h1 {
		font-family: var(--font-family);
		font-weight: 500;
		font-size: 22px;
		line-height: 127%;
		text-align: center;
		color: var(--grafit-black);		
	}
	
	.architects-banner-wrapper p {
		font-family: var(--font-family);
		font-weight: 500;
		font-size: 14px;
		line-height: 157%;
		text-align: center;
		color: var(--grafit-grey);
		padding:0;		
	}
	
	.architects-banner-btn {
		flex-wrap:wrap;
	}
	
	.architects-cooperate, .architects-login {
		width:100%;
		text-align:center;
	}
	
	.page-template-architects-page .architects-banner-wrapper {
		padding:20px;
	}
	
	.page-template-architects-page .pages-bread-crumbs {
		color: var(--white-content);
	}
	
	.page-template-architects-page .pages-bread-crumbs a {
		color: var(--white-content);
	}
	
	.architects_page_form_check_btn {
		flex-wrap:wrap;
	}
	
	.architects_page_form_btn {
		width:100%;
	}
	
	.architects_page_form_btn input[type=submit] {
		width:100%;
	}
	
	.footer-grid {
		padding-bottom: 0;
	}

	.footer-brand {
		width: 100%;
		text-align: center;
		align-items: center;
	}

	.footer-logo-link {
		align-self: center;
	}

	.footer-logo-link img {
		width: 179px;
		height: auto;
	}

	.site-footer {
		padding-bottom: 20px;
	}

	.footer-contact,
	.footer-brand {
		order: -1;
	}

	.politicians-consent {
		display: inline !important;
	}

	.footer-phone-zayavka {
		flex-direction: column;
	}

	.footer-phone {
		font-family: var(--font-family);
		font-weight: 400;
		font-size: 22px !important;
		line-height: 145%;
		color: var(--white-bg);
	}

	.footer-nav-col {
		margin-top: 0;
	}
	
	.footer-menu {
		margin-bottom:20px;
	}
	
	.slider-block {
		padding:20px;
		margin-top:20px;
	}
	
	.slider-info h3 {
		font-family: var(--font-family);
		font-weight: 500;
		font-size: 22px;
		line-height: 127%;
		color: var(--grafit-black);		
	}
	
	.slider-info p {
		font-family: var(--font-family);
		font-weight: 500;
		font-size: 14px;
		line-height: 157%;
		color: var(--grafit-grey);		
	}
	
	.first-screen-slider-wrap {
		flex-wrap:wrap;
		align-content: flex-start;
	}
}

