html {
	font-family: Helvetica, Verdana, Sans, "MS Sans", "Arial CE", Arial;
	font-size: 14px;
	color: #11385F
}

body {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	background: url("../images/bg_body.png") left top repeat
}

a {
	color: #537DA9
}

a:hover {
	text-decoration: none;
	color: #0085A8
}

a img {
	border: none
}

img {
	max-width: 100%
}

strong {
	font-weight: bold
}

p {
	margin: 0 0 15px 0;
	line-height: 1.6
}

h1,
h2,
h3 {
	border-bottom: solid 2px #0085A8;
	color: #0085A8;
	text-shadow: 2px 2px 6px #999;
	margin: 0 0 17px 0;
	line-height: 1.3;
}

h1 {
	font-size: 2.1rem;
}

h2 {
	font-size: 1.5rem;
}

h3 {
	font-size: 1.2rem;
	border: none
}


.body {
	width: 98%;
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
	border: solid 1px #ABB6C0;
	border-radius: 14px;
	box-shadow: 5px 5px 20px #888;
	background-color: #fff;
}

.head-top {
	background: url("../images/bg_head.jpg") right top no-repeat;
	height: 112px;
	line-height: 112px;
	vertical-align: middle;
	border-bottom: 5px solid #0085A8;
	border-top-right-radius: 14px;
}

.logo {
	display: inline-block;
	vertical-align: middle;
	width: 488px;
	height: 58px;
	background: url("../images/logo.png") left top no-repeat;
	margin-left: 15px;
}

.menu {
	margin: 0;
	padding: 17px;
	border-top: 1px solid #fff;
	background: #11385F url("../images/bg_menu.png") left top repeat-x;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	color: #CFEFF8
}

.menu li {
	list-style-type: none;
	margin: 0 12px;
}

.menu li a, .menu li span {
	color: #fff;
	text-decoration: none;
}

.menu li a:hover,
.menu li.active a,
.menu li.active span {
	text-decoration: underline;
	color: #CFEFF8;
	text-shadow: 0 2px 11px #98CBD9
}

.under-menu {
	height: 15px;
	background: url("../images/under_menu.png") left top repeat-x;
	margin-top: -1px;
	position: relative;
	z-index: 30;
	margin-bottom: -15px;
}

.main {
	padding: 40px 30px;
	background: linear-gradient(to right, #fff, #fff, #fff, #E3F0F4);
	position: relative;
	z-index: 20;
	min-height: 300px;
}

.about-us {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.about-us-image {
	border: solid 1px #ABB6C0;
	padding: 3px;
	border-radius: 5px;
	box-shadow: 3px 3px 8px #ccc;
	display: inline-block;
	width: 58%;
}

.about-us-image img {
	display: block;
	width: 100%;
}

.about-us-text {
	width: 37%;
	padding: 10px 0;
}

.main ul {
	margin: 0;
	padding: 0 0 30px 30px;
}

.main ul li {
	line-height: 1.6;
}

.docs {
	padding-top: 10px;
}

.docs div {
	margin-bottom: 5px;
}

.docs a {
	display: inline-block;
	line-height: 1.6;
	padding-left: 30px;
	background: url("../images/pdf.gif") left center no-repeat;
	text-decoration: none;
}

.docs a span {
	color: #A1B3C3
}

.docs a:hover {
	text-decoration: underline;
}

.font-light {
	color: #A1B3C3
}

.data-wrapper {
	padding-bottom: 20px;
}

.data-block {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	line-height: 1.6;
	margin-bottom: 5px;
}

.data-number {
	color: #A1B3C3;
	width: 30px;
}

.data-title {
	text-align: right;
	font-weight: bold;
	width: 230px;
	padding: 0 10px;
}

.data-text {
	width: calc(100% - 280px);
}

.scheme {
	padding-left: 120px;
	padding-bottom: 10px;
}

.data-text .docs {
	padding: 0;
}

.contact-wrapper {
	padding-bottom: 20px;
}

.contact-block {
	display: flex;
	flex-wrap: wrap;
	line-height: 1.6;
	margin-bottom: 5px;
}

.contact-title {
	width: 160px;
	text-align: right;
	font-weight: bold;
	margin-right: 10px;
}

.contact-text {
	width: calc(100% - 170px);
}

.map-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.map {
	width: 550px;
}

.map-left {
	width: calc(100% - 570px);
}

.map img {
	padding: 3px;
	border: solid 1px #ABB6C0;
	border-radius: 5px;
	box-shadow: 3px 3px 8px #ccc;
}

.map:hover img {
	border: solid 1px #0085A8;
	box-shadow: 3px 3px 12px #555
}

.maps {
	margin-left: 30px;
}

.button {
	text-decoration: none;
	margin: 0 0.5em;
	padding: 0.2em 0.4em;
	display: inline-block;
	color: #CFEFF8;
	background-color: #537DA9;
	border: solid 1px #CFEFF8;
	border-radius: 4px;
	box-shadow: 3px 3px 11px #999;
	text-shadow: 1px 1px 6px #333;
}

.button:hover {
	color: #fff;
	border: solid 1px #fff;
	box-shadow: 3px 3px 4px #999;
	text-shadow: 3px 3px 8px #999;
}

.gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.gallery a {
	width: 150px;
	height: 113px;
	position: relative;
	display: block;
}

.gallery a img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.footer {
	border-top: dotted 1px #93A5B7;
	padding: 10px;
	color: #93A5B7;
	line-height: 1.5;
	font-size: 0.9rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.footer-right,
.footer-right a {
	text-decoration: none;
	color: #D7E0E8
}

.footer-right a:hover {
	color: #93A5B7
}


@media(max-width:1000px) {
	.map-left {
		width: 100%;
	}
}

@media(max-width:820px) {

	.about-us-image,
	.about-us-text {
		width: 100%;
	}

	.about-us-image {
		margin-bottom: 20px;
	}

	.main {
		padding: 30px 20px;
	}

	.scheme {
		padding-left: 0;
	}
}

@media(max-width:520px) {
	.logo {
		width: 340px;
		background-size: 100% auto;
	}

	.data-block {
		flex-wrap: wrap;
	}

	.data-number {
		padding-bottom: 5px;
	}

	.data-title {
		width: calc(100% - 30px);
		text-align: left;
		padding: 0 0 5px 0;
	}

	.data-text {
		width: 100%;
		padding-bottom: 10px;
	}
}

@media(max-width:450px) {
	.menu {
		line-height: 2;
	}

	.contact-title {
		width: 120px;
	}

	.contact-text {
		width: calc(100% - 130px);
	}
}