@font-face {
	font-family: Roboto-Light;
	src: local("Roboto-Light"), url('../fonts/Roboto-Light.ttf') format('truetype');
}
@font-face {
	font-family: Roboto-LightItalic;
	src: local("Roboto-LightItalic"), url('../fonts/Roboto-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: Roboto-Regular;
	src: local("Roboto-Regular"), url('../fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: Roboto-Italic;
	src: local("Roboto-Italic"), url('../fonts/Roboto-Italic.ttf') format('truetype');
}
@font-face {
	font-family: Roboto-Bold;
	src: local("Roboto-Bold"), url('../fonts/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: Roboto-BoldItalic;
	src: local("Roboto-BoldItalic"), url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
}
* {margin: 0; padding: 0;}
*:focus {outline: none;}
body {
	max-width: 1280px;
	min-width: 320px;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
	font-family: Roboto-Regular;
	font-size: 14px;
	color: #757575;
	text-align: center;
}
	.schema {display: none;}
/* 0.1 2-х колоночное расположение для пк: a,b - переход в 1-о колоночное для моб; c - без перехода; */
/* 0.2 3-х колоночное расположение для пк: a,b - переход в 2-х колоночное для моб; */
/* 0.3 4-х колоночное расположение для пк: a,b - переход в 2-х колоночное для моб; */
/* 0.3 5-и колоночное расположение для пк: переход в 3-х колоночное для моб; */
/* ВЕРХНЕЕ МЕНЮ НАВИГАЦИИ */
nav {
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background-color: #ffffff;
	border-bottom: 1px solid #757575;
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
	position: fixed;
	z-index: 999;
	padding-top: 12px;
}
	/* МЕНЮ НАВИГАЦИИ: Верхняя строка */
	.warning {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		background-color: #757575;
		font-family: Roboto-BoldItalic;
		color: #ffffff;
		font-size: 12px;
		padding: 0;
	}
	/* МЕНЮ НАВИГАЦИИ: Логотип */
	.nav_logo {float: left;}
		.nav_logo img {
			width: 150px;
			margin: 4px 0 0 8px;
		}
	/* МЕНЮ НАВИГАЦИИ: Мобильное меню */
	.m_menu {
		display: none;
		position: absolute;
		top: 23px;
		right: 45px;
		font-size: 18px;
		border: 1px solid #757575;
		padding: 0 5px 2px 5px;
		border-radius: 3px;
	}
		.showitems {display:block !important;}
	/* МЕНЮ НАВИГАЦИИ: Телефоны */
	.menu {
		float: right;
		font-family: Roboto-Bold;
	}
		.menu_left {float: left;}
			.menu ul {
				list-style-type: none;
				text-align: right;
				margin: 0;
			}
			.nav_phones li {
				display: inline-block;
				background: url(../decor/phone.png) no-repeat;
				background-position: left;
				background-size: 14px;
				padding-left: 16px;
				font-size: 13px;
				margin: 8px 0 5px 8px;
			}
			.mobile {display: none;}
	/* МЕНЮ НАВИГАЦИИ: Кнопки */
	.nav_buttons li {
		display: inline-block;
		text-transform: uppercase;
		margin: 0 0 0 8px;
	}
		.nav_buttons li a {
			font-size: 14px;
			color: #d19827;
			text-decoration: none;
			cursor: pointer;
			transition: 0.7s;
		}
			.nav_buttons a:hover {color: #a05a27;}
				.scroll {color: #494949 !important;}
					.scroll:hover {color: #d19827 !important; text-decoration: underline !important;}
	/* МЕНЮ НАВИГАЦИИ: Корзина */
	.menu_right {float: right;}
		.menu_right a {
			display: inline-block;
			background: url(../decor/cart_1.png) no-repeat;
			background-position: center;
			background-size: 29px;
			width: 29px;
			height: 29px;
			margin: 11px 8px 0 8px;
			text-decoration: none;
			color: #d19827;
			cursor: pointer;
			transition: 0.7s;
		}
			.menu_right a:hover {
				background: url(../decor/cart_2.png) no-repeat;
				background-position: center;
				background-size: 29px;
				width: 29px;
				height: 29px;
				color: #a05a27;
			}
	/* МЕНЮ НАВИГАЦИИ: Сброс флоатов */
	.clearfix:after {
		content: "";
		display: table;
		clear: both;
	}
/* 2. НАЧАЛЬНЫЙ БЛОК С ВИДЕО */
header {
	margin: 70px 0 10px 0;
	background: url(../decor/fon.jpg) #e2e0e1;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 1280px 550px;
	min-height: 550px;
	font-family: Roboto-Bold;
	color: #ffffff;
	position: relative;
}
.flexbox_2a {display: flex; flex-direction: row; flex-wrap: nowrap;}
	.flexbox_2a div {width: 100%;}
		.video {display: flex;}
			.video a {
				font-size: 16px;
				position: absolute;
				top: 40%;
				left: 20%;
				transition: 0.5s;
			}
			.top_video {
				text-align: center;
				background: url(../decor/video1.png) no-repeat;
				background-position: top center;
				background-size: 100px;
				color: #ffffff;
			}
			.top_video:hover {
				background: url(../decor/video2.png) no-repeat;
				background-position: top center;
				background-size: 100px;
				color: #d19827;
			}
			.top_video p {
				margin-top: 75px;
				font-family: Roboto-BoldItalic;
			}
		.top_title span {
			display: block;
			position: absolute;
			top: 32%;
		}
			.top_title span p {
				font-family: Roboto-Bold;
				font-size: 33px;
				text-indent: 10px;
				text-align: left;
				padding: 0 20px 40px 0;
			}
/* Блок акции и 10 лет гарантии */
.flexbox_2c {display: flex; flex-direction: row; flex-wrap: nowrap;}
	.flexbox_2c div {width: 100%; margin: 0 5px; border: 2px solid #d19827; height: 200px;}
		.flexbox_2c div p {
				color: #757575;
				font-family: Roboto-Bold;
				text-shadow: 2px 2px 2px #ffffff;
			}
				.flexbox_2c div p span {
					color: #d19827;
					text-transform: uppercase;
				}
		.left_2c {
			background: url(../decor/1_aktsiya.jpg) #fff;
			background-repeat: no-repeat;
			background-position: center;
		}
			.left_2c p {
				font-size: 18px;
				background: url(../decor/left_2c-1.png) no-repeat;
				background-position: top center;
				background-size: 30px;
				padding: 35px 9% 0 9%;
				margin-top: 15px;
			}
				.left_2c p span, .right_2c p span {font-size: 20px;}
		.right_2c {
			background: url(../decor/2_garantiya.jpg) #fff;
			background-repeat: no-repeat;
			background-position: center;
		}
			.right_2c p {
				font-size: 18px;
				margin: 35px 0 0 15%;
				text-align: left;
				display: block;
			}
				.right_2c-1 {
					background: url(../decor/right_2c-1.png) no-repeat;
					background-position: left;
					background-size: 40px;
					padding-left: 48px;
				}
				.right_2c-2 {
					background: url(../decor/right_2c-2.png) no-repeat;
					background-position: left;
					background-size: 40px;
					padding-left: 48px;
				}
/* 3. БЛОК КОРОТКОЙ ИНФОРМАЦИИ */
.flexbox_4a {display: flex; flex-direction: row; flex-wrap: nowrap; padding: 0 1px;}
	.flexbox_4a div {width: 100%; padding: 30px 10px 0 10px;}
		.block_1 span, .block_2 span, .block_3 span, .block_4 span, .block_5 span, .block_6 span, .block_7 span, .block_8 span {
			display: block;
			font-family: Roboto-Bold;
			font-size: 20px;
			padding-top: 65px;
		}
			.block_1 span {
				background: url(../decor/block-1.png) no-repeat;
				background-position: top center;
				background-size: 50px;
			}
			.block_2 span {
				background: url(../decor/block-2.png) no-repeat;
				background-position: top center;
				background-size: 50px;
			}
			.block_3 span {
				background: url(../decor/block-3.png) no-repeat;
				background-position: top center;
				background-size: 50px;
			}
			.block_4 span {
				background: url(../decor/block-4.png) no-repeat;
				background-position: top center;
				background-size: 50px;
			}
			.block_5 span {
				background: url(../decor/block-5.png) no-repeat;
				background-position: top center;
				background-size: 50px;
			}
			.block_6 span {
				background: url(../decor/block-6.png) no-repeat;
				background-position: top center;
				background-size: 50px;
			}
			.block_7 span {
				background: url(../decor/block-7.png) no-repeat;
				background-position: top center;
				background-size: 50px;
			}
			.block_8 span {
				background: url(../decor/block-8.png) no-repeat;
				background-position: top center;
				background-size: 50px;
			}
		.block_1 p, .block_2 p, .block_3 p, .block_4 p, .block_5 p, .block_6 p, .block_7 p, .block_8 p {
			text-align: justify;
			margin-top: 15px;
			text-indent: 10px;
		}
/* Блок модельного ряда */
.flexbox_2d {display: flex; flex-direction: row; flex-wrap: nowrap; padding-bottom: 20px;}
	.flexbox_2d div {width: 100%; margin: 10px 5px 0 5px; height: 300px;}
		.flexbox_2d div span {
			font-family: Roboto-Bold;
			color: #d19827;
			font-size: 20px;
			text-shadow: 2px 2px 2px #ffffff;
			display: block;
			margin-top: 60px;
		}
		.flexbox_2d div p {
			color: #494949;
			font-size: 16px;
			text-shadow: 2px 2px 2px #ffffff;
			display: block;
			margin: 20px 10% 30px 10%;
		}
		.flexbox_2d a {
			color: #ffffff;
			text-transform: uppercase;
			padding: 7px 10px;
			background-color: #757575;
			border-bottom: 2px solid #494949;
			border-radius: 5px;
			text-decoration: none;
			cursor: pointer;
			transition: 0.4s;
		}
			.flexbox_2d a:hover {
				background-color: #d19827;
				border-bottom: 2px solid #a05a27;
			}
		.left_2d {
			background: url(../decor/back_left.jpg) #fff;
			background-repeat: no-repeat;
			background-position: center;
		}
		.right_2d {
			background: url(../decor/back_right.jpg) #fff;
			background-repeat: no-repeat;
			background-position: center;
		}
/* 4. ЗОЛОТЫЕ БЛОКИ */
.gold_blok {
	background: #d19827;
	color: #ffffff;
	padding: 20px;
	margin-top: 20px;
}
	.white_line {
		border-top: 2px solid  #ffffff;
		border-bottom: 2px solid  #ffffff;
		padding: 15px 0;
	}
	.gold_blok_title {
		font-family: Roboto-Bold;
		font-size: 20px;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	/* 4.1 Золотой блок видеороликов */
	.flexbox_3a {display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; padding: 10px 3px 15px 3px;}
		.flexbox_3a div {width: 32%; padding: 10px 2px 0 2px; margin: 0 auto;}
			.video_obzor iframe {width: 100%;}
/* 5. БЛОКИ КОНСТРУКЦИЯ, ПРИНЦИП РАБОТЫ, ЭНЕРГОЭФФЕКТИВНОСТЬ */
h2, h3, h4, h5, h6 {
	background: url(../decor/razdel.png) no-repeat;
	background-position: top center;
	background-size: 90px;
	padding-top: 50px;
	font-family: Roboto-Bold;
	font-size: 28px;
	color: #d19827;
	margin: 40px 0 20px 0;
}
.flexbox_2b {display: flex; flex-direction: row; flex-wrap: nowrap;}
	.flexbox_2b a {width: 60%; margin: auto 5px;}
		.flexbox_2b a img {width: 100%;}
	.flexbox_2b ul {
		width: 40%;
		margin: auto 5px;
		text-align: left;
		list-style-type: none;
	}
		.flexbox_2b ul li::before {
			content: "▪";
			padding-right: 3px;
		}
		.flexbox_2b ul li p {
			text-align: justify;
			text-indent: 10px;
			margin: 0 0 10px 10px;
			font-family: Roboto-LightItalic;
		}
.article_text {
	padding: 20px 0 10px 0;
	text-align: justify;
}
	.article_text p {
		padding: 5px 10%;
		text-indent: 10px;
	}
	.article_text ul {
		list-style-type: none;
		padding: 5px 10%;
	}
		.article_text ul li::before {
			content: "▫";
			margin-right: 5px;
		}
/* 4.2 Золотой блок видеообзоров */
.flexbox_4b {display: flex; flex-direction: row; flex-wrap: nowrap; padding: 0 3px;}
	.flexbox_4b div {width: 100%; padding: 5px 2px 0 2px;}
/* 6. БЛОК ДОПОЛНИТЕЛЬНОЙ ИНФОРМАЦИИ */
.dop_info {
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	padding: 20px 0 10px 0;
	margin-top: 20px;
}
.flexbox_4b a {width: 100%; margin: 0 2px 2px 2px;}
	.flexbox_4b a div {width: 100%; padding: 0;}
	/* 6.1 Дизайн ссылок */
	.dop_url {
		font-family: Roboto-BoldItalic;
		color: #0000FF;
		text-decoration: underline;
		cursor: pointer;
		transition: 0.5s;
	}
	.dop_url p {padding: 55px 0 10px 0;}
	.dop_url:hover {color: #800080;}
	.dop1 {
		background: url(../decor/info1.png) no-repeat;
		background-position: top center;
		background-size: 50px;
	}
	.dop1:hover {
		background: url(../decor/info1a.png) no-repeat;
		background-position: top center;
		background-size: 50px;
	}
	.dop2 {
		background: url(../decor/info2.png) no-repeat;
		background-position: top center;
		background-size: 50px;
	}
	.dop2:hover {
		background: url(../decor/info2a.png) no-repeat;
		background-position: top center;
		background-size: 50px;
	}
	.dop3 {
		background: url(../decor/info3.png) no-repeat;
		background-position: top center;
		background-size: 50px;
	}
	.dop3:hover {
		background: url(../decor/info3a.png) no-repeat;
		background-position: top center;
		background-size: 50px;
	}
	.dop4 {
		background: url(../decor/info4.png) no-repeat;
		background-position: top center;
		background-size: 50px;
	}
	.dop4:hover {
		background: url(../decor/info4a.png) no-repeat;
		background-position: top center;
		background-size: 50px;
	}
	/* 6.2 Дизайн контента во всплывающем окне */
	.dop_content {display: none;}
	.popup-modal-cont {
		max-width: 768px;
		background: #ffffff;
		padding: 10px;
		border-radius: 23px;
		margin: auto;
	}
		.dop_title {
			background: #d19827;
			font-family: Roboto-Bold;
			color: #ffffff;
			font-size: 18px;
			padding: 25px 20px 23px 20px;
			border-radius: 16px 16px 0 0;
		}
		.dop_title::before {
			content: "⊛";
			padding-right: 10px;
		}
		.dop_text {
			padding: 25px 20px;
			border: 2px solid #d19827;
			border-radius: 0 0 16px 16px;
		}
		.dop_text p {
			font-size: 16px;
			text-align: justify;
			text-indent: 10px;
			margin-bottom: 5px;
		}
/* 7. БЛОК ПРЕИМУЩЕСТВА */
table {padding-bottom: 20px;}
table tr th {
	padding: 7px 10px;
	text-align: center;
	background: #757575;
	color: #ffffff;
}
	.table_img {max-width: 500px;} /* The background image 500x165px */
		figure.fixedratio5 {
			padding-top: 33%; /* 165px/500px = 0.33 */
			background: url(../decor/table_1.jpg)no-repeat;
			background-position: center; /* Internet Explorer 7/8 */
			background-size: cover;
			-moz-background-size: cover; /* Firefox 3.6 */
		}
		figure.fixedratio6 {
			padding-top: 33%;
			background: url(../decor/table_2.jpg)no-repeat;
			background-position: center;
			background-size: cover;
			-moz-background-size: cover;
		}
		figure.fixedratio7 {
			padding-top: 33%;
			background: url(../decor/table_3.jpg)no-repeat;
			background-position: center;
			background-size: cover;
			-moz-background-size: cover;
		}
		figure.fixedratio8 {
			padding-top: 33%;
			background: url(../decor/table_4.jpg)no-repeat;
			background-position: center;
			background-size: cover;
			-moz-background-size: cover;
		}
	table tr td {
		border: 1px solid #757575;
		padding: 7px 10px;
		text-align: left;
	}
	.green {
		font-family: Roboto-Bold;
		color: green;
	}
	.red {
		font-family: Roboto-Bold;
		color: red;
	}
/* 4.3 Золотой блок форм расчета отоаления и обратного звонка */
.gold_blok form input {
	width: 185px;
	font-family: Roboto-Italic;
	font-size: 16px;
	color: #757575;
	background-color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 5px;
	padding: 5px 10px;
	margin: 0 2px 7px 2px;
}
	:-moz-placeholder {color: #757575;}
	::-webkit-input-placeholder {color: #757575;}
	.gold_blok form button {
		text-transform: uppercase;
		font-family: Roboto-Bold;
		font-size: 16px;
		color: #ffffff;
		border: 2px solid #ffffff;
		border-radius: 7px;
		background-color: #d19827;
		padding: 5px 10px;
		margin: 0 2px;
		cursor: pointer;
		transition: 0.5s;
	}
		.gold_blok form button:hover {background-color: #a05a27;}
/* 8. БЛОКИ ПРОИЗВОДСТВО, СЕРТИФИКАТЫ, ГАРАНТИЯ И ДОСТАВКА, ИЗОБРАЖЕНИЯ */
	/* 8.2 производство */
	.preimushestvo, .proizvodstvo, .sertifikaty, .garantiya, .izobrajenie, .otzivi, .dilerskaya {
		text-align: justify;
		text-indent: 10px;
		padding: 0 10%;
		padding-bottom: 10px;
	}
	.preimushestvo p, .proizvodstvo p, .sertifikaty p, .garantiya p, .izobrajenie p, .otzivi p, .dilerskaya p {margin-bottom: 10px;}
	.flexbox_4b span {width: 100%; margin: 0 2px;}
		.flexbox_4b span img {width: 100%;}
	/* 8.2 сертификаты */
	.flexbox_5 {display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; padding: 0 3px;}
		.flexbox_5 a {width: 19%; margin: 0 2px;}
			.flexbox_5 a img {width: 100%;}
	/* 8.3 гарантия и доставка */
	.garantiya ul {
		list-style-type: none;
		margin-bottom: 10px;
	}
		.garantiya ul li::before {
			content: "▪";
			margin-right: 5px;
		}
	/* 8.4 изображения */
	.flexbox_4b a img {width: 100%;}
/* 4.4 Золотой блок как заказать */
.gold_blok img {margin-top: 5px;}
.gold_back {max-width: 500px;} /* The background image 500x200px */
	figure.fixedratio1 {
		padding-top: 40%; /* 200px/500px = 0.4 */
		background: url(../decor/gold_1.png)no-repeat;
		background-position: center; /* Internet Explorer 7/8 */
		background-size: cover;
		-moz-background-size: cover; /* Firefox 3.6 */
	}
	figure.fixedratio2 {
		padding-top: 40%;
		background: url(../decor/gold_2.png)no-repeat;
		background-position: center;
		background-size: cover;
		-moz-background-size: cover;
	}
	figure.fixedratio3 {
		padding-top: 40%;
		background: url(../decor/gold_3.png)no-repeat;
		background-position: center;
		background-size: cover;
		-moz-background-size: cover;
	}
	figure.fixedratio4 {
		padding-top: 40%;
		background: url(../decor/gold_4.png)no-repeat;
		background-position: center;
		background-size: cover;
		-moz-background-size: cover;
	}
.gold_blok span p {
	padding: 5px 3% 0 3%;
	font-size: 13px;
}
/* 9. БЛОК ВОПРОС/ОТВЕТ */
/* 10. БЛОК ОТЗЫВЫ */
.flexbox_3b {display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 3px; margin: 0 auto;}
	.flexbox_3b span {
		width: 32%;
		margin: 0 auto;
		text-align: left;
		padding: 0 2px 20px 2px;
	}
		.flexbox_3b span p {
			font-family: Roboto-LightItalic;
			text-indent: 10px;
		}
.flexbox_4b span iframe {width: 100%;}
/* 11. БЛОК ДИЛЕР */
.diler_fon {
	background: url(../decor/diler_fon.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 300px;
}
	.diler button {
		margin-top: 100px;
		font-family: Roboto-Bold;
		font-size: 14px;
		padding: 11px 20px 10px 20px;
		text-transform: uppercase;
		color: #ffffff;
		background-color: #d19827;
		border-radius: 15px;
		border: none;
		border-bottom: 2px solid #a05a27;
		cursor: pointer;
		transition: 0.7s;
	}
		.diler button:hover {background-color: #a05a27;}
.diler_form {display: none;}
	.form {
		width: 265px;
		margin: auto;
		font-size: 14px;
		background-color: #d19827;
		padding: 35px 20px;
		border-radius: 20px;
		text-align: center;
		position: relative;
	}
		.form fieldset {
			padding: 15px;
			border: 2px solid #ffffff;
			border-radius: 10px;
		}
			.form input, .form textarea {
				width: 100%;
				padding: 5px 10px;
				box-sizing: border-box;
				font-family: Roboto-LightItalic;
				color: #757575;
				background-color: #ffffff;
				border: 2px solid #ffffff;
				border-radius: 5px;
				margin-bottom: 15px;
				resize: none;
			}
				.form input:focus, .form textarea:focus {border: 2px solid #a05a27;}
			.form_button {
				font-family: Roboto-Bold;
				text-transform: uppercase;
				color: #ffffff;
				background-color: #d19827;
				border: 2px solid #ffffff;
				border-radius: 5px;
				padding: 7px 9px;
				margin: 5px 0 10px 0;
				cursor: pointer;
				transition: 0.7s;
			}
				.form_button:hover {background-color: #a05a27;}
/* 12. ПОДВАЛ САЙТА */
footer {
	position: absolute;
	width: 100%;
	left: 0;
	border-top: 1px solid #757575;
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
	margin-top: 20px;
}
	/* 12.1. Контакты */
	.flexbox_2footer {display: flex; flex-direction: row; flex-wrap: nowrap; padding: 10px 5px;}
		.flexbox_2footer span {
			width: 50%;
			margin: auto 0;
			padding-right: 10px;
			text-align: right;
		}
			.flexbox_2footer img {width: 200px;}
			.logo_mob, .mobile {display: none;}
		.flexbox_2footer ul {
			width: 50%;
			margin: auto 0;
			padding-left: 10px;
			list-style-type: none;
			font-family: Roboto-Bold;
			font-size: 18px;
			text-align: left;
		}
			.flexbox_2footer ul li {
				font-family: Roboto-Regular;
				padding-left: 17px;
				font-size: 16px;
				position: relative;
			}
				.flexbox_2footer ul li:nth-of-type(1), .flexbox_2footer ul li:nth-of-type(2), .flexbox_2footer ul li:nth-of-type(3) {
					background: url(../decor/phones.png) no-repeat;
					background-position: left;
					background-size: 15px;
				}
				.flexbox_2footer ul li:nth-of-type(4) {
					background: url(../decor/mail.png) no-repeat;
					background-position: left;
					background-size: 15px;
				}
				.flexbox_2footer ul li:nth-of-type(5) {
					background: url(../decor/point.png) no-repeat;
					background-position: left;
					background-size: 15px;
				}
				.flexbox_2footer ul li:nth-of-type(6) {
					background: url(../decor/clock.png) no-repeat;
					background-position: left;
					background-size: 15px;
				}
			.flexbox_2footer ul li span, .flexbox_2footer ul li a {
				font-family: Roboto-Bold;
				font-size: 16px;
				text-transform: none;
			}
	/* 12.2. Карта */
	.map {
		position: relative;
		padding-bottom: 25%;
		height: 0;
		overflow: hidden;
	}
	.map iframe {
		position: absolute;
		top: 0;
		left:0;
		width: 100%;
		height: 100%;
	}
	/* 12.3 Иконки соцсетей */
	.flexbox_3footer {display: flex; flex-direction: row; flex-wrap: nowrap;}
		.flexbox_3footer div {width: 33%; margin: auto; position: relative;}
			.map_button {text-align: right;}
				.map_button a {
					font-family: Roboto-Bold;
					color: #d19827;
					font-size: 14px;
					text-transform: uppercase;
					border: 2px solid #d19827;
					border-radius: 5px;
					padding: 5px 7px 4px 7px;
					text-decoration: none;
					cursor: pointer;
				}
				.map_button a:hover {
					color: #a05a27;
					border: 2px solid #a05a27;
				}
			.rights {text-align: center;}
			.social {display: flex;}
				.social a {
					margin: 7px 0;
					padding: 40px 7px 0 0;
					width: 40px;
					transition: 0.5s;
				}
					.facebook {
						background: url(../decor/facebook1.png) no-repeat;
						background-position: top center;
						background-size: 40px;
					}
					.facebook:hover {
						background: url(../decor/facebook2.png) no-repeat;
						background-position: top center;
						background-size: 40px;
					}
					.youtube {
						background: url(../decor/youtube1.png) no-repeat;
						background-position: top center;
						background-size: 40px;
					}
					.youtube:hover {
						background: url(../decor/youtube2.png) no-repeat;
						background-position: top center;
						background-size: 40px;
					}
					.instagram {
						background: url(../decor/instagram1.png) no-repeat;
						background-position: top center;
						background-size: 40px;
					}
					.instagram:hover {
						background: url(../decor/instagram2.png) no-repeat;
						background-position: top center;
						background-size: 40px;
					}
@media screen and (max-width:1520px) {
	/* 1. ВЕРХНЕЕ МЕНЮ НАВИГАЦИИ */
	.nav_buttons li:nth-of-type(9) {display: none;}
}
@media screen and (max-width:1350px) {
	/* 1. ВЕРХНЕЕ МЕНЮ НАВИГАЦИИ */
	.nav_buttons li:nth-of-type(8) {display: none;}
}
@media screen and (max-width:1280px) {
	/* 1. ВЕРХНЕЕ МЕНЮ НАВИГАЦИИ */
	.nav_buttons li:nth-of-type(6), .nav_buttons li:nth-of-type(7) {display: none;}
}
@media screen and (max-width:1023px) {
	h2, h3, h4, h5, h6 {font-size: 26px; background-size: 80px; padding-top: 35px;}
	/* 1. ВЕРХНЕЕ МЕНЮ НАВИГАЦИИ */
	.nav_buttons li:nth-of-type(4), .nav_buttons li:nth-of-type(5) {display: none;}
	/* 2. НАЧАЛЬНЫЙ БЛОК С ВИДЕО */
	.top_title span {top: 20%;}
	.top_title span p {font-size: 30px; padding-right: 10px;}
	/* Блок акции и 10 лет гарантии */
	.left_2c p {padding: 35px 1% 0 1%; font-size: 16px; margin-top: 25px;}
	.left_2c p span, .right_2c p span {font-size: 18px;}
	.right_2c p {margin: 35px 0 0 3%; font-size: 16px;}
	/* 3. БЛОК КОРОТКОЙ ИНФОРМАЦИИ */
	.flexbox_4a div {padding: 30px 7px 0 7px;}
	.block_1 span, .block_2 span, .block_3 span, .block_4 span, .block_5 span, .block_6 span, .block_7 span, .block_8 span {font-size: 18px; background-size: 40px; padding-top: 55px;}
	.block_1 p, .block_2 p, .block_3 p, .block_4 p, .block_5 p, .block_6 p, .block_7 p, .block_8 p {font-size: 13px;}
	/* Блок модельного ряда */
	.flexbox_2d div p {margin: 20px 3% 30px 3%}
	/* 4. ЗОЛОТЫЕ БЛОКИ */
	.gold_blok form input {width: 165px;}
	/* 5. БЛОКИ КОНСТРУКЦИЯ, ПРИНЦИП РАБОТЫ, ЭНЕРГОЭФФЕКТИВНОСТЬ */
	.flexbox_2b a {width: 40%;}
	.flexbox_2b ul {width: 60%;}
	/* 12. БЛОК ПОДВАЛ */
	.map {padding-bottom: 30%;}
	.map_button a {font-size: 11px;}
	.social a {padding: 30px 7px 0 0; width: 30px;}
	.facebook, .facebook:hover, .youtube, .youtube:hover, .instagram, .instagram:hover {background-size: 30px;}
}
@media screen and (max-width:767px) {
	body, .dop_text p {font-size: 12px;}
	h2, h3, h4, h5, h6 {font-size: 24px; background-size: 70px; padding-top: 30px;}
	/* 1. ВЕРХНЕЕ МЕНЮ НАВИГАЦИИ */ .nav_logo img {width: 130px; margin: 6px 0 0 10px;}
	/* АДАПТИВНОЕ МОБИЛЬНОЕ МЕНЮ */
	.m_menu {display: block;}
	.menu_left {display: none; margin: 50px -45px 0 0; background: #ffffff; border-top: 1px solid #757575; border-left: 1px solid #757575; border-bottom: 1px solid #757575; box-shadow: -5px 5px 5px rgba(0,0,0,0.3);}
	.nav_phones {padding: 7px 0;}
	.nav_phones li {display: block; margin: 0 0 0 50px; padding: 3px 10px;}
	.nav_buttons li:nth-of-type(4), .nav_buttons li:nth-of-type(5), .nav_buttons li:nth-of-type(6), .nav_buttons li:nth-of-type(7), .nav_buttons li:nth-of-type(8), .nav_buttons li:nth-of-type(9), .nav_buttons li:nth-of-type(10) {display: block;}
	.nav_buttons li {display: block; width: 170px; margin: 0; text-align: center; border-bottom: 1px solid #d1d1d1;}
	.nav_buttons li:first-of-type {border-top: 1px solid #d1d1d1;}
	.nav_buttons li:last-of-type {border: none;}
	.nav_buttons li a {display: block; font-size: 14px; padding: 5px;}
	.nav_buttons li a:hover {background: #d1d1d1; text-decoration: none;}
	.mobile {display: block; color: #757575; text-decoration: none;}
	.desctop {display: none;}
	/* 2. НАЧАЛЬНЫЙ БЛОК С ВИДЕО */
	.flexbox_2a {flex-wrap: wrap;}
	.video a {top: 20%; left: 40%; right: 40%; font-size: 14px;}
	.top_title span {top: 48%; padding: 0 50px;}
	.top_title span p {text-align: center; text-indent: 0;}
	/* Блок акции и 10 лет гарантии */
	.left_2c p {margin-top: 3px;}
	.right_2c p {margin: 27px 0 0 10%;}
	/* 3. БЛОК КОРОТКОЙ ИНФОРМАЦИИ */
	.flexbox_4a div {padding: 30px 5px 0 5px;}
	.block_1 span, .block_2 span, .block_3 span, .block_4 span, .block_5 span, .block_6 span, .block_7 span, .block_8 span {font-size: 16px; background-size: 30px; padding-top: 45px;}
	.block_1 p, .block_2 p, .block_3 p, .block_4 p, .block_5 p, .block_6 p, .block_7 p, .block_8 p {font-size: 12px;}
	/* Блок модельного ряда */
	.flexbox_2d div span {font-size: 17px;}
	.flexbox_2d div p {font-size: 14px;}
	/* 4. ЗОЛОТЫЕ БЛОКИ */
	.gold_blok_title {font-size: 16px;}
	.gold_blok span p {font-size: 12px;}
	/* 5. БЛОКИ КОНСТРУКЦИЯ, ПРИНЦИП РАБОТЫ, ЭНЕРГОЭФФЕКТИВНОСТЬ */
	.flexbox_2b {flex-wrap: wrap;}
	.flexbox_2b a, .flexbox_2b ul {width: 100%;}
	/* 6. БЛОК ДОПОЛНИТЕЛЬНОЙ ИНФОРМАЦИИ */
	.dop_title {font-size: 16px;}
	/* 12. БЛОК ПОДВАЛ */
	.flexbox_2footer span {width: 38%;}
	.flexbox_2footer ul {width: 62%; font-size: 17px;}
	.flexbox_2footer img {width: 170px;}
	.flexbox_2footer ul li {font-size: 15px; background-size: 14px; padding-left: 17px;}
	.flexbox_2footer ul li span, .flexbox_2footer ul li a {font-size: 15px;}
	.desctop {display: none !important;}
	.mobile {display: inline; text-decoration: none; color: #757575;}
	.map {padding-bottom: 40%;}
}
@media screen and (max-width:599px) {
	h2, h3, h4, h5, h6 {font-size: 22px; background-size: 60px; padding-top: 25px;}
	/* 1. ВЕРХНЕЕ МЕНЮ НАВИГАЦИИ */
	nav {padding-top: 0;}
	.warning {display: none;}
	.m_menu {top: 11px;}
	/* 2. НАЧАЛЬНЫЙ БЛОК С ВИДЕО */
	header {margin: 58px 0 10px 0;}
	.video a {left: 36%; right: 36%;}
	.top_title span {padding: 0 10px;}
	.top_title span p {font-size: 28px;}
	/* Блок акции и 10 лет гарантии */
	.left_2c p {background-size: 20px; padding: 25px 1 0 1px; font-size: 13px; margin-top: 7px;}
	.left_2c p span {font-size: 15px; padding: 0 5%;}
	.right_2c p {margin: 20px 0 0 5%; font-size: 14px;}
	.right_2c p span {font-size: 16px;}
	/* 3. БЛОК КОРОТКОЙ ИНФОРМАЦИИ */
	.flexbox_4a {flex-wrap: wrap;}
	.flexbox_4a div {width: 47%; padding: 30px 5px 0 5px; margin: 0 auto;}
	/* Блок модельного ряда */
	.flexbox_2d div span {font-size: 16px;}
	.flexbox_2d div p {font-size: 13px; margin: 20px 0 30px 0;}
	/* 4. ЗОЛОТЫЕ БЛОКИ */
	.gold_blok_title {font-size: 14px;}
	.flexbox_3a div {width: 48%;}
	.flexbox_4b {flex-wrap: wrap;}
	.flexbox_4b > div {width: 48%; margin: 0 auto;}
	.gold_blok form input {width: 150px;}
	/* 6. БЛОК ДОПОЛНИТЕЛЬНОЙ ИНФОРМАЦИИ */
	.dop_url p {padding: 35px 0 10px 0;}
	.dop1, .dop2, .dop3, .dop4 {background-size: 30px;}
	.dop1:hover, .dop2:hover, .dop3:hover, .dop4:hover {background-size: 30px;}
	/* 7. БЛОК ПРЕИМУЩЕСТВА */
	table tr th, table tr td {padding: 5px 3px;}
	/* 8. БЛОКИ ПРОИЗВОДСТВО, СЕРТИФИКАТЫ, ГАРАНТИЯ И ДОСТАВКА, ИЗОБРАЖЕНИЯ */
	.flexbox_4b span, .flexbox_4b a {width: 49%; margin: 0 auto;}
	.flexbox_5 a {width: 32%;}
	/* 10. БЛОК ОТЗЫВЫ */
	.flexbox_3b span {width: 48%;}
	/* 12. БЛОК ПОДВАЛ */
	.flexbox_2footer span {width: 28%; padding: 0 5px;}
	.flexbox_2footer ul {width: 72%; padding: 0 5px;}
	.flexbox_2footer img {width: 100%;}
	.map {padding-bottom: 50%;}
}
@media screen and (max-width:399px) {
	h2, h3, h4, h5, h6 {font-size: 20px; background-size: 50px; padding-top: 20px;}
	/* 2. НАЧАЛЬНЫЙ БЛОК С ВИДЕО */
	.video a {left: 33%; right: 33%;}
	.top_title span p {font-size: 23px;}
	/* 3. БЛОК КОРОТКОЙ ИНФОРМАЦИИ */
	.flexbox_4a div {width: 46%;}
	/* Блок акции и 10 лет гарантии */
	.left_2c p {background-size: 25px; padding: 30px 0 0 0; font-size: 12px; margin-top: 10px;}
	.left_2c p span, .right_2c p span {font-size: 14px;}
	.right_2c p {margin: 27px 0 0 1px; font-size: 12px;}
	/* 4. ЗОЛОТЫЕ БЛОКИ */
	.gold_blok form input {width: 180px;}
	/* 7. БЛОК ПРЕИМУЩЕСТВА */
	table tr th, table tr td {padding: 3px 1px; font-size: 10px;}
	/* 12. БЛОК ПОДВАЛ */
	.flexbox_2footer span {width: 9%;}
	.flexbox_2footer ul {width: 91%;}
	.logo_mob {display: block;}
	.logo_pc {display: none;}
	.map {padding-bottom: 60%;}
}