/* БурВодСтрой, Кострома. Основные стили сайта */

* { margin: 0; padding: 0; }

body {
	background: #ffffff;
	color: #232323;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.55;
}

a { color: #155c94; }
a:hover { color: #0d3f68; }

img { border: 0; max-width: 100%; height: auto; }

h1 {
	font-size: 26px;
	line-height: 1.25;
	margin-bottom: 14px;
	color: #14344d;
}

h2 {
	font-size: 22px;
	margin-bottom: 12px;
	color: #14344d;
	border-bottom: 2px solid #d8e2ea;
	padding-bottom: 6px;
}

h3 {
	font-size: 17px;
	margin-bottom: 6px;
	color: #14344d;
}

p { margin-bottom: 10px; }

ul, ol { margin: 0 0 12px 22px; }
li { margin-bottom: 5px; }

.wrap {
	width: 1060px;
	margin: 0 auto;
	padding: 0 12px;
}

/* шапка */

.header {
	background: #f4f6f8;
	border-bottom: 1px solid #d3dae0;
	padding: 12px 0;
}

.header .wrap { overflow: hidden; }

.logo { float: left; }

.logo a { text-decoration: none; }

.logo-name {
	display: block;
	font-size: 25px;
	font-weight: bold;
	color: #155c94;
	letter-spacing: 0.5px;
}

.logo-slogan {
	display: block;
	font-size: 12px;
	color: #5d6b76;
}

.header-contact {
	float: right;
	text-align: right;
}

.header-hours {
	display: block;
	font-size: 12px;
	color: #5d6b76;
}

.header-phone {
	display: block;
	font-size: 21px;
	font-weight: bold;
	color: #14344d;
	text-decoration: none;
}

.header-note {
	display: block;
	font-size: 11px;
	color: #7b8791;
}

.menu-toggle {
	display: none;
	float: right;
	margin-top: 6px;
	padding: 7px 14px;
	background: #155c94;
	color: #ffffff;
	border: 0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}

/* меню */

.mainmenu {
	background: #155c94;
}

.menu-list {
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.menu-item { float: left; margin: 0; }

.menu-item a {
	display: block;
	padding: 11px 18px;
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	border-right: 1px solid #2a70a6;
}

.menu-item a:hover {
	background: #0d3f68;
	color: #ffffff;
}

/* первый экран */

.intro {
	padding: 24px 0 18px;
	border-bottom: 1px solid #e2e6ea;
}

.intro .wrap { overflow: hidden; }

.intro-text {
	float: left;
	width: 620px;
}

.intro-photo {
	float: right;
	width: 400px;
	text-align: center;
}

.photo-sign {
	display: block;
	font-size: 12px;
	color: #6d7982;
	margin-top: 4px;
}

.intro-lead {
	font-size: 16px;
}

.facts {
	list-style: square;
	margin-left: 20px;
	color: #333333;
}

.intro-cta { margin-top: 14px; }

.intro-or { font-size: 14px; color: #4a5761; }

.button {
	display: inline-block;
	padding: 10px 20px;
	background: #d9821c;
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.button:hover { background: #b96b12; color: #ffffff; }

/* услуги */

.services { padding: 22px 0; }

.section-lead { color: #454f57; }

.service-list { overflow: hidden; margin-top: 12px; }

.service-item {
	box-sizing: border-box;
	float: left;
	width: 48%;
	margin: 0 2% 16px 0;
	padding: 12px 14px;
	border: 1px solid #dde3e8;
	background: #fbfcfd;
}

.geo {
	margin-top: 8px;
	padding: 14px 16px;
	background: #f4f6f8;
	border-left: 4px solid #155c94;
}

/* цены */

.price {
	padding: 22px 0;
	border-top: 1px solid #e2e6ea;
	background: #fdfdfd;
}

.price-table {
	width: 100%;
	border-collapse: collapse;
	margin: 12px 0;
	font-size: 14px;
}

.price-table th {
	background: #155c94;
	color: #ffffff;
	text-align: left;
	padding: 8px 10px;
	font-weight: bold;
}

.price-table td {
	border: 1px solid #dbe1e6;
	padding: 7px 10px;
	vertical-align: top;
}

.price-table tr:nth-child(even) td { background: #f6f8fa; }

.note {
	font-size: 14px;
	color: #414b53;
}

.note-link { font-size: 14px; }

/* этапы */

.steps {
	padding: 22px 0;
	border-top: 1px solid #e2e6ea;
}

.step-list {
	margin: 12px 0 0 30px;
}

.step {
	margin-bottom: 12px;
	padding-left: 6px;
}

.faq_73a86b {
	margin-top: 14px;
	padding: 12px 16px;
	border: 1px solid #dde3e8;
}

.faq-q {
	font-weight: bold;
	margin-bottom: 2px;
	color: #14344d;
}

.faq-a {
	margin-bottom: 10px;
	color: #414b53;
}

/* галерея */

.gallery {
	padding: 22px 0;
	border-top: 1px solid #e2e6ea;
	background: #f7f9fa;
}

.gallery-list { overflow: hidden; margin-top: 12px; }

.gallery-item {
	box-sizing: border-box;
	float: left;
	width: 32%;
	height: 234px;
	margin: 0 1% 14px 0;
	background: #ffffff;
	border: 1px solid #dde3e8;
	padding: 6px;
}

.gallery-item img {
	display: block;
	width: 100%;
	height: 172px;
	object-fit: cover;
}

.gallery-item figcaption {
	font-size: 12px;
	color: #63707a;
	padding-top: 5px;
}

/* форма */

.order {
	padding: 22px 0;
	border-top: 1px solid #e2e6ea;
}

.order-form {
	margin-top: 10px;
	max-width: 520px;
}

.form-row { margin-bottom: 10px; }

.form-row label {
	display: block;
	font-size: 14px;
	color: #414b53;
	margin-bottom: 3px;
}

.form-row input, .form-row textarea {
	padding: 7px 8px;
	border: 1px solid #c3ccd4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	width: 100%;
	max-width: 420px;
	box-sizing: border-box;
}

.form-note {
	font-size: 12px;
	color: #7b8791;
}

/* контакты */

.contacts {
	padding: 22px 0;
	border-top: 1px solid #e2e6ea;
	background: #f4f6f8;
}

.contacts .wrap { overflow: hidden; }

.contacts h2 { width: 100%; }

.contacts-block {
	float: left;
	width: 32%;
	margin-right: 1%;
	font-size: 14px;
}

.contacts-line { margin-bottom: 5px; }

/* карта проезда и таблица объектов на внутренних страницах */

.route-list { margin-left: 20px; }

.obj-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	margin: 12px 0;
}

.obj-table th {
	background: #e8edf1;
	text-align: left;
	padding: 7px 9px;
	border: 1px solid #dbe1e6;
}

.obj-table td {
	border: 1px solid #dbe1e6;
	padding: 6px 9px;
}

.page-text { padding: 22px 0; }

.crumbs {
	font-size: 12px;
	color: #7b8791;
	padding: 8px 0 0;
}

.crumbs a { color: #5d6b76; }

/* подвал */

.footer {
	background: #14344d;
	color: #c6d3dd;
	padding: 16px 0;
	font-size: 13px;
	margin-top: 4px;
}

.footer a { color: #ffffff; }

.copyright { margin-bottom: 4px; }

.footer-links { color: #8fa4b5; }

/* мобильная версия */

@media screen and (max-width: 1080px) {
	.wrap { width: auto; max-width: 760px; }
	.intro-text, .intro-photo { float: none; width: auto; }
	.intro-photo { margin-top: 14px; }
	.service-item { width: auto; float: none; margin-right: 0; }
	.gallery-item { width: 48%; }
	.contacts-block { width: auto; float: none; margin-bottom: 14px; }
}

@media screen and (max-width: 640px) {
	body { font-size: 15px; }
	h1 { font-size: 21px; }
	h2 { font-size: 19px; }
	.logo, .header-contact { float: none; text-align: left; }
	.header-contact { margin-top: 8px; }
	.menu-toggle { display: block; float: none; margin-top: 10px; }
	.menu-list { display: none; }
	.menu-list.opened { display: block; }
	.menu-item { float: none; }
	.menu-item a { border-right: 0; border-bottom: 1px solid #2a70a6; }
	.gallery-item { width: auto; float: none; height: auto; }
	.gallery-item img { height: auto; }
	.price-table { font-size: 13px; }
	.price-table th, .price-table td { padding: 5px 6px; }
}